:root {
  --green: #07877d;
  --green-strong: #04776f;
  --green-soft: #d8f3ef;
  --text: #2f3a4a;
  --muted: #6f7885;
  --line: #cfecea;
  --danger: #d93f45;
  --danger-bg: #fff0f0;
  --orange: #c47a00;
  --orange-bg: #fff7e8;
  --success: #208f48;
  --success-bg: #effaf2;
  --white: #ffffff;
  --shadow: 0 28px 90px rgba(19, 105, 94, 0.13);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at top left, rgba(188, 244, 236, 0.75), transparent 34%),
    linear-gradient(135deg, #f2fffd 0%, #ffffff 45%, #f8fbfb 100%);
}

button, input, select, textarea { font: inherit; }

/* GİRİŞ SAYFASI */

.admin-shortcut {
  position: fixed;
  top: 34px;
  right: 42px;
  z-index: 10;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 18px 34px;
  background: var(--white);
  color: var(--green);
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 14px 40px rgba(21, 98, 90, 0.1);
}

.page-shell {
  width: min(1440px, calc(100% - 48px));
  min-height: 100vh;
  margin: 0 auto;
  display: grid;
  place-items: center;
  padding: 112px 0 50px;
}

.login-card {
  width: min(1250px, 100%);
  border: 1px solid var(--line);
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--shadow);
  padding: 60px 54px 52px;
}

.main-header { text-align: center; margin-bottom: 34px; }

.brand {
  margin: 0 0 18px;
  color: var(--green);
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 0.4px;
}

.login-card h1 {
  margin: 0;
  color: var(--green);
  font-size: clamp(42px, 4.5vw, 62px);
  line-height: 1;
}

.panel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(280px, 1fr));
  gap: 26px;
}

.entry-panel, .admin-login, .detail-card {
  border: 1px solid var(--line);
  border-radius: 28px;
  background: var(--white);
  padding: 36px 32px 32px;
}

.entry-panel h2, .admin-login h2, .detail-card h2 {
  margin: 0 0 28px;
  font-size: clamp(28px, 2.5vw, 36px);
  line-height: 1.05;
  color: var(--text);
}

.panel-icon { font-size: 46px; line-height: 1; margin-bottom: 12px; }

label {
  display: block;
  margin: 16px 0 7px;
  font-weight: 800;
  color: #344157;
}

input, select, textarea {
  width: 100%;
  height: 50px;
  border: 2px solid #e7edf5;
  border-radius: 13px;
  padding: 0 14px;
  color: #30405d;
  background: #fbfdff;
  font-size: 15px;
  outline: none;
}

textarea {
  min-height: 72px;
  padding: 12px 14px;
  resize: vertical;
}

.login-body input {
  height: 66px;
  border-radius: 20px;
  font-size: 22px;
}

input:focus, select:focus, textarea:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 5px rgba(10, 152, 138, 0.12);
}

.panel-button {
  width: 100%;
  height: 64px;
  margin-top: 28px;
  border: 0;
  border-radius: 999px;
  background: var(--green);
  color: var(--white);
  font-size: 20px;
  font-weight: 900;
  cursor: pointer;
}

.panel-button.outline {
  border: 2px solid var(--green);
  background: var(--white);
  color: var(--green);
}

.panel-button:disabled {
  background: #edf2f4;
  color: #a1aab5;
  border: 2px solid #e5ecef;
  cursor: not-allowed;
}

.forgot-button {
  width: 100%;
  margin-top: 14px;
  border: 0;
  background: transparent;
  color: var(--green);
  font-weight: 900;
  cursor: pointer;
}

.reset-box {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.reset-box a {
  display: block;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 13px;
  text-align: center;
  color: var(--green);
  font-weight: 900;
  text-decoration: none;
  background: #f8fffe;
}

.warning-text {
  min-height: 24px;
  margin: 14px 0 0;
  color: var(--danger);
  font-size: 16px;
  font-weight: 800;
}

.hidden { display: none !important; }

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(10, 23, 35, 0.28);
  backdrop-filter: blur(6px);
}

.admin-login {
  position: relative;
  width: min(500px, 100%);
  max-height: calc(100vh - 48px);
  overflow: auto;
  box-shadow: var(--shadow);
}

.close-button {
  position: absolute;
  top: 16px;
  right: 20px;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: #eef7f6;
  color: var(--green);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

/* ANA ADMİN SAYFASI */

.admin-shell {
  width: min(1120px, calc(100% - 42px));
  margin: 0 auto;
  padding: 18px 0 34px;
}

.hero-card {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: var(--shadow);
  padding: 40px 36px;
  margin-bottom: 24px;
}

.hero-label {
  margin: 0 0 20px;
  color: var(--green);
  font-weight: 900;
}

.hero-card h1 {
  margin: 0;
  color: var(--green);
  font-size: clamp(48px, 6vw, 76px);
  line-height: 0.95;
  letter-spacing: -3px;
}

.hero-text {
  max-width: 780px;
  margin: 18px 0 0;
  color: #4b5563;
  font-size: 19px;
  line-height: 1.55;
}

.hero-actions { display: grid; gap: 12px; min-width: 154px; }

.action-button {
  height: 64px;
  border-radius: 17px;
  padding: 0 24px;
  font-weight: 900;
  cursor: pointer;
  background: #fff;
}

.action-button.add { border: 1px solid var(--line); color: #7f8a95; }
.action-button.delete { border: 1px solid #ffc7c7; color: var(--danger); background: var(--danger-bg); }
.action-button.logout { height: 46px; border: 1px solid var(--line); color: var(--green); }

.stats-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
  margin-bottom: 20px;
}

.stat-card {
  min-height: 128px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.93);
  padding: 22px 18px;
}

.stat-card span {
  display: block;
  min-height: 38px;
  color: #4b5563;
  line-height: 1.45;
}

.stat-card strong {
  display: block;
  margin-top: 8px;
  color: var(--green);
  font-size: 36px;
  line-height: 1;
}

.warning-stat strong, .warning-stat em { color: var(--orange); }

.warning-stat em {
  display: block;
  margin-top: 12px;
  font-style: normal;
  font-weight: 900;
}

.list-card {
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  overflow: hidden;
}

.list-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 26px 20px 22px;
}

.list-top h2 {
  margin: 0;
  color: var(--green);
  font-size: 30px;
}

.list-top p {
  margin: 10px 0 0;
  font-size: 18px;
}

.filters {
  display: grid;
  grid-template-columns: minmax(260px, 1.4fr) minmax(150px, 0.8fr) minmax(160px, 0.8fr);
  gap: 10px;
  width: min(650px, 100%);
}

.table-wrap { overflow-x: auto; }

table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
}

th, td {
  padding: 18px 16px;
  border-top: 1px solid var(--line);
  text-align: left;
  white-space: nowrap;
}

th {
  color: var(--green);
  font-weight: 900;
}

.student-name {
  border: 0;
  border-bottom: 1px solid var(--green);
  background: transparent;
  color: var(--green);
  font-weight: 800;
  cursor: pointer;
  padding: 0;
}

.low { color: var(--success); }
.mid { color: var(--orange); }
.high { color: var(--danger); }

.pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 52px;
  justify-content: center;
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: 900;
}

.pill.good { background: var(--success-bg); color: var(--success); }
.pill.mid { background: var(--orange-bg); color: var(--orange); }
.pill.bad { background: var(--danger-bg); color: var(--danger); }

.empty-state {
  display: grid;
  place-items: center;
  min-height: 260px;
  padding: 32px;
  text-align: center;
  border-top: 1px solid var(--line);
}

.empty-symbols { font-size: 48px; margin-bottom: 16px; }

.empty-state h3 {
  margin: 0;
  color: var(--green);
  font-size: 28px;
}

.detail-drawer {
  position: fixed;
  inset: 0;
  z-index: 45;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(10, 23, 35, 0.18);
  backdrop-filter: blur(5px);
}

.detail-card {
  position: relative;
  width: min(520px, 100%);
  box-shadow: var(--shadow);
}

.detail-card p {
  margin: 12px 0;
  font-size: 18px;
}

/* TALEBE FORM SAYFASI */

.form-shell {
  width: min(1280px, calc(100% - 42px));
  margin: 0 auto;
  padding: 10px 0 36px;
}

.form-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255,255,255,.95);
  box-shadow: var(--shadow);
  padding: 30px 32px;
  margin-bottom: 12px;
}

.back-link {
  color: var(--green);
  font-weight: 900;
  text-decoration: none;
  margin-right: 6px;
}

.form-hero h1 {
  margin: 16px 0 12px;
  color: var(--green);
  font-size: clamp(42px, 5.3vw, 66px);
  line-height: 1;
}

.form-hero p {
  margin: 0;
  color: #4f5d78;
  font-size: 17px;
}

.update-pill {
  width: 120px;
  height: 46px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #eaf7f5;
  color: var(--green);
  font-weight: 900;
  cursor: pointer;
}

.big-form-card {
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255,255,255,.96);
  padding: 20px 20px 30px;
  box-shadow: var(--shadow);
}

.tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
}

.tab {
  min-width: 86px;
  height: 40px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--green);
  font-weight: 900;
  cursor: default;
}

.tab.active {
  background: var(--green);
  color: #fff;
  box-shadow: 0 8px 20px rgba(7, 135, 125, 0.22);
}

.form-title {
  margin: 18px 14px 10px;
}

.form-title h2 {
  margin: 0 0 8px;
  color: var(--green);
  font-size: 28px;
}

.form-title p {
  margin: 0;
  color: #4f5d78;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 46px;
  padding: 0 14px;
}

.form-column label {
  font-size: 13px;
  margin-top: 12px;
}

.spacer {
  height: 95px;
}

.form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding: 4px 14px 0;
}

.clear-button,
.save-button {
  min-width: 130px;
  height: 48px;
  border-radius: 999px;
  font-weight: 900;
  cursor: pointer;
}

.clear-button {
  border: 1px solid var(--line);
  background: #effafa;
  color: var(--green);
}

.save-button {
  border: 0;
  background: var(--green);
  color: white;
}

@media (max-width: 980px) {
  .hero-card, .list-top, .form-hero { flex-direction: column; align-items: stretch; }
  .hero-actions { grid-template-columns: 1fr 1fr 1fr; }
  .stats-grid { grid-template-columns: repeat(3, 1fr); }
  .filters, .form-grid { grid-template-columns: 1fr; }
  .spacer { height: 0; }
}

@media (max-width: 860px) {
  .admin-shortcut { position: static; display: block; margin: 20px 20px 0 auto; }
  .page-shell { padding-top: 28px; }
  .login-card { padding: 36px 20px 26px; }
  .panel-grid { grid-template-columns: 1fr; }
  .entry-panel { padding: 28px 20px; }
  .login-body input { font-size: 18px; }
}

@media (max-width: 640px) {
  .admin-shell, .form-shell { width: min(100% - 24px, 1120px); }
  .hero-card, .form-hero { padding: 30px 22px; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .hero-actions, .form-actions { grid-template-columns: 1fr; display: grid; }
}


.forgot-link-button {
  width: 100%;
  margin-top: 14px;
  border: 0;
  background: transparent;
  color: var(--green);
  font-weight: 900;
  cursor: pointer;
  text-align: center;
}

.forgot-link-button:hover,
.forgot-button:hover {
  text-decoration: underline;
}



/* E-OKUL DETAY SAYFASI */

.detail-shell {
  width: min(1560px, calc(100% - 42px));
  margin: 0 auto;
  padding: 6px 0 20px;
}

.detail-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255,255,255,.95);
  box-shadow: var(--shadow);
  padding: 16px 24px;
  margin-bottom: 0;
}

.detail-hero h1 {
  margin: 8px 0 2px;
  color: var(--green);
  font-size: 28px;
  line-height: 1;
}

.detail-hero p {
  margin: 0;
  color: #4f5d78;
  font-weight: 900;
}

.detail-actions {
  display: flex;
  gap: 14px;
}

.mini-action {
  min-width: 130px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f8fffe;
  color: var(--green);
  font-weight: 900;
  cursor: pointer;
}

.eokul-card {
  border: 1px solid var(--line);
  border-radius: 0 0 18px 18px;
  background: rgba(255,255,255,.96);
  padding: 8px 22px 12px;
  box-shadow: var(--shadow);
}

.eokul-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 10px 0 8px;
}

.eokul-top h2 {
  margin: 0 0 6px;
  color: var(--green);
  font-size: 24px;
}

.eokul-top p {
  margin: 0;
  color: #4f5d78;
  font-weight: 800;
}

.period-buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.period-button {
  min-width: 112px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #f8fffe;
  color: var(--green);
  font-weight: 900;
  cursor: pointer;
}

.period-button.active {
  background: var(--green);
  color: #fff;
}

.grade-section {
  margin-top: 10px;
}

.grade-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.grade-title-row h3 {
  margin: 0 0 6px;
  color: var(--green);
  font-size: 17px;
  letter-spacing: .5px;
}

.row-add-button {
  min-width: 86px;
  height: 32px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #f8fffe;
  color: var(--green);
  font-weight: 900;
  cursor: pointer;
}

.grade-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.grade-table {
  min-width: 1450px;
}

.grade-table th,
.grade-table td {
  padding: 6px 8px;
  text-align: center;
  border-top: 1px solid #dfeeee;
  border-right: 1px solid #dfeeee;
  font-size: 13px;
}

.grade-table th {
  color: #1f2a44;
  background: #fbfefe;
}

.grade-input {
  height: 30px;
  min-width: 74px;
  border-radius: 8px;
  border: 1px solid #dce9ee;
  font-size: 13px;
  padding: 0 8px;
  text-align: center;
}

.grade-input[data-key="courseName"] {
  min-width: 170px;
  text-align: left;
}

.tiny-add,
.tiny-delete {
  height: 26px;
  min-width: 58px;
  border-radius: 8px;
  background: #fff;
  font-weight: 900;
  cursor: pointer;
  margin: 2px;
}

.tiny-add {
  border: 1px solid var(--line);
  color: var(--green);
}

.tiny-delete {
  border: 1px solid #ffc7c7;
  color: var(--danger);
}

.summary-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-top: 14px;
}

.summary-card {
  min-height: 70px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 14px 28px;
}

.summary-icon {
  width: 54px;
  height: 46px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #eefafa;
  display: grid;
  place-items: center;
  font-size: 24px;
}

.summary-card span {
  display: block;
  color: var(--green);
  font-weight: 900;
  margin-bottom: 4px;
}

.summary-card strong {
  color: var(--green);
  font-size: 25px;
}

.detail-save-actions {
  margin-top: 10px;
}

@media (max-width: 980px) {
  .detail-hero,
  .eokul-top {
    flex-direction: column;
    align-items: stretch;
  }

  .summary-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .detail-actions,
  .period-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }

  .summary-grid {
    grid-template-columns: 1fr;
  }
}


/* v4 düzeltmeleri */
.grade-input::-webkit-outer-spin-button,
.grade-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.grade-input {
  appearance: textfield;
  -moz-appearance: textfield;
}

.course-name-input {
  min-width: 190px;
}

.numeric-grade-input {
  min-width: 82px;
}


/* v5 sadeleştirme, sığdırma, yan menü */
body.compact-page {
  font-size: 13px;
}

.compact-page h1,
.compact-page h2,
.compact-page h3,
.compact-page strong,
.compact-page th,
.compact-page label,
.compact-page button {
  font-weight: 700;
}

.app-chrome {
  position: fixed;
  z-index: 100;
}

.hamburger-button {
  position: fixed;
  top: 12px;
  left: 12px;
  width: 42px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #ffffff;
  color: var(--green);
  font-size: 22px;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(19,105,94,.12);
}

.side-menu {
  position: fixed;
  top: 58px;
  left: 12px;
  width: 230px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 18px 42px rgba(19,105,94,.14);
  transform: translateX(-255px);
  transition: transform .18s ease;
}

.side-menu.open {
  transform: translateX(0);
}

.side-menu-title {
  color: var(--green);
  font-weight: 800;
  padding: 8px 10px 10px;
}

.side-menu a {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 11px;
  border-radius: 10px;
  color: #2f3a4a;
  text-decoration: none;
  font-weight: 600;
}

.side-menu a.active,
.side-menu a:hover {
  background: #eaf8f6;
  color: var(--green);
}

.side-menu a.soft-disabled {
  opacity: .55;
}

.page-nav {
  position: fixed;
  top: 12px;
  z-index: 101;
}

.page-nav.left {
  left: 62px;
}

.page-nav.right {
  right: 62px;
}

.page-nav button,
.home-float {
  width: 38px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #ffffff;
  color: var(--green);
  display: grid;
  place-items: center;
  text-decoration: none;
  font-size: 20px;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(19,105,94,.12);
}

.home-float {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 101;
}

.detail-shell {
  width: min(1440px, calc(100% - 24px));
  padding-top: 54px;
}

.small-hero {
  padding: 12px 22px;
}

.small-hero h1 {
  font-size: 23px;
  letter-spacing: 0;
}

.compact-card {
  padding: 8px 14px 12px;
}

.compact-tabs {
  gap: 7px;
  padding-bottom: 10px;
}

.compact-tabs .tab,
.tab {
  min-width: 82px;
  height: 32px;
  font-size: 12px;
  border-radius: 10px;
}

.compact-top {
  padding: 7px 0;
}

.compact-top h2 {
  font-size: 21px;
}

.compact-top p {
  font-size: 13px;
  font-weight: 500;
}

.period-button,
.row-add-button,
.mini-action {
  height: 34px;
  min-width: 98px;
  border-radius: 9px;
  font-size: 12px;
}

.row-tools {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.grade-table.compact-grade-table {
  min-width: 1180px;
}

.compact-grade-table th,
.compact-grade-table td {
  padding: 4px 5px;
  font-size: 12px;
}

.grade-input {
  height: 27px;
  border-radius: 6px;
  font-size: 12px;
  padding: 0 5px;
}

.course-name-input {
  min-width: 160px;
}

.numeric-grade-input {
  min-width: 62px;
  max-width: 74px;
}

.tiny-add,
.tiny-delete {
  height: 23px;
  min-width: 45px;
  font-size: 11px;
  border-radius: 6px;
}

.action-cell {
  min-width: 110px;
}

.compact-summary {
  gap: 10px;
  margin-top: 10px;
}

.summary-card {
  min-height: 56px;
  padding: 9px 16px;
  border-radius: 10px;
}

.summary-icon {
  width: 38px;
  height: 34px;
  font-size: 16px;
  border-radius: 8px;
}

.summary-card span {
  font-size: 12px;
}

.summary-card strong {
  font-size: 20px;
}

.placeholder-card,
.simple-form-card {
  min-height: 240px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  padding: 24px;
  margin-top: 12px;
}

.placeholder-card {
  display: grid;
  place-items: center;
  text-align: center;
}

.placeholder-card h2,
.simple-form-card h2 {
  color: var(--green);
  font-size: 24px;
  margin: 0 0 14px;
}

.simple-form-card {
  max-width: 560px;
}

.simple-form-card textarea {
  min-height: 120px;
}

@media (max-width: 760px) {
  .page-nav.left { left: 58px; }
  .page-nav.right { right: 58px; }
  .detail-actions,
  .period-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }
}


/* v6 sabit yan menü ve not takip düzeltmeleri */
.has-fixed-menu .side-menu.fixed {
  transform: translateX(0) !important;
  top: 12px;
  left: 12px;
  height: calc(100vh - 24px);
  overflow-y: auto;
  width: 220px;
}

.has-fixed-menu .hamburger-button {
  display: none !important;
}

.has-fixed-menu .admin-shell,
.has-fixed-menu .detail-shell,
.has-fixed-menu .form-shell {
  margin-left: 246px;
  width: calc(100% - 270px);
}

.has-fixed-menu .page-nav.left {
  left: 246px;
}

.has-fixed-menu .page-nav.right {
  right: 58px;
}

.has-fixed-menu .home-float {
  right: 12px;
}

.side-menu-title {
  font-size: 14px;
  line-height: 1.25;
}

.side-menu a {
  font-size: 13px;
}

.compact-grade-table {
  table-layout: fixed;
  width: 100%;
  min-width: 1060px !important;
}

.compact-grade-table th,
.compact-grade-table td {
  padding: 3px 4px !important;
  font-size: 11.5px !important;
}

.compact-grade-table th:nth-child(1),
.compact-grade-table td:nth-child(1) {
  width: 92px;
}

.compact-grade-table th:nth-child(2),
.compact-grade-table td:nth-child(2) {
  width: 38px;
}

.compact-grade-table th:nth-child(3),
.compact-grade-table td:nth-child(3) {
  width: 190px;
}

.compact-grade-table th:nth-child(4),
.compact-grade-table td:nth-child(4) {
  width: 58px;
}

.compact-grade-table th:nth-child(n+5):nth-child(-n+11),
.compact-grade-table td:nth-child(n+5):nth-child(-n+11) {
  width: 58px;
}

.compact-grade-table th:nth-child(12),
.compact-grade-table td:nth-child(12) {
  width: 64px;
}

.compact-grade-table th:nth-child(13),
.compact-grade-table td:nth-child(13) {
  width: 70px;
}

.grade-input {
  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 25px;
  font-size: 11.5px;
}

.course-name-input {
  text-align: left;
}

.action-cell {
  min-width: 0;
}

.tiny-add,
.tiny-delete {
  min-width: 38px;
  height: 22px;
  font-size: 10.5px;
  padding: 0 4px;
}

.empty-table-row {
  color: var(--muted);
  text-align: center;
  font-weight: 600;
  padding: 18px !important;
}

.small-hero h1 {
  font-size: 21px !important;
}

.compact-top h2 {
  font-size: 19px !important;
}

.summary-card strong {
  font-size: 18px !important;
}

@media (max-width: 980px) {
  .has-fixed-menu .side-menu.fixed {
    width: 190px;
  }

  .has-fixed-menu .admin-shell,
  .has-fixed-menu .detail-shell,
  .has-fixed-menu .form-shell {
    margin-left: 206px;
    width: calc(100% - 220px);
  }

  .has-fixed-menu .page-nav.left {
    left: 206px;
  }
}

@media (max-width: 720px) {
  .has-fixed-menu .side-menu.fixed {
    position: static;
    width: calc(100% - 24px);
    height: auto;
    margin: 12px;
  }

  .has-fixed-menu .admin-shell,
  .has-fixed-menu .detail-shell,
  .has-fixed-menu .form-shell {
    margin-left: auto;
    width: calc(100% - 24px);
    padding-top: 50px;
  }

  .has-fixed-menu .page-nav.left {
    left: 12px;
    top: 66px;
  }
}


/* v7 boş not tablosu buton düzeltmesi */
.empty-grade-actions {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  align-items: center;
  justify-items: center;
}

.empty-grade-actions p {
  grid-column: 1 / -1;
  margin: 0 0 4px;
  color: var(--muted);
  font-weight: 600;
}

.empty-grade-actions .row-add-button {
  min-width: 120px;
}


/* v8 bağlantı ve font düzeltmeleri */
body {
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.admin-home-body h1,
.admin-home-body h2,
.admin-home-body h3,
.admin-home-body strong,
.admin-home-body th,
.admin-home-body button {
  font-weight: 650 !important;
}

.hero-card h1 {
  letter-spacing: -2px !important;
  font-weight: 650 !important;
}

.hero-text,
.list-top p,
.stat-card span {
  font-weight: 400 !important;
}

.status-tabs .tab:disabled,
.compact-tabs .tab:disabled {
  cursor: default;
  opacity: 1;
}

.status-tabs .tab:not(.active),
.compact-tabs .tab:not(.active):disabled {
  background: #fff;
  color: var(--green);
}

.status-tabs .tab.active,
.compact-tabs .tab.active:disabled {
  background: var(--green);
  color: #fff;
  box-shadow: 0 6px 14px rgba(7, 135, 125, 0.18);
}

.page-nav button,
.home-float {
  width: 46px !important;
  height: 46px !important;
  border: 2px solid var(--green) !important;
  border-radius: 12px !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  background: #ffffff !important;
  color: var(--green) !important;
  box-shadow: 0 12px 32px rgba(7, 135, 125, 0.24) !important;
}

.page-nav button:hover,
.home-float:hover {
  background: var(--green) !important;
  color: #ffffff !important;
}

.has-fixed-menu .page-nav.left {
  left: 252px !important;
}

.has-fixed-menu .page-nav.right {
  right: 70px !important;
}

.home-float {
  right: 16px !important;
}

.side-menu.fixed {
  font-weight: 500;
}

.side-menu a {
  font-weight: 500 !important;
}

.side-menu a.active {
  font-weight: 700 !important;
  border: 1px solid var(--line);
}

.placeholder-card h2 {
  font-weight: 600 !important;
}


/* v9 E-Okul bağlantı ve talebe form sadeleştirme */
.big-form-card .form-grid {
  align-items: start;
}

.status-tabs .tab {
  pointer-events: none;
}


/* v10 ayrılış, sade giriş ve not takip görsel düzen */
.login-card {
  padding: 48px 50px 44px !important;
}

.login-card h1 {
  font-size: clamp(34px, 3.4vw, 48px) !important;
  font-weight: 650 !important;
  letter-spacing: -1px;
}

.brand {
  font-size: 15px !important;
  font-weight: 650 !important;
  letter-spacing: .2px !important;
}

.entry-panel h2,
.admin-login h2 {
  font-size: clamp(23px, 2vw, 30px) !important;
  font-weight: 650 !important;
}

.entry-panel,
.admin-login {
  padding: 30px 28px 28px !important;
}

.login-body label {
  font-weight: 600 !important;
}

.login-body input {
  font-size: 18px !important;
  height: 58px !important;
}

.login-body .panel-button {
  font-size: 17px !important;
  height: 58px !important;
}

.admin-home-body .hero-card {
  padding: 24px 28px !important;
  margin-bottom: 16px !important;
}

.admin-home-body .hero-card h1 {
  font-size: clamp(34px, 4vw, 48px) !important;
  letter-spacing: -1px !important;
}

.admin-home-body .hero-label {
  margin-bottom: 10px !important;
  font-size: 13px !important;
}

.admin-home-body .hero-text {
  margin-top: 10px !important;
  font-size: 13px !important;
}

.student-name {
  font-size: 15px !important;
  font-weight: 750 !important;
  color: var(--green) !important;
}

.avg-cell {
  font-size: 14px !important;
  font-weight: 800 !important;
  border-radius: 8px;
  text-align: center;
}

.avg-good {
  color: #0b8f45 !important;
  background: #eefaf1;
}

.avg-weak {
  color: #d3222a !important;
  background: #fff0f0;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 64px;
  justify-content: center;
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}

.status-good {
  color: #0b8f45;
  background: #eefaf1;
}

.status-weak {
  color: #d3222a;
  background: #fff0f0;
}

.certificate-green {
  color: #0b8f45 !important;
  font-weight: 800;
}

.certificate-blue {
  color: #1976d2 !important;
  font-weight: 800;
}

.certificate-orange {
  color: #d98400 !important;
  font-weight: 800;
}

.certificate-red {
  color: #d3222a !important;
  font-weight: 800;
}

.exit-page {
  background:
    radial-gradient(circle at top left, rgba(255, 205, 205, 0.55), transparent 30%),
    linear-gradient(135deg, #fff6f6 0%, #ffffff 45%, #fffafa 100%) !important;
}

.exit-hero {
  border: 1px solid #ffc8c8;
  border-radius: 18px;
  background: #fff4f4;
  box-shadow: 0 22px 70px rgba(170, 40, 40, .12);
  padding: 24px 28px;
  margin-bottom: 14px;
}

.exit-hero h1 {
  margin: 10px 0 6px;
  color: #c92f36;
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
}

.exit-hero p {
  margin: 0;
  color: #7f4b4b;
}

.danger-label,
.danger-link {
  color: #c92f36 !important;
}

.exit-card {
  max-width: 680px;
  border: 1px solid #ffc8c8;
  border-radius: 18px;
  background: #ffffff;
  padding: 26px;
  box-shadow: 0 18px 52px rgba(170, 40, 40, .10);
}

.exit-card label {
  color: #8f262b;
  font-weight: 700;
}

.exit-card input,
.exit-card select,
.exit-card textarea {
  border-color: #ffd6d6;
}

.exit-card textarea {
  min-height: 130px;
}

.exit-save {
  background: #c92f36 !important;
}

.exit-cancel {
  display: inline-grid;
  place-items: center;
  text-decoration: none;
}

.side-menu a[href="talebe-ayrilis.html"] {
  color: #c92f36;
}


/* v11 giriş sayfası ortalama ve giriş alanı küçültme */
.login-body {
  overflow-x: hidden;
}

.login-body .admin-shortcut {
  top: 26px !important;
  right: 34px !important;
  padding: 14px 28px !important;
  font-size: 13px !important;
}

.login-body .page-shell {
  width: min(1120px, calc(100% - 44px)) !important;
  min-height: 100vh !important;
  padding: 72px 0 34px !important;
  align-items: center !important;
  place-items: center !important;
}

.login-body .login-card {
  width: min(1000px, 100%) !important;
  padding: 34px 38px 34px !important;
  border-radius: 26px !important;
  margin: 0 auto !important;
}

.login-body .main-header {
  margin-bottom: 24px !important;
}

.login-body .brand {
  font-size: 13px !important;
  margin-bottom: 12px !important;
  font-weight: 650 !important;
}

.login-body .login-card h1 {
  font-size: clamp(30px, 3vw, 40px) !important;
  font-weight: 650 !important;
}

.login-body .panel-grid {
  grid-template-columns: repeat(2, minmax(300px, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

.login-body .entry-panel {
  padding: 24px 24px 24px !important;
  border-radius: 22px !important;
}

.login-body .panel-icon {
  font-size: 34px !important;
  margin-bottom: 8px !important;
}

.login-body .entry-panel h2 {
  font-size: 23px !important;
  margin-bottom: 20px !important;
  font-weight: 650 !important;
}

.login-body label {
  margin: 14px 0 7px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.login-body input {
  height: 46px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  padding: 0 14px !important;
}

.login-body .panel-button {
  height: 48px !important;
  margin-top: 20px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.login-body .forgot-link-button,
.login-body .forgot-button {
  margin-top: 12px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.login-body .warning-text {
  margin-top: 10px !important;
  font-size: 13px !important;
}

.login-body .admin-login {
  width: min(420px, 100%) !important;
  padding: 28px 26px !important;
}

.login-body .admin-login h2 {
  font-size: 24px !important;
  margin-bottom: 20px !important;
}

@media (max-width: 820px) {
  .login-body .admin-shortcut {
    position: static !important;
    display: block !important;
    margin: 18px 20px 0 auto !important;
  }

  .login-body .page-shell {
    padding-top: 24px !important;
  }

  .login-body .login-card {
    padding: 28px 20px !important;
  }

  .login-body .panel-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v12 giriş sayfasını tek ekrana sığdırma */
.login-body {
  height: 100vh !important;
  min-height: 100vh !important;
  overflow: hidden !important;
}

.login-body .admin-shortcut {
  top: 18px !important;
  right: 28px !important;
  padding: 11px 24px !important;
  font-size: 13px !important;
  min-height: 42px !important;
}

.login-body .page-shell {
  min-height: 100vh !important;
  height: 100vh !important;
  width: min(1050px, calc(100% - 40px)) !important;
  padding: 56px 0 20px !important;
  display: grid !important;
  place-items: center !important;
}

.login-body .login-card {
  width: min(960px, 100%) !important;
  max-height: calc(100vh - 82px) !important;
  padding: 26px 32px 24px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
}

.login-body .main-header {
  margin-bottom: 18px !important;
}

.login-body .brand {
  font-size: 12px !important;
  margin-bottom: 8px !important;
}

.login-body .login-card h1 {
  font-size: clamp(27px, 2.6vw, 36px) !important;
}

.login-body .panel-grid {
  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  gap: 18px !important;
}

.login-body .entry-panel {
  padding: 20px 22px 18px !important;
  border-radius: 20px !important;
}

.login-body .panel-icon {
  font-size: 30px !important;
  margin-bottom: 6px !important;
}

.login-body .entry-panel h2 {
  font-size: 21px !important;
  margin-bottom: 16px !important;
}

.login-body label {
  margin: 10px 0 5px !important;
  font-size: 12px !important;
}

.login-body input {
  height: 40px !important;
  border-radius: 13px !important;
  font-size: 13px !important;
  padding: 0 13px !important;
}

.login-body .panel-button {
  height: 42px !important;
  margin-top: 16px !important;
  font-size: 13px !important;
}

.login-body .forgot-link-button,
.login-body .forgot-button {
  margin-top: 9px !important;
  font-size: 12px !important;
}

.login-body .warning-text {
  min-height: 16px !important;
  margin-top: 6px !important;
  font-size: 12px !important;
}

.login-body .modal-backdrop {
  overflow: hidden !important;
}

.login-body .admin-login {
  width: min(390px, 100%) !important;
  padding: 24px 24px 22px !important;
  border-radius: 22px !important;
}

.login-body .admin-login h2 {
  font-size: 22px !important;
  margin-bottom: 16px !important;
}

.login-body .close-button {
  top: 12px !important;
  right: 14px !important;
  width: 32px !important;
  height: 32px !important;
  font-size: 24px !important;
}

@media (max-height: 720px) {
  .login-body .page-shell {
    padding-top: 48px !important;
    padding-bottom: 12px !important;
  }

  .login-body .login-card {
    padding: 22px 28px 20px !important;
  }

  .login-body .main-header {
    margin-bottom: 14px !important;
  }

  .login-body .panel-icon {
    font-size: 26px !important;
  }

  .login-body .entry-panel h2 {
    font-size: 19px !important;
    margin-bottom: 12px !important;
  }

  .login-body input {
    height: 37px !important;
  }

  .login-body .panel-button {
    height: 39px !important;
    margin-top: 13px !important;
  }
}

@media (max-width: 820px) {
  .login-body {
    overflow-y: auto !important;
    height: auto !important;
  }

  .login-body .page-shell {
    height: auto !important;
    min-height: 100vh !important;
  }
}


/* v13 giriş alanı yazılarını kaldırma ve WhatsApp yönlendirme */
.login-body input::placeholder {
  color: transparent !important;
}

.login-body .reset-box a {
  color: #0a8f4c !important;
  border-color: #bce8cd !important;
  background: #f2fff7 !important;
}

.login-body .forgot-link-button {
  color: var(--green) !important;
}


/* v14 ana sayfa üst alanını küçültme */
.admin-home-body .admin-shell {
  padding-top: 20px !important;
}

.admin-home-body .hero-card {
  min-height: auto !important;
  padding: 18px 24px !important;
  margin-bottom: 12px !important;
  border-radius: 18px !important;
  align-items: center !important;
}

.admin-home-body .hero-label {
  margin: 0 0 6px !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
}

.admin-home-body .hero-card h1 {
  font-size: clamp(28px, 3.2vw, 40px) !important;
  line-height: 1 !important;
  margin: 0 !important;
  letter-spacing: -1px !important;
}

.admin-home-body .hero-text {
  margin: 7px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  max-width: 720px !important;
}

.admin-home-body .hero-actions {
  gap: 8px !important;
  min-width: 132px !important;
}

.admin-home-body .action-button {
  height: 46px !important;
  min-height: 46px !important;
  border-radius: 13px !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

.admin-home-body .action-button.logout {
  height: 40px !important;
}

.admin-home-body .stats-grid {
  gap: 12px !important;
  margin-bottom: 14px !important;
}

.admin-home-body .stat-card {
  min-height: 104px !important;
  padding: 16px 16px !important;
  border-radius: 16px !important;
}

.admin-home-body .stat-card span {
  min-height: 30px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.admin-home-body .stat-card strong {
  font-size: 30px !important;
  margin-top: 6px !important;
}

.admin-home-body .warning-stat em {
  margin-top: 8px !important;
  font-size: 13px !important;
}

.admin-home-body .list-card {
  border-radius: 18px !important;
}

.admin-home-body .list-top {
  padding: 20px 20px 16px !important;
}

.admin-home-body .list-top h2 {
  font-size: 27px !important;
}

.admin-home-body .list-top p {
  margin-top: 6px !important;
  font-size: 15px !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select {
  height: 44px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
}

.admin-home-body th,
.admin-home-body td {
  padding: 13px 16px !important;
}

@media (max-width: 980px) {
  .admin-home-body .hero-card {
    padding: 18px 20px !important;
  }

  .admin-home-body .hero-actions {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
}


/* v15 talebe bilgi formu minimal düzenleme */
.form-shell {
  padding-top: 18px !important;
}

.form-hero {
  padding: 18px 24px !important;
  border-radius: 18px !important;
  margin-bottom: 10px !important;
}

.form-hero h1 {
  font-size: clamp(28px, 3.2vw, 42px) !important;
  margin: 10px 0 8px !important;
  letter-spacing: -1px !important;
  font-weight: 650 !important;
}

.form-hero p {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

.form-hero .hero-label,
.form-hero .back-link {
  font-size: 12px !important;
  font-weight: 650 !important;
}

.update-pill {
  width: 104px !important;
  height: 38px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

.big-form-card {
  padding: 14px 16px 22px !important;
  border-radius: 18px !important;
}

.form-title {
  margin: 14px 10px 8px !important;
}

.form-title h2 {
  font-size: 24px !important;
  margin-bottom: 6px !important;
  font-weight: 650 !important;
}

.form-title p {
  font-size: 13px !important;
}

.form-grid {
  gap: 30px !important;
  padding: 0 10px !important;
}

.form-column label {
  font-size: 12px !important;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
  font-weight: 600 !important;
}

.form-column input,
.form-column select,
.form-column textarea {
  height: 40px !important;
  border-radius: 10px !important;
  border-width: 1px !important;
  font-size: 13px !important;
  padding: 0 12px !important;
  background: #fcfefe !important;
}

.form-column textarea {
  min-height: 58px !important;
  padding: 9px 12px !important;
  line-height: 1.35 !important;
}

.tabs.compact-tabs,
.big-form-card .tabs {
  gap: 8px !important;
  padding-bottom: 14px !important;
}

.big-form-card .tab {
  height: 34px !important;
  min-width: 82px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

.form-actions {
  padding: 8px 10px 0 !important;
  gap: 12px !important;
}

.clear-button,
.save-button {
  height: 40px !important;
  min-width: 112px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

@media (max-width: 980px) {
  .form-grid {
    gap: 8px !important;
  }

  .form-hero {
    padding: 18px 20px !important;
  }
}


/* v16 talebe bilgi formu kilit ve zorunlu alan düzeni */
.required-star {
  color: #d3222a;
  font-weight: 800;
}

.form-locked .form-column input,
.form-locked .form-column textarea,
.form-locked .form-column select {
  background: #f3f7f7 !important;
  color: #687281 !important;
  cursor: not-allowed !important;
  border-color: #dce8e8 !important;
}

.form-locked .save-button,
.form-locked .clear-button {
  opacity: 0.55;
  cursor: not-allowed !important;
}

.update-pill {
  border: 1px solid var(--green) !important;
  background: #eefafa !important;
  color: var(--green) !important;
}

.update-pill:hover {
  background: var(--green) !important;
  color: white !important;
}

.form-column input:invalid,
.form-column textarea:invalid {
  border-color: #f0c7c7;
}


/* v17 test takip ekranı */
.test-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  padding: 12px 16px 16px;
  box-shadow: var(--shadow);
}

.test-title-block {
  padding: 10px 6px 12px;
}

.test-title-block h2 {
  margin: 0 0 6px;
  color: var(--green);
  font-size: 24px;
  font-weight: 700;
}

.test-title-block p {
  margin: 0;
  color: #40506a;
  font-size: 13px;
  line-height: 1.35;
}

.test-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}

.test-table {
  width: 100%;
  min-width: 1120px;
  border-collapse: collapse;
  table-layout: fixed;
}

.test-table th,
.test-table td {
  border-right: 1px solid #dfeeee;
  border-top: 1px solid #dfeeee;
  padding: 6px 5px;
  font-size: 12px;
  text-align: center;
}

.test-table th {
  color: var(--green);
  font-weight: 700;
  background: #fbfefe;
}

.test-table th:nth-child(1),
.test-table td:nth-child(1) {
  width: 92px;
}

.test-table th:nth-child(2),
.test-table td:nth-child(2) {
  width: 44px;
}

.test-table .total-row th {
  color: #1f2a44;
  font-weight: 800;
}

.test-input {
  width: 100%;
  height: 28px;
  border: 1px solid #dce9ee;
  border-radius: 7px;
  text-align: center;
  font-size: 12px;
  background: #fcfefe;
  outline: none;
}

.test-input:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px rgba(7,135,125,.10);
}

.test-total {
  color: #1f2a44;
  font-weight: 800;
}

.success-wrap {
  display: grid;
  grid-template-columns: 1fr 56px;
  align-items: center;
  gap: 8px;
}

.success-bar {
  display: block;
  width: 100%;
  height: 9px;
  border-radius: 999px;
  background: #eef2f3;
  overflow: hidden;
}

.success-bar span {
  display: block;
  height: 100%;
  border-radius: 999px;
}

.success-high {
  background: #16a34a;
}

.success-mid {
  background: #ff7900;
}

.success-low {
  background: #d93f45;
}

.success-high-text {
  color: #16a34a;
}

.success-mid-text {
  color: #ff7900;
}

.success-low-text {
  color: #d93f45;
}

.test-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 14px;
  flex-wrap: wrap;
}

.whatsapp-test-button {
  min-width: 230px;
  height: 44px;
  border: 1px solid #bce8cd;
  border-radius: 12px;
  background: #f2fff7;
  color: #0a8f4c;
  display: inline-grid;
  place-items: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
}

.whatsapp-test-button:hover {
  background: #0a8f4c;
  color: #fff;
}

@media (max-width: 760px) {
  .test-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .whatsapp-test-button {
    width: 100%;
  }
}


/* v18 deneme takip formu */
.trial-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  padding: 12px 16px 16px;
  box-shadow: var(--shadow);
}

.trial-title-block {
  padding: 10px 6px 12px;
}

.trial-title-block h2 {
  margin: 0 0 6px;
  color: var(--green);
  font-size: 24px;
  font-weight: 700;
}

.trial-title-block p {
  margin: 0;
  color: #40506a;
  font-size: 13px;
  line-height: 1.35;
}

.trial-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}

.trial-table {
  width: 100%;
  min-width: 1120px;
  border-collapse: collapse;
  table-layout: fixed;
}

.trial-table th,
.trial-table td {
  border-right: 1px solid #dfeeee;
  border-top: 1px solid #dfeeee;
  padding: 7px 6px;
  font-size: 12px;
  text-align: center;
}

.trial-table th {
  color: var(--green);
  font-weight: 700;
  background: #fbfefe;
}

.trial-table th:nth-child(1),
.trial-table td:nth-child(1) {
  width: 108px;
}

.trial-table th:nth-child(2),
.trial-table td:nth-child(2) {
  width: 52px;
}

.trial-table th:nth-child(3),
.trial-table td:nth-child(3) {
  width: 132px;
}

.trial-table th {
  vertical-align: middle;
  line-height: 1.15;
  white-space: normal;
  overflow-wrap: anywhere;
}

.trial-head-label,
.trial-head-value {
  display: block;
  line-height: 1.15;
}

.trial-head-label {
  font-size: 11px;
}

.trial-head-value {
  margin-top: 3px;
  font-size: 12px;
  font-weight: 800;
  color: #1f2a44;
  white-space: nowrap;
}

.trial-table th:nth-child(n+4):nth-child(-n+9),
.trial-table td:nth-child(n+4):nth-child(-n+9) {
  width: 76px;
}

.trial-table th:nth-child(10),
.trial-table td:nth-child(10) {
  width: 82px;
}

.trial-table th:nth-child(11),
.trial-table td:nth-child(11) {
  width: 92px;
}

.trial-input {
  width: 100%;
  height: 30px;
  border: 1px solid #dce9ee;
  border-radius: 7px;
  text-align: center;
  font-size: 12px;
  background: #fcfefe;
  outline: none;
}

.trial-input:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px rgba(7,135,125,.10);
}

.trial-net {
  color: #1f2a44;
  font-weight: 800;
}

.trial-score-wrap {
  display: grid;
  grid-template-columns: 1fr 76px;
  align-items: center;
  gap: 8px;
}

.trial-score-bar {
  display: block;
  width: 100%;
  height: 9px;
  border-radius: 999px;
  background: #eef2f3;
  overflow: hidden;
}

.trial-score-bar span {
  display: block;
  height: 100%;
  border-radius: 999px;
}

.trial-score-high {
  background: #16a34a;
}

.trial-score-mid {
  background: #f2c200;
}

.trial-score-orange {
  background: #ff7900;
}

.trial-score-low {
  background: #ff3b1f;
}

.trial-score-high-text {
  color: #16a34a;
}

.trial-score-mid-text {
  color: #7f7a00;
}

.trial-score-orange-text {
  color: #ff7900;
}

.trial-score-low-text {
  color: #ff3b1f;
}

.trial-summary-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin-top: 16px;
}

.trial-summary-card {
  min-height: 94px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
}

.trial-summary-card.danger-card .trial-summary-icon {
  background: #fff0f0;
  color: #e11d48;
}

.trial-summary-icon {
  width: 52px;
  height: 52px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #eefafa;
  display: grid;
  place-items: center;
  color: var(--green);
  font-size: 28px;
  font-weight: 800;
}

.trial-summary-card span {
  display: block;
  color: var(--green);
  font-size: 13px;
  font-weight: 700;
}

.trial-summary-card strong {
  display: block;
  margin-top: 4px;
  color: var(--green);
  font-size: 23px;
  font-weight: 800;
}

.trial-summary-card small {
  display: block;
  margin-top: 4px;
  color: #61708a;
  font-size: 11px;
}

.trial-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  flex-wrap: wrap;
}

.whatsapp-trial-button {
  min-width: 230px;
  height: 44px;
  border: 1px solid #bce8cd;
  border-radius: 12px;
  background: #0dbb63;
  color: #fff;
  display: inline-grid;
  place-items: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
}

.whatsapp-trial-button:hover {
  background: #08964f;
}

@media (max-width: 1180px) {
  .trial-summary-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .trial-actions,
  .trial-summary-grid {
    grid-template-columns: 1fr;
    display: grid;
  }

  .whatsapp-trial-button {
    width: 100%;
  }
}


/* v19 rehberlik takip ekranı ve talebe yok uyarısı */
.no-student-card {
  min-height: 300px;
  background: #fff;
  border: 1px solid var(--line);
}

.no-student-card h2 {
  color: var(--green) !important;
  margin-bottom: 6px;
}

.no-student-card p {
  margin: 0;
  color: #7a8797;
  font-weight: 650;
  font-size: 16px;
}

.guidance-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  padding: 12px 16px 16px;
  box-shadow: var(--shadow);
}

.guidance-title-block {
  padding: 10px 6px 12px;
}

.guidance-title-block h2 {
  margin: 0 0 6px;
  color: var(--green);
  font-size: 24px;
  font-weight: 700;
}

.guidance-title-block p {
  margin: 0;
  color: #40506a;
  font-size: 13px;
  line-height: 1.35;
}

.seen-student {
  display: flex;
  align-items: center;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  padding: 11px 16px;
  margin: 0 6px 12px;
  color: #1f2a44;
}

.seen-student span {
  color: var(--green);
  font-size: 22px;
}

.seen-student b {
  color: var(--green);
}

.guidance-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}

.guidance-table {
  width: 100%;
  min-width: 1250px;
  border-collapse: collapse;
  table-layout: fixed;
}

.guidance-table th,
.guidance-table td {
  border-right: 1px solid #dfeeee;
  border-top: 1px solid #dfeeee;
  padding: 8px 7px;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
}

.guidance-table th {
  color: #1f2a44;
  font-weight: 700;
  background: #fbfefe;
}

.guidance-table th:nth-child(1),
.guidance-table td:nth-child(1) {
  width: 45px;
}

.guidance-table th:nth-child(2),
.guidance-table td:nth-child(2) {
  width: 160px;
}

.guidance-table th:nth-child(3),
.guidance-table td:nth-child(3) {
  width: 110px;
}

.guidance-table th:nth-child(4),
.guidance-table td:nth-child(4) {
  width: 265px;
  text-align: left;
}

.guidance-note-cell {
  line-height: 1.35;
  color: #1f2a44;
  font-weight: 600;
}

.guidance-badge,
.opinion-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 82px;
  padding: 7px 9px;
  border-radius: 9px;
  font-weight: 700;
  font-size: 11px;
}

.guidance-badge.positive {
  color: #16a34a;
  background: #effaf2;
  border: 1px solid #c9efcf;
}

.guidance-badge.negative {
  color: #ef233c;
  background: #fff0f0;
  border: 1px solid #ffcaca;
}

.opinion-best {
  color: #16a34a;
  background: #eefaf1;
  border: 1px solid #c9efcf;
}

.opinion-good {
  color: #2879e5;
  background: #f0f7ff;
  border: 1px solid #cfe2ff;
}

.opinion-normal {
  color: #ff7900;
  background: #fff7e8;
  border: 1px solid #ffe0ad;
}

.opinion-alert {
  color: #ff7900;
  background: #fff7e8;
  border: 1px solid #ffe0ad;
}

.percent-circle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 800;
}

.percent-circle.green {
  color: #16a34a;
}

.percent-circle.orange {
  color: #ff9800;
}

.guidance-summary-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
  margin-top: 12px;
}

.guidance-summary-card {
  min-height: 82px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 18px;
}

.guidance-summary-icon {
  width: 52px;
  height: 52px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #eefafa;
  display: grid;
  place-items: center;
  color: var(--green);
  font-size: 26px;
}

.guidance-summary-card span {
  display: block;
  color: var(--green);
  font-size: 13px;
  font-weight: 700;
}

.guidance-summary-card strong {
  display: inline-block;
  margin-top: 4px;
  color: var(--green);
  font-size: 25px;
  font-weight: 800;
}

.guidance-summary-card small {
  margin-left: 8px;
  color: #61708a;
  font-size: 12px;
  font-weight: 700;
}

.guidance-risk-box {
  max-width: 300px;
  margin-top: 14px;
}

.guidance-risk-box label {
  color: var(--green);
  font-weight: 700;
  font-size: 13px;
}

.guidance-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 14px;
}

@media (max-width: 1100px) {
  .guidance-summary-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .guidance-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
}


/* v20 genel görsellik, excel ve üst panel */
body {
  font-family: "Segoe UI", "Inter", "Trebuchet MS", Arial, sans-serif !important;
  font-weight: 400;
}

.admin-home-body .hero-card {
  padding: 14px 22px !important;
  margin-bottom: 10px !important;
  transform: translateY(-6px);
}

.admin-home-body .hero-label {
  font-size: 10.5px !important;
  margin-bottom: 5px !important;
}

.admin-home-body .hero-card h1 {
  font-size: clamp(26px, 2.8vw, 36px) !important;
  font-weight: 620 !important;
}

.admin-home-body .hero-text {
  font-size: 12.5px !important;
  margin-top: 6px !important;
}

.action-button,
.mini-action,
.panel-button,
.save-button,
.clear-button,
.excel-button,
.update-pill,
.row-add-button,
.tiny-add,
.tiny-delete,
.whatsapp-test-button,
.whatsapp-trial-button {
  box-shadow:
    0 9px 18px rgba(7, 135, 125, .12),
    inset 0 1px 0 rgba(255,255,255,.8) !important;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.action-button:hover,
.mini-action:hover,
.panel-button:hover,
.save-button:hover,
.clear-button:hover,
.excel-button:hover,
.update-pill:hover,
.row-add-button:hover,
.tiny-add:hover,
.tiny-delete:hover,
.whatsapp-test-button:hover,
.whatsapp-trial-button:hover {
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow:
    0 12px 24px rgba(7, 135, 125, .18),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.form-title-with-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.excel-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.excel-button {
  height: 34px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #f8fffe;
  color: var(--green);
  padding: 0 12px;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}

.excel-button:hover {
  background: var(--green);
  color: #fff;
}

.form-column input,
.form-column textarea,
.form-column select,
.grade-input,
.test-input,
.trial-input {
  box-shadow: inset 0 1px 2px rgba(15, 55, 55, .04);
}

.form-column input:focus,
.form-column textarea:focus,
.form-column select:focus,
.grade-input:focus,
.test-input:focus,
.trial-input:focus {
  box-shadow:
    0 0 0 4px rgba(7,135,125,.10),
    inset 0 1px 2px rgba(15, 55, 55, .05) !important;
}

@media (max-width: 980px) {
  .form-title-with-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .excel-actions {
    justify-content: flex-start;
  }
}


/* v21 talebe formu yeni düzen, zayiat bilgisi ve görsel butonlar */
.single-form-grid {
  grid-template-columns: 1fr !important;
  max-width: 760px;
  margin: 0 auto;
}

.single-form-grid .form-column {
  width: 100%;
}

.conditional-field {
  padding: 10px 12px;
  margin-top: 8px;
  border: 1px solid rgba(7, 135, 125, .16);
  border-radius: 14px;
  background: rgba(238, 250, 250, .55);
}

.form-column select {
  height: 40px !important;
  border-radius: 10px !important;
  border: 1px solid #dce9ee;
  padding: 0 12px;
  background: #fcfefe;
  color: #24324a;
  font-size: 13px;
  outline: none;
}

.admin-home-body .hero-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  min-width: 310px !important;
  align-items: center !important;
}

.admin-home-body .hero-actions .action-button {
  height: 48px !important;
  border-radius: 16px !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f0fbfa 100%) !important;
  border: 1px solid rgba(7, 135, 125, .28) !important;
}

.admin-home-body .hero-actions .action-button.add {
  color: var(--green) !important;
}

.admin-home-body .hero-actions .action-button.delete {
  color: #d3222a !important;
  background: linear-gradient(180deg, #fff7f7 0%, #fff0f0 100%) !important;
  border-color: rgba(211, 34, 42, .28) !important;
}

.page-nav button,
.home-float {
  width: 52px !important;
  height: 52px !important;
  border-radius: 16px !important;
  font-size: 28px !important;
  background: linear-gradient(180deg, #ffffff, #eefafa) !important;
  border: 2px solid rgba(7, 135, 125, .75) !important;
  color: var(--green) !important;
  box-shadow:
    0 16px 32px rgba(7, 135, 125, .26),
    inset 0 2px 0 rgba(255,255,255,.95) !important;
}

.page-nav button:hover,
.home-float:hover {
  transform: translateY(-2px) scale(1.02);
  background: linear-gradient(180deg, #11a79a, var(--green)) !important;
  color: #fff !important;
}

.home-float::before {
  content: "🏠";
  font-size: 24px;
}

.home-float {
  font-size: 0 !important;
}

.loss-page {
  background:
    radial-gradient(circle at top left, rgba(255, 195, 195, .40), transparent 34%),
    linear-gradient(135deg, #fff8f8 0%, #ffffff 45%, #fff5f5 100%) !important;
}

.loss-hero {
  border: 1px solid rgba(211, 34, 42, .20);
  border-radius: 18px;
  background: rgba(255, 244, 244, .72);
  box-shadow: 0 22px 70px rgba(170, 40, 40, .10);
  padding: 20px 24px;
  margin-bottom: 14px;
  backdrop-filter: blur(8px);
}

.loss-hero h1 {
  margin: 8px 0 6px;
  color: #c92f36;
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
}

.loss-hero p {
  margin: 0;
  color: #7f4b4b;
}

.loss-card {
  border: 1px solid rgba(211, 34, 42, .18);
  border-radius: 18px;
  background: rgba(255,255,255,.88);
  padding: 18px;
  box-shadow: 0 18px 52px rgba(170, 40, 40, .08);
}

.loss-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.loss-title-row h2 {
  margin: 0;
  color: #c92f36;
  font-size: 24px;
}

.loss-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(211, 34, 42, .16);
  border-radius: 14px;
}

.loss-table {
  width: 100%;
  min-width: 920px;
  border-collapse: collapse;
}

.loss-table th,
.loss-table td {
  padding: 12px 14px;
  border-top: 1px solid rgba(211, 34, 42, .12);
  border-right: 1px solid rgba(211, 34, 42, .12);
  text-align: left;
  font-size: 13px;
}

.loss-table th {
  color: #a5262b;
  background: rgba(255, 242, 242, .75);
  font-weight: 750;
}

.loss-table td {
  color: #3f2a2a;
}

.loss-empty {
  min-height: 220px;
  display: grid;
  place-items: center;
  text-align: center;
  color: #a5262b;
}

@media (max-width: 980px) {
  .admin-home-body .hero-actions {
    grid-template-columns: 1fr !important;
    min-width: 180px !important;
  }

  .single-form-grid {
    max-width: 100%;
  }
}


/* v22 giriş ekranı: üst butonlar ve orta medya alanı */
.login-body {
  overflow: hidden !important;
}

.floating-admin-hidden {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
}

.login-body .page-shell {
  width: min(1180px, calc(100% - 36px)) !important;
  padding: 20px 0 !important;
}

.login-body .login-card {
  width: min(1120px, 100%) !important;
  max-height: calc(100vh - 40px) !important;
  padding: 20px 28px 22px !important;
  display: grid !important;
  grid-template-rows: auto auto 1fr auto !important;
  gap: 12px !important;
}

.login-body .main-header {
  margin-bottom: 0 !important;
}

.login-body .brand {
  font-size: 11px !important;
  margin-bottom: 6px !important;
}

.login-body .login-card h1 {
  font-size: clamp(25px, 2.4vw, 34px) !important;
}

.login-action-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  gap: 12px;
  max-width: 680px;
  width: 100%;
  margin: 0 auto;
}

.login-switch-button {
  height: 44px;
  border: 1px solid rgba(7, 135, 125, .24);
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f0fbfa 100%);
  color: var(--green);
  font-size: 14px;
  font-weight: 750;
  cursor: pointer;
  box-shadow:
    0 10px 22px rgba(7, 135, 125, .13),
    inset 0 1px 0 rgba(255,255,255,.92);
  transition: transform .15s ease, box-shadow .15s ease;
}

.login-switch-button:hover {
  transform: translateY(-1px);
  box-shadow:
    0 14px 28px rgba(7, 135, 125, .18),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.login-switch-button.admin-switch {
  color: #0b7169;
  border-color: rgba(7, 135, 125, .35);
}

.media-showcase {
  min-height: 210px;
  border: 1px dashed rgba(7, 135, 125, .28);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(238, 250, 250, .74), rgba(255,255,255,.92)),
    radial-gradient(circle at 15% 20%, rgba(7,135,125,.12), transparent 28%);
  display: grid;
  place-items: center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}

.media-placeholder {
  text-align: center;
  color: #5a6b7d;
  padding: 18px;
}

.media-icon {
  width: 54px;
  height: 54px;
  margin: 0 auto 10px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: var(--green);
  background: rgba(255,255,255,.88);
  border: 1px solid var(--line);
  font-size: 28px;
  font-weight: 800;
}

.media-placeholder h2 {
  margin: 0 0 6px;
  color: var(--green);
  font-size: 20px;
  font-weight: 700;
}

.media-placeholder p {
  margin: 0;
  font-size: 13px;
  line-height: 1.35;
}

.login-body .login-panel-grid {
  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  gap: 16px !important;
}

.login-body .entry-panel {
  padding: 16px 20px 14px !important;
  border-radius: 18px !important;
}

.login-body .panel-icon {
  font-size: 26px !important;
  margin-bottom: 4px !important;
}

.login-body .entry-panel h2 {
  font-size: 19px !important;
  margin-bottom: 10px !important;
}

.login-body label {
  margin: 8px 0 4px !important;
  font-size: 12px !important;
}

.login-body input {
  height: 36px !important;
  border-radius: 11px !important;
  font-size: 13px !important;
}

.login-body .panel-button {
  height: 38px !important;
  margin-top: 12px !important;
  font-size: 13px !important;
}

.login-body .forgot-link-button {
  margin-top: 8px !important;
  font-size: 12px !important;
}

@media (max-height: 760px) {
  .media-showcase {
    min-height: 150px;
  }

  .media-icon {
    width: 42px;
    height: 42px;
    font-size: 22px;
    margin-bottom: 6px;
  }

  .media-placeholder h2 {
    font-size: 17px;
  }

  .login-body .entry-panel {
    padding: 14px 18px 12px !important;
  }

  .login-body .panel-icon {
    display: none !important;
  }
}

@media (max-width: 820px) {
  .login-body {
    overflow-y: auto !important;
  }

  .login-body .login-card {
    max-height: none !important;
  }

  .login-action-row,
  .login-body .login-panel-grid {
    grid-template-columns: 1fr !important;
  }

  .media-showcase {
    min-height: 160px;
  }
}


/* v23 giriş ekranı sağ üst butonlar ve boş orta alan */
.login-body .top-login-buttons {
  position: fixed;
  top: 22px;
  right: 30px;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 10px;
}

.top-login-button {
  height: 42px;
  min-width: 118px;
  padding: 0 18px;
  border: 1px solid rgba(7, 135, 125, .30);
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #effafa 100%);
  color: var(--green);
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
  box-shadow:
    0 12px 26px rgba(7, 135, 125, .16),
    inset 0 1px 0 rgba(255,255,255,.92);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.top-login-button:hover {
  transform: translateY(-1px);
  background: linear-gradient(180deg, #ffffff 0%, #e6f7f5 100%);
  box-shadow:
    0 16px 30px rgba(7, 135, 125, .22),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.admin-top-button {
  border-color: rgba(5, 99, 92, .45);
  color: #05635c;
}

.login-body .login-action-row {
  display: none !important;
}

.login-body .page-shell {
  width: min(1180px, calc(100% - 36px)) !important;
  padding: 78px 0 18px !important;
}

.login-body .login-card {
  width: min(1120px, 100%) !important;
  max-height: calc(100vh - 96px) !important;
  min-height: calc(100vh - 116px) !important;
  padding: 18px 28px 20px !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  gap: 14px !important;
}

.login-body .main-header {
  margin-bottom: 0 !important;
}

.login-body .brand {
  font-size: 11px !important;
  margin-bottom: 5px !important;
}

.login-body .login-card h1 {
  font-size: clamp(24px, 2.2vw, 32px) !important;
}

.empty-media-area {
  min-height: 260px !important;
  border: 1px dashed rgba(7, 135, 125, .22);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(238, 250, 250, .58), rgba(255,255,255,.86)),
    radial-gradient(circle at 18% 20%, rgba(7,135,125,.10), transparent 30%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    0 10px 24px rgba(7,135,125,.05);
}

.empty-media-area * {
  display: none !important;
}

.login-body .login-panel-grid {
  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  gap: 16px !important;
}

.login-body .entry-panel {
  padding: 15px 20px 13px !important;
  border-radius: 18px !important;
}

.login-body .panel-icon {
  font-size: 24px !important;
  margin-bottom: 3px !important;
}

.login-body .entry-panel h2 {
  font-size: 18px !important;
  margin-bottom: 9px !important;
}

.login-body label {
  margin: 7px 0 4px !important;
  font-size: 12px !important;
}

.login-body input {
  height: 35px !important;
  border-radius: 11px !important;
  font-size: 13px !important;
}

.login-body .panel-button {
  height: 38px !important;
  margin-top: 11px !important;
  font-size: 13px !important;
}

.login-body .forgot-link-button {
  margin-top: 7px !important;
  font-size: 12px !important;
}

@media (max-height: 760px) {
  .empty-media-area {
    min-height: 170px !important;
  }

  .login-body .login-card {
    min-height: auto !important;
    max-height: calc(100vh - 94px) !important;
  }
}

@media (max-width: 820px) {
  .login-body {
    overflow-y: auto !important;
  }

  .login-body .top-login-buttons {
    position: static;
    width: min(100% - 24px, 520px);
    margin: 12px auto 0;
    display: grid;
    grid-template-columns: 1fr;
  }

  .top-login-button {
    width: 100%;
  }

  .login-body .page-shell {
    padding-top: 14px !important;
  }

  .login-body .login-card {
    max-height: none !important;
    min-height: auto !important;
  }

  .login-body .login-panel-grid {
    grid-template-columns: 1fr !important;
  }

  .empty-media-area {
    min-height: 180px !important;
  }
}


/* v24 giriş ekranı: formlar gizli, sağ üst butonla açılır */
.login-body .top-login-buttons {
  right: 30px !important;
  top: 22px !important;
  display: flex !important;
  gap: 10px !important;
}

.top-login-button.active-login-button {
  background: linear-gradient(180deg, #11a79a, var(--green)) !important;
  color: #ffffff !important;
  border-color: var(--green) !important;
}

.login-body .login-card {
  grid-template-rows: auto 1fr !important;
}

.login-body .right-login-drawer {
  position: fixed !important;
  top: 78px !important;
  right: 30px !important;
  z-index: 19 !important;
  width: min(360px, calc(100vw - 44px)) !important;
  display: block !important;
  pointer-events: none !important;
}

.login-body .right-login-drawer .entry-panel {
  display: none !important;
  width: 100% !important;
  padding: 18px 20px 16px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow:
    0 22px 54px rgba(7, 135, 125, .20),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
  pointer-events: auto !important;
}

.login-body.show-parent-login #parentForm {
  display: block !important;
}

.login-body.show-student-login #studentLoginForm {
  display: block !important;
}

.login-body .right-login-drawer .panel-icon {
  font-size: 28px !important;
  margin-bottom: 5px !important;
}

.login-body .right-login-drawer h2 {
  font-size: 19px !important;
  margin-bottom: 12px !important;
}

.login-body .empty-media-area {
  min-height: 390px !important;
  width: 100% !important;
}

.login-body .media-showcase {
  grid-row: 2 !important;
}

.login-body .login-panel-grid:not(.right-login-drawer) {
  display: none !important;
}

@media (max-height: 760px) {
  .login-body .empty-media-area {
    min-height: 280px !important;
  }

  .login-body .right-login-drawer {
    top: 70px !important;
  }
}

@media (max-width: 820px) {
  .login-body .top-login-buttons {
    position: static !important;
    width: min(100% - 24px, 520px) !important;
    margin: 12px auto 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .login-body .right-login-drawer {
    position: static !important;
    width: min(100% - 24px, 420px) !important;
    margin: 12px auto !important;
  }

  .login-body .empty-media-area {
    min-height: 240px !important;
  }
}


/* v25 index temiz giriş ekranı */
.clean-login-page {
  min-height: 100vh !important;
  height: 100vh !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(203, 255, 248, .75), transparent 34%),
    linear-gradient(135deg, #effdfa 0%, #ffffff 44%, #ffffff 100%) !important;
}

.clean-login-page .admin-shortcut,
.clean-login-page .page-shell,
.clean-login-page .login-card,
.clean-login-page .panel-grid,
.clean-login-page .login-panel-grid,
.clean-login-page .media-showcase,
.clean-login-page .login-action-row,
.clean-login-page .right-login-drawer {
  display: none !important;
}

.clean-login-top {
  position: fixed;
  top: 22px;
  right: 30px;
  z-index: 50;
  display: flex;
  align-items: center;
  gap: 10px;
}

.clean-login-top .top-login-button {
  height: 42px;
  min-width: 122px;
  padding: 0 18px;
  border: 1px solid rgba(7, 135, 125, .32);
  border-radius: 15px;
  background: linear-gradient(180deg, #ffffff 0%, #edfafa 100%);
  color: var(--green);
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
  box-shadow:
    0 12px 28px rgba(7, 135, 125, .16),
    inset 0 1px 0 rgba(255,255,255,.95);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.clean-login-top .top-login-button:hover,
.clean-login-top .top-login-button.active-login-button {
  transform: translateY(-1px);
  background: linear-gradient(180deg, #11a79a 0%, var(--green) 100%);
  color: #ffffff;
  box-shadow:
    0 16px 34px rgba(7, 135, 125, .24),
    inset 0 1px 0 rgba(255,255,255,.45);
}

.clean-empty-stage {
  width: 100%;
  height: 100vh;
  display: grid;
  place-items: center;
}

.clean-brand {
  text-align: center;
  opacity: .92;
  transform: translateY(-22px);
}

.clean-brand span {
  display: block;
  color: var(--green);
  font-size: 13px;
  font-weight: 750;
  letter-spacing: .08em;
  margin-bottom: 8px;
}

.clean-brand strong {
  display: block;
  color: var(--green);
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -1px;
}

.login-popup {
  position: fixed;
  top: 78px;
  right: 30px;
  z-index: 45;
  width: min(370px, calc(100vw - 44px));
}

.login-popup.hidden {
  display: none !important;
}

.login-popup .popup-panel {
  position: relative;
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: rgba(255,255,255,.98);
  padding: 24px 24px 20px;
  box-shadow:
    0 24px 58px rgba(7, 135, 125, .22),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.popup-close {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 30px;
  height: 30px;
  border: 0;
  background: transparent;
  color: var(--muted);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.login-popup h2 {
  margin: 0 0 16px;
  color: #1f2a44;
  font-size: 21px;
  font-weight: 750;
}

.login-popup label {
  display: block;
  margin: 10px 0 5px;
  color: #1f2a44;
  font-size: 12px;
  font-weight: 650;
}

.login-popup input {
  width: 100%;
  height: 40px;
  border: 1px solid #dce9ee;
  border-radius: 12px;
  background: #fbfefe;
  padding: 0 13px;
  color: #1f2a44;
  font-size: 13px;
  outline: none;
}

.login-popup input:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 4px rgba(7,135,125,.10);
}

.login-popup .panel-button {
  width: 100%;
  height: 42px;
  margin-top: 16px;
  border-radius: 999px;
  font-size: 13px;
}

.login-popup .forgot-link-button {
  width: 100%;
  margin-top: 10px;
  font-size: 12px;
}

.login-popup .warning-text {
  min-height: 16px;
  margin-top: 8px;
  font-size: 12px;
}

.clean-login-page .modal-backdrop {
  z-index: 70;
}

.clean-login-page .admin-login {
  width: min(410px, calc(100vw - 42px)) !important;
}

@media (max-width: 760px) {
  .clean-login-page {
    overflow-y: auto !important;
    height: auto !important;
  }

  .clean-login-top {
    position: static;
    display: grid;
    grid-template-columns: 1fr;
    width: min(420px, calc(100% - 24px));
    margin: 12px auto 0;
  }

  .clean-login-top .top-login-button {
    width: 100%;
  }

  .login-popup {
    position: static;
    width: min(420px, calc(100% - 24px));
    margin: 14px auto;
  }

  .clean-empty-stage {
    min-height: 360px;
    height: auto;
  }
}


/* v26 giriş butonları aktif açılır panel düzeltmesi */
.clean-login-page {
  min-height: 100vh !important;
  height: 100vh !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(203, 255, 248, .75), transparent 34%),
    linear-gradient(135deg, #effdfa 0%, #ffffff 44%, #ffffff 100%) !important;
}

.clean-login-page .admin-shortcut,
.clean-login-page .page-shell,
.clean-login-page .login-card,
.clean-login-page .panel-grid,
.clean-login-page .login-panel-grid,
.clean-login-page .media-showcase,
.clean-login-page .login-action-row,
.clean-login-page .right-login-drawer {
  display: none !important;
}

.clean-login-top {
  position: fixed;
  top: 22px;
  right: 30px;
  z-index: 80;
  display: flex;
  align-items: center;
  gap: 10px;
}

.clean-login-top .top-login-button {
  height: 42px;
  min-width: 122px;
  padding: 0 18px;
  border: 1px solid rgba(7, 135, 125, .32);
  border-radius: 15px;
  background: linear-gradient(180deg, #ffffff 0%, #edfafa 100%);
  color: var(--green);
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
  box-shadow:
    0 12px 28px rgba(7, 135, 125, .16),
    inset 0 1px 0 rgba(255,255,255,.95);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.clean-login-top .top-login-button:hover,
.clean-login-top .top-login-button.active-login-button {
  transform: translateY(-1px);
  background: linear-gradient(180deg, #11a79a 0%, var(--green) 100%);
  color: #ffffff;
  box-shadow:
    0 16px 34px rgba(7, 135, 125, .24),
    inset 0 1px 0 rgba(255,255,255,.45);
}

.clean-empty-stage {
  width: 100%;
  height: 100vh;
  display: block;
}

.login-popup {
  position: fixed;
  top: 78px;
  right: 30px;
  z-index: 75;
  width: min(370px, calc(100vw - 44px));
}

.login-popup.hidden {
  display: none !important;
}

.login-popup .popup-panel {
  position: relative;
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: rgba(255,255,255,.98);
  padding: 24px 24px 20px;
  box-shadow:
    0 24px 58px rgba(7, 135, 125, .22),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.popup-close {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 30px;
  height: 30px;
  border: 0;
  background: transparent;
  color: var(--muted);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.login-popup h2 {
  margin: 0 0 16px;
  color: #1f2a44;
  font-size: 21px;
  font-weight: 750;
}

.login-popup label {
  display: block;
  margin: 10px 0 5px;
  color: #1f2a44;
  font-size: 12px;
  font-weight: 650;
}

.login-popup input {
  width: 100%;
  height: 40px;
  border: 1px solid #dce9ee;
  border-radius: 12px;
  background: #fbfefe;
  padding: 0 13px;
  color: #1f2a44;
  font-size: 13px;
  outline: none;
}

.login-popup input:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 4px rgba(7,135,125,.10);
}

.login-popup .panel-button {
  width: 100%;
  height: 42px;
  margin-top: 16px;
  border-radius: 999px;
  font-size: 13px;
}

.login-popup .forgot-link-button {
  width: 100%;
  margin-top: 10px;
  font-size: 12px;
}

.login-popup .warning-text {
  min-height: 16px;
  margin-top: 8px;
  font-size: 12px;
}

.clean-login-page .modal-backdrop {
  z-index: 90;
}

.clean-login-page .admin-login {
  width: min(410px, calc(100vw - 42px)) !important;
}

@media (max-width: 760px) {
  .clean-login-page {
    overflow-y: auto !important;
    height: auto !important;
  }

  .clean-login-top {
    position: static;
    display: grid;
    grid-template-columns: 1fr;
    width: min(420px, calc(100% - 24px));
    margin: 12px auto 0;
  }

  .clean-login-top .top-login-button {
    width: 100%;
  }

  .login-popup {
    position: static;
    width: min(420px, calc(100% - 24px));
    margin: 14px auto;
  }

  .clean-empty-stage {
    min-height: 360px;
    height: auto;
  }
}


/* v27 ana sayfa talebe ekle/sil butonlarını görünür ve etkileyici yapma */
.admin-home-body .hero-card {
  position: relative !important;
  overflow: visible !important;
  padding-right: 340px !important;
}

.admin-home-body .hero-actions {
  position: absolute !important;
  top: 50% !important;
  right: 168px !important;
  transform: translateY(-50%) !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  width: 330px !important;
  min-width: 330px !important;
  z-index: 8 !important;
}

.admin-home-body .hero-actions .action-button {
  position: relative !important;
  height: 54px !important;
  border-radius: 18px !important;
  padding: 0 18px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  overflow: hidden !important;
  isolation: isolate !important;
  box-shadow:
    0 18px 34px rgba(7, 135, 125, .18),
    inset 0 2px 0 rgba(255,255,255,.88),
    inset 0 -10px 20px rgba(0,0,0,.035) !important;
  transition:
    transform .16s ease,
    box-shadow .16s ease,
    filter .16s ease !important;
}

.admin-home-body .hero-actions .action-button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.82), transparent 22%),
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,255,255,0));
}

.admin-home-body .hero-actions .action-button::after {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 19px;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.10));
}

.admin-home-body .hero-actions .action-button.add {
  padding-left: 44px !important;
  color: #ffffff !important;
  border: 1px solid rgba(12, 148, 92, .45) !important;
  background:
    linear-gradient(180deg, #19b887 0%, #07877d 100%) !important;
}

.admin-home-body .hero-actions .action-button.add::after {
  content: "➕";
}

.admin-home-body .hero-actions .action-button.delete {
  padding-left: 44px !important;
  color: #ffffff !important;
  border: 1px solid rgba(211, 34, 42, .48) !important;
  background:
    linear-gradient(180deg, #ff6b6b 0%, #d3222a 100%) !important;
  box-shadow:
    0 18px 34px rgba(211, 34, 42, .18),
    inset 0 2px 0 rgba(255,255,255,.88),
    inset 0 -10px 20px rgba(0,0,0,.04) !important;
}

.admin-home-body .hero-actions .action-button.delete::after {
  content: "🗑️";
}

.admin-home-body .hero-actions .action-button:hover {
  transform: translateY(-3px) scale(1.025) !important;
  filter: saturate(1.07) brightness(1.03) !important;
}

.admin-home-body .hero-actions .action-button:active {
  transform: translateY(0) scale(.99) !important;
}

.admin-home-body .hero-actions .action-button.add:hover {
  box-shadow:
    0 24px 44px rgba(7, 135, 125, .28),
    inset 0 2px 0 rgba(255,255,255,.92) !important;
}

.admin-home-body .hero-actions .action-button.delete:hover {
  box-shadow:
    0 24px 44px rgba(211, 34, 42, .28),
    inset 0 2px 0 rgba(255,255,255,.92) !important;
}

.has-fixed-menu .page-nav.right {
  right: 16px !important;
}

.has-fixed-menu .home-float {
  right: 16px !important;
  top: 150px !important;
}

@media (max-width: 1180px) {
  .admin-home-body .hero-card {
    padding-right: 24px !important;
  }

  .admin-home-body .hero-actions {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 14px !important;
  }
}

@media (max-width: 720px) {
  .admin-home-body .hero-actions {
    grid-template-columns: 1fr !important;
  }
}


/* v28 kapsamlı panel düzenleme */
.form-hero {
  position: relative;
}

.form-hero-actions {
  display: flex;
  gap: 10px;
  margin-right: 170px;
  align-items: center;
}

.form-add-student {
  background: linear-gradient(180deg, #19b887, #07877d) !important;
  color: #fff !important;
  min-width: 130px !important;
}

.form-inline-warning {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9999;
  max-width: 380px;
  padding: 13px 16px;
  border-radius: 14px;
  background: linear-gradient(180deg, #fff7e8, #fff0d2);
  border: 1px solid #ffcf8a;
  color: #9a5a00;
  font-size: 13px;
  font-weight: 750;
  box-shadow: 0 18px 44px rgba(150, 90, 0, .18);
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.form-inline-warning.show {
  opacity: 1;
  transform: translateY(0);
}

.eokul-home-actions {
  min-width: 140px !important;
}

.home-mini-action {
  background: linear-gradient(180deg, #ffffff, #eefafa) !important;
  color: var(--green) !important;
  border: 1px solid rgba(7,135,125,.24) !important;
}

.action-add-row,
.guidance-add-row {
  color: #07877d !important;
  border-color: rgba(7,135,125,.25) !important;
  background: #eefafa !important;
  font-weight: 800 !important;
}

.action-delete-row,
.guidance-delete-row {
  color: #d3222a !important;
  border-color: rgba(211,34,42,.25) !important;
  background: #fff0f0 !important;
  font-weight: 800 !important;
}

.test-table {
  min-width: 1180px !important;
}

.test-table th,
.test-table td {
  padding: 4px 4px !important;
  font-size: 11px !important;
}

.test-input {
  height: 24px !important;
  font-size: 11px !important;
}

.test-date-input {
  min-width: 100px;
}

.success-wrap-ticked {
  grid-template-columns: 1fr 50px !important;
  gap: 5px !important;
}

.success-wrap-ticked .success-bar {
  grid-column: 1 / 2;
}

.success-ticks {
  grid-column: 1 / 2;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 1px;
  margin-top: 2px;
  font-size: 7px;
  color: #8a96a8;
}

.success-wrap-ticked strong {
  grid-row: 1 / 3;
  grid-column: 2 / 3;
  font-size: 11px;
}

.message-select {
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  color: #1f2a44;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 650;
}

.trial-row-down {
  background: #fff2f2 !important;
}

.trial-row-down td {
  color: #b91c1c !important;
}

.trial-table th,
.trial-table td {
  padding: 5px 5px !important;
  font-size: 11.5px !important;
}

.trial-input {
  height: 26px !important;
  font-size: 11.5px !important;
}

.guidance-manual-tools {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  margin: 0 6px 10px;
}

.guidance-input {
  width: 100%;
  height: 26px;
  border: 1px solid #dce9ee;
  border-radius: 7px;
  background: #fcfefe;
  padding: 0 7px;
  font-size: 11px;
  outline: none;
}

.guidance-input:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px rgba(7,135,125,.10);
}

.guidance-table th,
.guidance-table td {
  padding: 4px 5px !important;
  font-size: 10.8px !important;
}

.guidance-summary-card {
  min-height: 66px !important;
  padding: 10px 14px !important;
}

.guidance-summary-icon {
  width: 42px !important;
  height: 42px !important;
  font-size: 20px !important;
}

@media (max-width: 1120px) {
  .form-hero-actions {
    margin-right: 0;
  }
}


/* v30 E-Okul talebe seçme alanı */
.student-select-line {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 7px;
  flex-wrap: wrap;
}

.student-select-line label {
  color: #1f2a44;
  font-size: 13px;
  font-weight: 700;
}

.student-select-line select {
  min-width: 280px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  color: var(--green);
  padding: 0 12px;
  font-size: 13px;
  font-weight: 750;
  outline: none;
}

.student-select-line select:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 4px rgba(7,135,125,.10);
}

@media (max-width: 720px) {
  .student-select-line {
    display: grid;
    grid-template-columns: 1fr;
  }

  .student-select-line select {
    min-width: 0;
    width: 100%;
  }
}


/* v31 sağdaki kare ana sayfa ikonunu kaldırma ve dikdörtgen ana sayfa butonunu büyütme */
.home-float {
  display: none !important;
}

.eokul-home-actions {
  min-width: 170px !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

.home-mini-action {
  min-width: 132px !important;
  height: 44px !important;
  padding: 0 20px !important;
  border-radius: 13px !important;
  font-size: 13.5px !important;
  font-weight: 750 !important;
  background: linear-gradient(180deg, #ffffff 0%, #eefafa 100%) !important;
  color: var(--green) !important;
  border: 1px solid rgba(7, 135, 125, .30) !important;
  box-shadow:
    0 10px 22px rgba(7, 135, 125, .13),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.home-mini-action:hover {
  transform: translateY(-1px);
  box-shadow:
    0 14px 28px rgba(7, 135, 125, .18),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.detail-hero .detail-actions.eokul-home-actions {
  margin-right: 36px !important;
}


/* v32 E-Okul seçici, test tablo ve mesaj hizası düzeni */
.student-select-line {
  gap: 8px !important;
  margin-top: 6px !important;
}

.student-select-line label {
  font-size: 12px !important;
  white-space: nowrap !important;
}

.student-select-line select {
  min-width: 0 !important;
  width: 210px !important;
  max-width: 210px !important;
  height: 34px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  padding: 0 9px !important;
}

.test-card {
  padding: 10px 12px 14px !important;
}

.test-table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
}

.test-table {
  width: 100% !important;
  min-width: 1040px !important;
  table-layout: fixed !important;
}

.test-table th,
.test-table td {
  padding: 3px 3px !important;
  font-size: 10.5px !important;
  line-height: 1.15 !important;
}

.test-table th:nth-child(1),
.test-table td:nth-child(1) {
  width: 74px !important;
}

.test-table th:nth-child(2),
.test-table td:nth-child(2) {
  width: 34px !important;
}

.test-table th:nth-child(3),
.test-table td:nth-child(3) {
  width: 96px !important;
}

.test-input {
  height: 22px !important;
  border-radius: 6px !important;
  font-size: 10.5px !important;
  padding: 0 3px !important;
}

.test-date-input {
  min-width: 82px !important;
  font-size: 10px !important;
}

.test-table .tiny-add,
.test-table .tiny-delete {
  height: 22px !important;
  min-width: 0 !important;
  padding: 0 6px !important;
  font-size: 10px !important;
  border-radius: 7px !important;
}

.success-wrap {
  grid-template-columns: 1fr 44px !important;
  gap: 4px !important;
}

.success-bar {
  height: 7px !important;
}

.success-ticks {
  font-size: 6px !important;
  margin-top: 1px !important;
}

.success-wrap strong {
  font-size: 10px !important;
}

.test-actions {
  align-items: center !important;
  gap: 10px !important;
}

.message-select,
.whatsapp-test-button,
.test-actions .clear-button,
.test-actions .save-button {
  height: 42px !important;
  align-self: center !important;
}

.message-select {
  min-width: 118px !important;
  max-width: 140px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  border-radius: 12px !important;
}

.whatsapp-test-button {
  min-width: 220px !important;
  display: inline-grid !important;
  place-items: center !important;
}

.action-add-row,
.action-delete-row {
  font-weight: 700 !important;
}

@media (max-width: 1180px) {
  .test-table {
    min-width: 980px !important;
  }

  .test-table th,
  .test-table td {
    font-size: 10px !important;
  }

  .test-input {
    font-size: 10px !important;
  }
}

@media (max-width: 720px) {
  .student-select-line select {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* v33 Test Takip kompakt tablo, taşma önleme ve genel başarı alanı */
.test-card {
  padding: 8px 10px 12px !important;
  border-radius: 16px !important;
}

.test-title-block {
  padding: 7px 4px 8px !important;
}

.test-title-block h2 {
  font-size: 21px !important;
  margin-bottom: 4px !important;
}

.test-title-block p {
  font-size: 12px !important;
}

.test-table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
  border-radius: 12px !important;
}

.test-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

.test-table th,
.test-table td {
  padding: 3px 2px !important;
  font-size: 9.8px !important;
  line-height: 1.05 !important;
  overflow: hidden !important;
  vertical-align: middle !important;
}

.test-table th:nth-child(1),
.test-table td:nth-child(1) {
  width: 62px !important;
}

.test-table th:nth-child(2),
.test-table td:nth-child(2) {
  width: 28px !important;
}

.test-table th:nth-child(3),
.test-table td:nth-child(3) {
  width: 86px !important;
}

.test-table th:last-child,
.test-table td:last-child {
  width: 150px !important;
  border-left: 1px solid #dfeeee !important;
}

.test-table .action-cell {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 3px !important;
  align-items: center !important;
  justify-content: center !important;
}

.test-table .tiny-add,
.test-table .tiny-delete {
  width: 100% !important;
  min-width: 0 !important;
  height: 20px !important;
  padding: 0 2px !important;
  border-radius: 6px !important;
  font-size: 9px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.test-table .tiny-add {
  color: #07877d !important;
  border: 1px solid rgba(7,135,125,.28) !important;
  background: #eefafa !important;
}

.test-table .tiny-delete {
  color: #d3222a !important;
  border: 1px solid rgba(211,34,42,.28) !important;
  background: #fff0f0 !important;
}

.test-input {
  width: 100% !important;
  height: 21px !important;
  border-radius: 6px !important;
  font-size: 9.8px !important;
  padding: 0 2px !important;
  text-align: center !important;
}

.test-date-input {
  min-width: 0 !important;
  font-size: 9px !important;
  padding: 0 1px !important;
}

.test-total {
  font-size: 10px !important;
}

.success-wrap,
.success-wrap-ticked {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr 42px !important;
  grid-template-rows: 14px 10px !important;
  align-items: center !important;
  column-gap: 5px !important;
  row-gap: 0 !important;
  padding: 0 3px !important;
  box-sizing: border-box !important;
}

.success-bar {
  grid-column: 1 / 2 !important;
  grid-row: 1 / 2 !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: #e7eef0 !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.10) !important;
}

.success-bar span {
  height: 100% !important;
  border-radius: 999px !important;
  box-shadow:
    0 0 8px rgba(255,121,0,.30),
    inset 0 1px 0 rgba(255,255,255,.45) !important;
}

.success-high {
  background: linear-gradient(90deg, #18b463, #0d9a51) !important;
}

.success-mid {
  background: linear-gradient(90deg, #ff9f1a, #ff6b00) !important;
}

.success-low {
  background: linear-gradient(90deg, #ff5a5f, #d3222a) !important;
}

.success-ticks {
  grid-column: 1 / 2 !important;
  grid-row: 2 / 3 !important;
  display: grid !important;
  grid-template-columns: repeat(10, 1fr) !important;
  font-size: 5.7px !important;
  color: #8c98a9 !important;
  line-height: 1 !important;
  margin-top: 1px !important;
  overflow: hidden !important;
}

.success-ticks span {
  text-align: center !important;
  white-space: nowrap !important;
}

.success-wrap strong,
.success-wrap-ticked strong {
  grid-column: 2 / 3 !important;
  grid-row: 1 / 3 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.test-actions {
  padding-top: 10px !important;
  gap: 8px !important;
  align-items: center !important;
}

.message-select,
.whatsapp-test-button,
.test-actions .clear-button,
.test-actions .save-button {
  height: 38px !important;
  border-radius: 11px !important;
}

.message-select {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  font-size: 11.5px !important;
  padding: 0 8px !important;
}

.whatsapp-test-button {
  min-width: 205px !important;
  font-size: 12px !important;
}

.test-actions .clear-button,
.test-actions .save-button {
  min-width: 105px !important;
  font-size: 12px !important;
}

@media (max-width: 1180px) {
  .test-table {
    min-width: 1020px !important;
  }
}

@media (min-width: 1181px) {
  .test-table-wrap {
    overflow-x: hidden !important;
  }
}


/* v34 Test Takip talebe seçme alanı */
.test-student-select-line {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 7px;
  flex-wrap: wrap;
}

.test-student-select-line label {
  color: #1f2a44;
  font-size: 13px;
  font-weight: 750;
  white-space: nowrap;
}

.test-student-select-line select {
  width: 245px;
  max-width: 245px;
  min-width: 245px;
  height: 36px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  color: var(--green);
  padding: 0 11px;
  font-size: 13px;
  font-weight: 750;
  outline: none;
}

.test-student-select-line select:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 4px rgba(7,135,125,.10);
}

@media (max-width: 720px) {
  .test-student-select-line {
    display: grid;
    grid-template-columns: 1fr;
  }

  .test-student-select-line select {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
}


/* v35 üst butonları sadeleştirme, anasayfa ve admin sayfası */
.page-home-actions {
  min-width: 170px !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

.page-home-button,
.home-mini-action {
  min-width: 142px !important;
  height: 46px !important;
  padding: 0 22px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
  background: linear-gradient(180deg, #ffffff 0%, #effafa 100%) !important;
  color: #05776f !important;
  border: 1px solid rgba(7, 135, 125, .34) !important;
  box-shadow:
    0 12px 26px rgba(7, 135, 125, .14),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.page-home-button:hover,
.home-mini-action:hover {
  transform: translateY(-1px) !important;
  background: linear-gradient(180deg, #11a79a 0%, #07877d 100%) !important;
  color: #ffffff !important;
  box-shadow:
    0 16px 32px rgba(7, 135, 125, .23),
    inset 0 1px 0 rgba(255,255,255,.52) !important;
}

.detail-hero .back-link {
  font-weight: 850 !important;
  color: #05776f !important;
}

.login-media-render {
  width: min(820px, calc(100vw - 80px));
  min-height: 260px;
  display: grid;
  place-items: center;
  margin: 0 auto;
}

.login-media-render:empty {
  display: none;
}

.login-media-render iframe,
.login-media-render video,
.login-media-render img {
  max-width: 100%;
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(7, 135, 125, .16);
}

.settings-page {
  background:
    radial-gradient(circle at top left, rgba(203,255,248,.62), transparent 30%),
    linear-gradient(135deg, #effdfa 0%, #ffffff 48%, #f8ffff 100%) !important;
}

.settings-hero {
  margin-bottom: 16px;
}

.settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(280px, 1fr));
  gap: 16px;
}

.settings-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  padding: 18px;
  box-shadow: var(--shadow);
}

.settings-card.wide-card {
  grid-column: 1 / -1;
}

.settings-card h2 {
  margin: 0 0 6px;
  color: var(--green);
  font-size: 22px;
  font-weight: 800;
}

.settings-card p {
  margin: 0 0 14px;
  color: #536276;
  font-size: 13px;
  line-height: 1.4;
}

.settings-card label {
  display: block;
  margin: 10px 0 5px;
  color: #1f2a44;
  font-size: 12px;
  font-weight: 750;
}

.settings-card input,
.settings-card select,
.settings-card textarea {
  width: 100%;
  border: 1px solid #dce9ee;
  border-radius: 12px;
  background: #fbfefe;
  padding: 0 12px;
  color: #1f2a44;
  font-size: 13px;
  outline: none;
}

.settings-card input,
.settings-card select {
  height: 40px;
}

.settings-card textarea {
  min-height: 150px;
  padding: 12px;
  line-height: 1.4;
  resize: vertical;
}

.settings-card input:focus,
.settings-card select:focus,
.settings-card textarea:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 4px rgba(7,135,125,.10);
}

.settings-save {
  margin-top: 14px;
  min-width: 150px;
}

.settings-warning {
  min-height: 18px;
  margin-top: 10px !important;
  color: var(--green) !important;
  font-weight: 750;
}

.settings-info-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f7ffff;
  padding: 10px 12px;
  margin: 10px 0;
}

.settings-info-box span {
  color: #586a7a;
  font-size: 12px;
  font-weight: 700;
}

.settings-info-box strong {
  color: var(--green);
  font-size: 13px;
}

.settings-actions-row {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 12px;
}

.settings-preview {
  min-height: 260px;
  display: grid;
  place-items: center;
  border: 1px dashed rgba(7, 135, 125, .30);
  border-radius: 16px;
  background: #f8ffff;
  overflow: auto;
  padding: 16px;
}

.settings-preview span {
  color: #6b7a8e;
  font-weight: 750;
}

.settings-preview iframe,
.settings-preview video,
.settings-preview img {
  max-width: 100%;
  border-radius: 14px;
}

@media (max-width: 860px) {
  .settings-grid {
    grid-template-columns: 1fr;
  }

  .settings-actions-row {
    display: grid;
    grid-template-columns: 1fr;
  }
}


/* v36 Test takip detaylı WhatsApp, mini özet ve açılır menü temiz seçim */
.test-mini-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(145px, 1fr));
  gap: 8px;
  margin-top: 8px;
  max-width: 720px;
}

.test-mini-summary article {
  border: 1px solid rgba(7,135,125,.16);
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff, #f3fffd);
  padding: 8px 10px;
  box-shadow: 0 8px 18px rgba(7,135,125,.07);
}

.test-mini-summary span {
  display: block;
  color: #607080;
  font-size: 10.5px;
  font-weight: 750;
  margin-bottom: 3px;
}

.test-mini-summary strong {
  display: block;
  color: var(--green);
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.all-student-row-name {
  color: var(--green);
  font-weight: 850;
  font-size: 9.5px;
  line-height: 1.05;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.all-student-row-name + small {
  display: block;
  color: #748294;
  font-size: 8.5px;
  line-height: 1;
}

.all-mode-label {
  display: inline-grid;
  place-items: center;
  width: 100%;
  height: 20px;
  border-radius: 7px;
  background: #eefafa;
  color: var(--green);
  font-size: 9px;
  font-weight: 800;
}

.test-student-select-line select,
.student-select-line select {
  text-overflow: ellipsis;
}

@media (max-width: 920px) {
  .test-mini-summary {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
}


/* v37 giriş ekranı orta kod alanı ve kod kullanıcı yönetimi */
.clean-empty-stage {
  display: grid !important;
  place-items: center !important;
  min-height: 100vh !important;
  padding: 92px 24px 32px !important;
  box-sizing: border-box !important;
}

.login-media-render {
  width: min(860px, calc(100vw - 96px)) !important;
  min-height: 280px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 auto !important;
}

.login-media-render:empty {
  display: none !important;
}

.login-media-render iframe {
  width: min(860px, calc(100vw - 96px));
  aspect-ratio: 16 / 9;
  min-height: 280px;
  border: 0;
  border-radius: 18px;
  box-shadow: 0 20px 54px rgba(7, 135, 125, .18);
}

.login-media-render video,
.login-media-render img {
  max-width: 100%;
  max-height: 70vh;
  border-radius: 18px;
  box-shadow: 0 20px 54px rgba(7, 135, 125, .18);
}

.code-user-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 38px;
  margin-top: 12px;
}

.code-user-pill {
  border: 1px solid rgba(7,135,125,.24);
  border-radius: 999px;
  background: #f3fffd;
  color: var(--green);
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.code-user-pill:hover {
  background: var(--green);
  color: #fff;
}

.settings-delete {
  color: #d3222a !important;
  border-color: rgba(211,34,42,.28) !important;
  background: #fff0f0 !important;
}

.locked-code-message {
  border: 1px dashed rgba(7,135,125,.28);
  border-radius: 16px;
  background: #f7ffff;
  min-height: 145px;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 18px;
  color: #506174;
}

.locked-code-message strong {
  display: block;
  color: var(--green);
  font-size: 20px;
  margin-bottom: 6px;
}

.locked-code-message span {
  display: block;
  font-size: 13px;
  line-height: 1.4;
}

.code-area-locked {
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(243,255,253,.92)) !important;
}

.code-editor-area.hidden,
.locked-code-message.hidden,
#logoutCodeAreaBtn.hidden {
  display: none !important;
}

@media (max-width: 760px) {
  .clean-empty-stage {
    min-height: 420px !important;
    padding: 24px 14px !important;
  }

  .login-media-render,
  .login-media-render iframe {
    width: min(100%, calc(100vw - 28px)) !important;
    min-height: 190px !important;
  }
}


/* v38 test mini özet, deneme kompakt ve e-okul tüm talebeler özet */
.test-mini-summary {
  grid-template-columns: repeat(4, minmax(130px, 1fr)) !important;
  max-width: 900px !important;
}

.test-mini-summary article:nth-child(4) {
  border-color: rgba(211, 34, 42, .18);
  background: linear-gradient(180deg, #ffffff, #fff6f6);
}

.test-mini-summary article:nth-child(4) strong {
  color: #d3222a;
}

.trial-card {
  padding: 9px 10px 12px !important;
}

.trial-title-block {
  padding: 8px 4px 8px !important;
}

.trial-title-block h2 {
  font-size: 21px !important;
  margin-bottom: 4px !important;
}

.trial-title-block p {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

.trial-top-tools {
  display: flex;
  justify-content: flex-end;
  margin: -2px 4px 6px;
}

.trial-top-add {
  height: 34px !important;
  min-width: 110px !important;
  border-radius: 10px !important;
  color: var(--green) !important;
  background: #eefafa !important;
  border: 1px solid rgba(7,135,125,.25) !important;
  font-weight: 800 !important;
}

.trial-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

.trial-table th,
.trial-table td {
  padding: 3px 3px !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  overflow: hidden !important;
}

.trial-table th:nth-child(1),
.trial-table td:nth-child(1) {
  width: 68px !important;
}

.trial-table th:nth-child(2),
.trial-table td:nth-child(2) {
  width: 30px !important;
}

.trial-table th:nth-child(3),
.trial-table td:nth-child(3) {
  width: 92px !important;
}

.trial-table th:last-child,
.trial-table td:last-child {
  width: 118px !important;
}

.trial-input {
  height: 22px !important;
  border-radius: 6px !important;
  font-size: 10px !important;
  padding: 0 3px !important;
}

.trial-score-wrap {
  gap: 3px !important;
}

.trial-score-bar {
  height: 8px !important;
}

.trial-score-text {
  font-size: 10px !important;
  white-space: nowrap !important;
}

.trial-summary-grid {
  gap: 8px !important;
  margin-top: 10px !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.trial-summary-card {
  min-height: 70px !important;
  padding: 9px 10px !important;
  gap: 9px !important;
}

.trial-summary-icon {
  width: 38px !important;
  height: 38px !important;
  font-size: 19px !important;
}

.trial-summary-card span {
  font-size: 11px !important;
}

.trial-summary-card strong {
  font-size: 18px !important;
}

.trial-summary-card small {
  font-size: 10px !important;
}

.trial-actions {
  gap: 8px !important;
  padding-top: 10px !important;
}

.trial-actions .clear-button,
.trial-actions .save-button,
.whatsapp-trial-button {
  height: 38px !important;
  font-size: 12px !important;
  border-radius: 11px !important;
}

.best-grade-student {
  height: 34px;
  min-width: 230px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(7,135,125,.18);
  border-radius: 12px;
  background: linear-gradient(180deg, #fffef5, #effafa);
  color: var(--green);
  padding: 0 12px;
  font-size: 12px;
  font-weight: 850;
  box-shadow: 0 8px 18px rgba(7,135,125,.08);
}

.student-select-line {
  align-items: center !important;
}

.all-grade-row td {
  background: #fbfefe;
}

.all-grade-row strong {
  color: var(--green);
  font-weight: 850;
}

.all-grade-row small {
  display: block;
  color: #6f7c8c;
  margin-top: 2px;
  font-size: 10px;
}

.all-grade-symbol {
  text-align: center;
  font-size: 18px !important;
}

.all-grade-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  border-radius: 999px;
  background: #eefafa;
  color: var(--green);
  padding: 0 10px;
  font-weight: 800;
  font-size: 11px;
}

.muted-certificate {
  color: #9aa4b2 !important;
  font-weight: 750;
  text-align: center;
}

.certificate-empty {
  color: #9a6a00;
  background: #fff7e6;
  border: 1px solid #ffe2a8;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 1180px) {
  .trial-table {
    min-width: 980px !important;
  }

  .trial-summary-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .test-mini-summary {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}


/* v39 Test Takip Genel Başarı başlığına + Ekle butonu */
.general-success-head {
  position: relative !important;
  padding: 4px 4px !important;
  vertical-align: middle !important;
}

.general-success-head span {
  display: block;
  font-weight: 850;
  margin-bottom: 4px;
  white-space: nowrap;
}

.header-add-test-button {
  display: inline-grid;
  place-items: center;
  height: 22px;
  min-width: 54px;
  padding: 0 7px;
  border: 1px solid rgba(7, 135, 125, .28);
  border-radius: 7px;
  background: #eefafa;
  color: var(--green);
  font-size: 10px;
  font-weight: 850;
  cursor: pointer;
  line-height: 1;
  box-shadow: none;
}

.header-add-test-button:hover {
  background: var(--green);
  color: #fff;
}

.no-bottom-add {
  min-height: 34px !important;
  display: grid;
  place-items: center;
}

.no-bottom-add p {
  margin: 0;
  color: #536276;
  font-weight: 750;
}


/* v40 Deneme kompakt genişlik ve admin sayfası kullanıcı yönetimi */
.trial-table th:nth-child(1),
.trial-table td:nth-child(1) {
  width: 86px !important;
}

.trial-table th:nth-child(4),
.trial-table td:nth-child(4),
.trial-table th:nth-child(5),
.trial-table td:nth-child(5),
.trial-table th:nth-child(6),
.trial-table td:nth-child(6),
.trial-table th:nth-child(7),
.trial-table td:nth-child(7),
.trial-table th:nth-child(8),
.trial-table td:nth-child(8),
.trial-table th:nth-child(9),
.trial-table td:nth-child(9) {
  width: 88px !important;
}

.trial-table th:nth-child(10),
.trial-table td:nth-child(10) {
  width: 84px !important;
}

.trial-table th:last-child,
.trial-table td:last-child {
  width: 108px !important;
}

.trial-table .action-cell {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
  align-items: center !important;
}

.trial-table .tiny-add,
.trial-table .tiny-delete {
  width: 100% !important;
  min-width: 0 !important;
  height: 22px !important;
  padding: 0 4px !important;
  font-size: 10px !important;
  border-radius: 7px !important;
  white-space: nowrap !important;
}

.trial-table .tiny-add {
  color: var(--green) !important;
  background: #eefafa !important;
  border: 1px solid rgba(7,135,125,.28) !important;
}

.trial-table .tiny-delete {
  color: #d3222a !important;
  background: #fff0f0 !important;
  border: 1px solid rgba(211,34,42,.28) !important;
}

.trial-score-wrap {
  grid-template-columns: 1fr !important;
}

.trial-score-bar {
  height: 9px !important;
  margin-bottom: 3px !important;
}

.trial-score-text,
.trial-score-high-text,
.trial-score-mid-text,
.trial-score-orange-text,
.trial-score-low-text {
  display: block !important;
  font-size: 9.5px !important;
  text-align: center !important;
}

.password-actions {
  justify-content: flex-start !important;
}

.password-actions .settings-save {
  margin-top: 10px !important;
}

.settings-card .settings-actions-row {
  flex-wrap: wrap;
}

#addCodeUserBtn,
#updateCodeUserBtn,
#saveCodeUserBtn,
#deleteCodeUserBtn {
  min-width: 92px !important;
  height: 38px !important;
  font-size: 12px !important;
  margin-top: 8px !important;
}

.code-user-empty {
  width: 100%;
  min-height: 38px;
  display: grid;
  place-items: center;
  border: 1px dashed rgba(7,135,125,.22);
  border-radius: 12px;
  color: #6f7c8c;
  font-size: 12px;
  font-weight: 750;
  background: #f8ffff;
}


/* v41 Test Genel Başarı ortalaması ve işlem/no hizalama düzeltmesi */
.general-success-head {
  width: 150px !important;
  min-width: 150px !important;
  text-align: center !important;
  vertical-align: middle !important;
  padding: 4px 5px !important;
}

.general-success-title {
  color: #056f68 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  margin-bottom: 3px !important;
  white-space: nowrap !important;
}

#generalSuccessAverage {
  display: block !important;
  color: #07877d !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  margin-bottom: 5px !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
}

.header-add-test-button {
  width: 64px !important;
  height: 26px !important;
  min-width: 64px !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  display: inline-grid !important;
  place-items: center !important;
  line-height: 1 !important;
  margin: 0 auto !important;
}

.test-table th:nth-child(1),
.test-table td:nth-child(1) {
  width: 78px !important;
  min-width: 78px !important;
  max-width: 78px !important;
  text-align: center !important;
}

.test-table th:nth-child(2),
.test-table td:nth-child(2) {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  text-align: center !important;
}

.test-table th:nth-child(3),
.test-table td:nth-child(3) {
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important;
}

.test-table .action-cell {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
  padding: 3px 4px !important;
  align-items: center !important;
  justify-content: center !important;
}

.test-table .tiny-add,
.test-table .tiny-delete {
  height: 22px !important;
  min-width: 0 !important;
  width: 100% !important;
  padding: 0 4px !important;
  font-size: 9.5px !important;
}

/* Deneme işlem/no sütunu çizgi kaymasını düzeltme */
.trial-table {
  border-collapse: collapse !important;
}

.trial-table th,
.trial-table td {
  vertical-align: middle !important;
}

.trial-table th:nth-child(1),
.trial-table td:nth-child(1) {
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  text-align: center !important;
}

.trial-table th:nth-child(2),
.trial-table td:nth-child(2) {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  text-align: center !important;
}

.trial-table .action-cell {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
  padding: 3px 4px !important;
  align-items: center !important;
  justify-content: center !important;
}

.trial-table .tiny-add,
.trial-table .tiny-delete {
  height: 22px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 4px !important;
  font-size: 9.5px !important;
}

@media (max-width: 1180px) {
  .general-success-head {
    width: 140px !important;
    min-width: 140px !important;
  }

  #generalSuccessAverage {
    font-size: 14px !important;
  }
}


/* v42 ana sayfa liste satırları ve muhasebe */
.admin-home-body .table-wrap table th,
.admin-home-body .table-wrap table td {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  height: 40px !important;
  line-height: 1.15 !important;
  vertical-align: middle !important;
}

.admin-home-body #studentTable tr {
  background: rgba(248, 255, 254, .76);
  transition: background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.admin-home-body #studentTable tr:nth-child(even) {
  background: rgba(239, 250, 249, .82);
}

.admin-home-body #studentTable tr:hover {
  background: linear-gradient(90deg, rgba(230, 255, 251, .96), rgba(255, 255, 255, .98));
  box-shadow:
    inset 4px 0 0 rgba(7, 135, 125, .42),
    0 8px 20px rgba(7, 135, 125, .10);
  transform: translateY(-1px);
}

.admin-home-body #studentTable td {
  font-size: 13px !important;
}

.admin-home-body #studentTable td a,
.admin-home-body #studentTable .student-link {
  font-weight: 850 !important;
}

.accounting-placeholder-card {
  min-height: 360px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(240,255,253,.92));
  display: grid;
  place-items: center;
  text-align: center;
  padding: 34px;
  box-shadow: var(--shadow);
}

.accounting-placeholder-icon {
  width: 82px;
  height: 82px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  margin: 0 auto 14px;
  border: 1px solid rgba(7,135,125,.18);
  background: #f0fffd;
  font-size: 38px;
}

.accounting-placeholder-card h2 {
  margin: 0 0 8px;
  color: var(--green);
  font-size: 28px;
}

.accounting-placeholder-card p {
  margin: 0;
  color: #5f6f7f;
  font-size: 14px;
}

@media (max-width: 900px) {
  .admin-home-body .table-wrap table th,
  .admin-home-body .table-wrap table td {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    height: 38px !important;
  }
}


/* v43 giriş ekranı varsayılan sessiz video ve Deneme talebe seçimi */
.login-media-render {
  width: min(860px, calc(100vw - 96px)) !important;
  min-height: 280px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 auto !important;
}

.default-login-video,
.login-media-render video {
  width: min(860px, calc(100vw - 96px)) !important;
  max-height: 70vh !important;
  object-fit: cover !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 62px rgba(7, 135, 125, .20) !important;
  border: 1px solid rgba(7,135,125,.18) !important;
  background: #ffffff !important;
}

.trial-student-select-line {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 7px;
  flex-wrap: wrap;
}

.trial-student-select-line label {
  color: #1f2a44;
  font-size: 13px;
  font-weight: 750;
  white-space: nowrap;
}

.trial-student-select-line select {
  width: 255px;
  max-width: 255px;
  min-width: 255px;
  height: 36px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  color: var(--green);
  padding: 0 11px;
  font-size: 13px;
  font-weight: 750;
  outline: none;
  text-overflow: ellipsis;
}

.trial-student-select-line select:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 4px rgba(7,135,125,.10);
}

.trial-table .all-student-row-name {
  color: var(--green);
  font-weight: 850;
  font-size: 9.5px;
  line-height: 1.05;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.trial-table .all-student-row-name + small {
  display: block;
  color: #748294;
  font-size: 8.5px;
  line-height: 1;
}

@media (max-width: 760px) {
  .login-media-render,
  .default-login-video,
  .login-media-render video {
    width: min(100%, calc(100vw - 28px)) !important;
    min-height: 190px !important;
  }

  .trial-student-select-line {
    display: grid;
    grid-template-columns: 1fr;
  }

  .trial-student-select-line select {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}


/* v44 Test Takip yönlendirmeye göre + Ekle konumu */
.test-mini-summary-row {
  display: grid;
  grid-template-columns: 1fr 86px;
  gap: 10px;
  align-items: stretch;
  margin-top: 8px;
}

.test-mini-summary-row .test-mini-summary {
  margin-top: 0 !important;
  max-width: none !important;
}

.test-summary-add-button {
  height: 100%;
  min-height: 38px;
  max-height: 46px;
  align-self: stretch;
  border: 1px solid rgba(7, 135, 125, .34);
  border-radius: 11px;
  background: linear-gradient(180deg, #eefdff, #dff8f5);
  color: var(--green);
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  box-shadow:
    0 10px 20px rgba(7, 135, 125, .10),
    inset 0 1px 0 rgba(255,255,255,.86);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.test-summary-add-button:hover {
  transform: translateY(-1px);
  background: linear-gradient(180deg, #14aa9d, #07877d);
  color: #fff;
  box-shadow:
    0 14px 26px rgba(7, 135, 125, .18),
    inset 0 1px 0 rgba(255,255,255,.42);
}

.general-success-head {
  vertical-align: middle !important;
}

.general-success-head .general-success-title {
  margin-bottom: 5px !important;
}

.general-success-head #generalSuccessAverage {
  margin-bottom: 0 !important;
}

.header-add-test-button {
  display: none !important;
}

@media (max-width: 920px) {
  .test-mini-summary-row {
    grid-template-columns: 1fr;
  }

  .test-summary-add-button {
    width: 100%;
    height: 38px;
  }
}


/* v45 ana sayfa isim satırı daraltma ve gerçek ortalama sistemi */
.admin-home-body #studentTable td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  height: 30px !important;
  min-height: 30px !important;
  line-height: 1.08 !important;
  vertical-align: middle !important;
}

.admin-home-body #studentTable tr {
  height: 30px !important;
}

.admin-home-body #studentTable .student-name {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: 1.05 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

.admin-home-body #studentTable .pill {
  min-height: 22px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  line-height: 1.05 !important;
}


/* v46 Deneme Takip işlem/no çizgi bütünlüğü düzeltmesi */
.trial-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
}

.trial-table th,
.trial-table td {
  box-sizing: border-box !important;
  vertical-align: middle !important;
}

.trial-table th:nth-child(1),
.trial-table td:nth-child(1) {
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  padding: 4px 5px !important;
  text-align: center !important;
}

.trial-table th:nth-child(2),
.trial-table td:nth-child(2) {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  padding: 4px 4px !important;
  text-align: center !important;
}

.trial-table .action-cell {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 5px !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  min-height: 30px !important;
  padding: 4px 5px !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

.trial-table .tiny-add,
.trial-table .tiny-delete {
  display: inline-grid !important;
  place-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 24px !important;
  padding: 0 5px !important;
  border-radius: 8px !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.trial-table .tiny-add {
  color: #07877d !important;
  border: 1px solid rgba(7, 135, 125, .30) !important;
  background: #eefafa !important;
}

.trial-table .tiny-delete {
  color: #d3222a !important;
  border: 1px solid rgba(211, 34, 42, .30) !important;
  background: #fff0f0 !important;
}

.trial-table tbody tr td:nth-child(1),
.trial-table tbody tr td:nth-child(2) {
  border-top: 1px solid #dceff0 !important;
}

.trial-table thead th:nth-child(1),
.trial-table thead th:nth-child(2) {
  border-bottom: 1px solid #dceff0 !important;
}

.trial-table tbody tr:first-child td:nth-child(1),
.trial-table tbody tr:first-child td:nth-child(2) {
  border-top: 0 !important;
}


/* v47 Deneme Takip rakam satırlarını renklendirme */
.trial-table tbody tr {
  transition: background .16s ease, box-shadow .16s ease;
}

.trial-table tbody tr:nth-child(odd) {
  background: rgba(246, 255, 253, .92) !important;
}

.trial-table tbody tr:nth-child(even) {
  background: rgba(238, 250, 249, .88) !important;
}

.trial-table tbody tr:hover {
  background: linear-gradient(90deg, rgba(225, 255, 250, .98), rgba(255, 255, 255, .98)) !important;
  box-shadow: inset 4px 0 0 rgba(7, 135, 125, .38);
}

.trial-table tbody td:nth-child(2) {
  background: rgba(7, 135, 125, .08) !important;
  color: #05776f !important;
  font-weight: 900 !important;
}

.trial-table tbody td:nth-child(4),
.trial-table tbody td:nth-child(5),
.trial-table tbody td:nth-child(6),
.trial-table tbody td:nth-child(7),
.trial-table tbody td:nth-child(8),
.trial-table tbody td:nth-child(9),
.trial-table tbody td:nth-child(10),
.trial-table tbody td:nth-child(11) {
  background: rgba(255, 255, 255, .50) !important;
}

.trial-table .trial-input {
  background: rgba(255, 255, 255, .96) !important;
}

.trial-table .trial-input:focus {
  background: #fffef6 !important;
  border-color: #07877d !important;
  box-shadow: 0 0 0 3px rgba(7, 135, 125, .13) !important;
}


/* v48 Deneme Takip tarih/deneme adı sütunu ve yayın evi açılır menüsü */
.trial-table th:nth-child(2),
.trial-table td:nth-child(2) {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
}

.trial-table th:nth-child(3),
.trial-table td:nth-child(3) {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}

.trial-publisher-select {
  width: 100% !important;
  height: 24px !important;
  border-radius: 7px !important;
  padding: 0 5px !important;
  font-size: 10px !important;
  color: #1f2a44 !important;
  background: rgba(255,255,255,.96) !important;
}

.trial-publisher-select:focus {
  background: #fffef6 !important;
  border-color: #07877d !important;
  box-shadow: 0 0 0 3px rgba(7,135,125,.13) !important;
}


/* v50 Deneme açılır menü, kutucuk ve satır kompakt düzeltmeleri */
.trial-table {
  table-layout: fixed !important;
}

/* İşlem */
.trial-table th:nth-child(1),
.trial-table td:nth-child(1) {
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
}

/* Tarih alanı biraz geniş */
.trial-table th:nth-child(2),
.trial-table td:nth-child(2) {
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;
}

/* Deneme adı alanı daha geniş */
.trial-table th:nth-child(3),
.trial-table td:nth-child(3) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
}

/* Ders net kutucukları daha dar */
.trial-table th:nth-child(4),
.trial-table td:nth-child(4),
.trial-table th:nth-child(5),
.trial-table td:nth-child(5),
.trial-table th:nth-child(6),
.trial-table td:nth-child(6),
.trial-table th:nth-child(7),
.trial-table td:nth-child(7),
.trial-table th:nth-child(8),
.trial-table td:nth-child(8),
.trial-table th:nth-child(9),
.trial-table td:nth-child(9) {
  width: 74px !important;
  min-width: 74px !important;
  max-width: 74px !important;
}

.trial-table th:nth-child(10),
.trial-table td:nth-child(10) {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
}

.trial-table th:last-child,
.trial-table td:last-child {
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;
}

/* Türkçe, matematik vb. başlıkları ve alt başlıkların aralık/fontu */
.trial-table th {
  font-size: 9.2px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  line-height: 1.02 !important;
}

.trial-table td {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  line-height: 1.02 !important;
}

.trial-input {
  height: 21px !important;
  font-size: 9.4px !important;
  padding: 0 3px !important;
}

.trial-publisher-select {
  height: 23px !important;
  font-size: 9.6px !important;
  padding: 0 6px !important;
  text-overflow: ellipsis !important;
  position: relative !important;
  z-index: 12 !important;
  cursor: pointer !important;
}

.trial-publisher-select option {
  font-size: 12px;
}

/* Deneme satır yükseklikleri çok az daha kısa */
.trial-table tbody tr {
  height: 28px !important;
}

.trial-table .tiny-add,
.trial-table .tiny-delete {
  height: 21px !important;
  font-size: 9.3px !important;
}

/* Ana sayfa isim satır yüksekliği çok az daha küçük */
.admin-home-body #studentTable tr {
  height: 28px !important;
}

.admin-home-body #studentTable td {
  height: 28px !important;
  min-height: 28px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  line-height: 1.02 !important;
}

.admin-home-body #studentTable .student-name {
  line-height: 1.02 !important;
}

/* Açılır menü tabloyu/ekranı boşlukla aşağı itmesin */
.trial-table-wrap {
  overflow: visible !important;
}

.trial-card {
  overflow: visible !important;
}


/* v51 Deneme adı yayın evi listesini genişletme */
.trial-publisher-select {
  font-size: 9.4px !important;
}

.trial-publisher-select option {
  font-size: 12px !important;
  padding: 4px 6px !important;
}


/* v52 anlık hesaplama, kolay veri girişi ve kompakt görünüm */
.eokul-card.compact-card {
  padding-top: 8px !important;
}

.eokul-card .compact-tabs {
  margin-bottom: 8px !important;
  padding-bottom: 8px !important;
}

.eokul-top.compact-top {
  margin-bottom: 8px !important;
  padding: 4px 0 6px !important;
}

.eokul-top h2 {
  font-size: 20px !important;
  margin-bottom: 6px !important;
}

.grade-title-row {
  margin: 4px 0 5px !important;
}

.grade-title-row h3 {
  font-size: 17px !important;
}

.summary-grid.compact-summary {
  margin-top: 8px !important;
  gap: 8px !important;
}

.summary-card {
  min-height: 58px !important;
  padding: 9px 12px !important;
}

.summary-icon {
  width: 38px !important;
  height: 38px !important;
}

.grade-input,
.test-input,
.trial-input,
.trial-publisher-select {
  font-size: 12px !important;
  font-weight: 750 !important;
  color: #16233b !important;
}

.course-name-input {
  font-size: 12px !important;
  font-weight: 800 !important;
}

.numeric-grade-input,
.test-input,
.trial-input {
  text-align: center !important;
}

.grade-input:focus,
.test-input:focus,
.trial-input:focus,
.trial-publisher-select:focus {
  background: #fffdf2 !important;
  border-color: #07877d !important;
  box-shadow: 0 0 0 3px rgba(7,135,125,.16) !important;
  color: #0b172e !important;
}

.message-select {
  background: linear-gradient(180deg, #ffffff, #eefafa) !important;
  color: #05776f !important;
  border: 1px solid rgba(7,135,125,.32) !important;
  font-weight: 850 !important;
  box-shadow: 0 8px 18px rgba(7,135,125,.08) !important;
}

.message-select:focus {
  background: #fffdf2 !important;
  border-color: #07877d !important;
  box-shadow: 0 0 0 3px rgba(7,135,125,.14) !important;
}

.best-grade-student {
  background: linear-gradient(180deg, #fff9df, #effafa) !important;
  border-color: rgba(212, 158, 0, .28) !important;
  color: #05776f !important;
  box-shadow: 0 10px 22px rgba(212,158,0,.10) !important;
}

.avg-cell {
  font-size: 12px !important;
  font-weight: 900 !important;
}

.status-badge {
  font-size: 11px !important;
  font-weight: 900 !important;
}

/* E-Okul, Test, Deneme üst bölümü biraz daha dar olsun */
.test-title-block,
.trial-title-block {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.test-title-block h2,
.trial-title-block h2 {
  font-size: 20px !important;
}

.test-mini-summary-row,
.trial-top-tools {
  margin-top: 4px !important;
}

/* Test ve Deneme tablo satırlarını bozmayacak kadar yazıları büyüt */
.test-table th,
.trial-table th {
  font-size: 10px !important;
  font-weight: 850 !important;
}

.test-table td,
.trial-table td {
  font-size: 10.8px !important;
}

.test-table .tiny-add,
.test-table .tiny-delete,
.trial-table .tiny-add,
.trial-table .tiny-delete {
  font-size: 10px !important;
  font-weight: 850 !important;
}

@media (max-width: 1180px) {
  .grade-input,
  .test-input,
  .trial-input,
  .trial-publisher-select {
    font-size: 11px !important;
  }
}


/* v53 giriş ekranı varsayılan video kaldırıldı */
.default-login-video {
  display: none !important;
}


/* v54 Ana sayfa üst alan ve istatistik kutuları yukarı doğru daraltıldı */
.admin-home-body .page-header,
.admin-home-body .hero-card,
.admin-home-body .dashboard-hero,
.admin-home-body .top-hero-card {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  min-height: auto !important;
}

.admin-home-body .page-header h1,
.admin-home-body .hero-card h1,
.admin-home-body .dashboard-hero h1,
.admin-home-body .top-hero-card h1 {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  line-height: 1.02 !important;
}

.admin-home-body .page-header p,
.admin-home-body .hero-card p,
.admin-home-body .dashboard-hero p,
.admin-home-body .top-hero-card p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.15 !important;
}

.admin-home-body .stats-grid,
.admin-home-body .summary-cards-grid,
.admin-home-body .metrics-grid {
  margin-top: 8px !important;
  gap: 10px !important;
}

.admin-home-body .stat-card,
.admin-home-body .metric-card,
.admin-home-body .summary-mini-card {
  min-height: 86px !important;
  padding: 10px 14px !important;
}

.admin-home-body .stat-card h3,
.admin-home-body .metric-card h3,
.admin-home-body .summary-mini-card h3,
.admin-home-body .stat-card .card-title,
.admin-home-body .metric-card .card-title {
  margin: 0 0 6px 0 !important;
  line-height: 1.05 !important;
  font-size: 13px !important;
}

.admin-home-body .stat-card strong,
.admin-home-body .metric-card strong,
.admin-home-body .summary-mini-card strong,
.admin-home-body .stat-card .card-value,
.admin-home-body .metric-card .card-value {
  line-height: 1 !important;
  font-size: 22px !important;
}

.admin-home-body .content-card,
.admin-home-body .list-card,
.admin-home-body .student-list-card {
  margin-top: 10px !important;
}

.admin-home-body .student-list-card .card-header,
.admin-home-body .list-card .card-header,
.admin-home-body .content-card .card-header {
  padding-top: 10px !important;
  padding-bottom: 8px !important;
}

.admin-home-body .student-list-card .card-header h2,
.admin-home-body .list-card .card-header h2,
.admin-home-body .content-card .card-header h2 {
  margin-bottom: 4px !important;
  line-height: 1.02 !important;
}

.admin-home-body .student-list-card .card-header p,
.admin-home-body .list-card .card-header p,
.admin-home-body .content-card .card-header p {
  margin: 0 !important;
  line-height: 1.12 !important;
}

.admin-home-body .table-toolbar,
.admin-home-body .list-toolbar {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.admin-home-body .home-student-table,
.admin-home-body #studentTable {
  margin-top: 0 !important;
}

/* İsimler biraz daha yukarı çıksın */
.admin-home-body .student-name,
.admin-home-body #studentTable .student-name,
.admin-home-body #studentTable td,
.admin-home-body #studentTable th {
  vertical-align: middle !important;
  line-height: 1.02 !important;
}


/* v55 ana sayfa çok daha dar üst alan ve sembollü istatistik kutuları */
.admin-home-body .admin-shell {
  padding-top: 8px !important;
}

.admin-home-body .hero-card {
  min-height: 74px !important;
  padding: 8px 24px !important;
  margin-bottom: 8px !important;
  border-radius: 17px !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
}

.admin-home-body .hero-label {
  font-size: 10px !important;
  margin: 0 0 2px !important;
  line-height: 1 !important;
}

.admin-home-body .hero-card h1 {
  font-size: 30px !important;
  line-height: .92 !important;
  margin: 0 0 3px !important;
  letter-spacing: -.03em !important;
}

.admin-home-body .hero-text {
  font-size: 12px !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

.admin-home-body .hero-actions {
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  align-items: center !important;
}

.admin-home-body .hero-actions .action-button {
  height: 40px !important;
  min-width: 136px !important;
  padding: 0 14px !important;
  border-radius: 15px !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.admin-home-body .stats-grid {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  gap: 8px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.admin-home-body .stat-card {
  min-height: 56px !important;
  padding: 7px 10px !important;
  border-radius: 14px !important;
}

.admin-home-body .stat-symbol-card {
  display: grid !important;
  grid-template-columns: 30px 1fr !important;
  align-items: center !important;
  gap: 7px !important;
}

.admin-home-body .stat-mini-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(180deg, #effafa, #ffffff) !important;
  border: 1px solid rgba(7,135,125,.18) !important;
  font-size: 16px !important;
  box-shadow: 0 6px 12px rgba(7,135,125,.07) !important;
}

.admin-home-body .stat-card span {
  display: block !important;
  font-size: 10.5px !important;
  line-height: 1.05 !important;
  margin: 0 0 3px !important;
  white-space: nowrap !important;
}

.admin-home-body .stat-card strong {
  display: block !important;
  font-size: 22px !important;
  line-height: .92 !important;
  margin: 0 !important;
}

.admin-home-body .stat-card em {
  display: block !important;
  font-size: 10px !important;
  line-height: 1 !important;
  margin-top: 2px !important;
}

.admin-home-body .list-card {
  margin-top: 6px !important;
  border-radius: 16px !important;
}

.admin-home-body .list-top {
  padding: 10px 16px 8px !important;
  align-items: center !important;
}

.admin-home-body .list-top h2 {
  font-size: 25px !important;
  line-height: .95 !important;
  margin: 0 0 3px !important;
}

.admin-home-body .list-top p {
  font-size: 12px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.admin-home-body .filters {
  gap: 8px !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select {
  height: 36px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
}

.admin-home-body .table-wrap table th {
  height: 28px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.admin-home-body #studentTable td {
  height: 26px !important;
  min-height: 26px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.admin-home-body #studentTable tr {
  height: 26px !important;
}

/* Ekran daralırsa kutular taşmasın */
@media (max-width: 1180px) {
  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
}



/* Moderatör - Site Paneli Kullanıcı Ekle boş kartı */
.management-empty-card {
  min-height: 180px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(240,255,253,.92));
  padding: 26px;
  margin-bottom: 18px;
  box-shadow: var(--shadow);
}

.management-empty-card h2 {
  margin: 0;
  color: var(--green);
  font-size: 24px;
}

.management-empty-card-body {
  min-height: 110px;
}

/* v56 Moderatör sayfası */
.management-placeholder-card {
  min-height: 360px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(240,255,253,.92));
  display: grid;
  place-items: center;
  text-align: center;
  padding: 34px;
  box-shadow: var(--shadow);
}

.management-placeholder-icon {
  width: 82px;
  height: 82px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  margin: 0 auto 14px;
  border: 1px solid rgba(7,135,125,.18);
  background: #f0fffd;
  font-size: 38px;
}

.management-placeholder-card h2 {
  margin: 0 0 8px;
  color: var(--green);
  font-size: 28px;
}

.management-placeholder-card p {
  margin: 0;
  color: #5f6f7f;
  font-size: 14px;
}


/* v57 ana sayfa üst alan daha dar ve veri rengine göre canlı kutular */
.admin-home-body .admin-shell {
  padding-top: 4px !important;
}

.admin-home-body .hero-card {
  min-height: 56px !important;
  padding: 5px 20px !important;
  margin-bottom: 5px !important;
  border-radius: 14px !important;
}

.admin-home-body .hero-label {
  font-size: 9px !important;
  margin-bottom: 1px !important;
}

.admin-home-body .hero-card h1 {
  font-size: 25px !important;
  line-height: .88 !important;
  margin-bottom: 2px !important;
}

.admin-home-body .hero-text {
  font-size: 11px !important;
  line-height: 1 !important;
}

.admin-home-body .hero-actions .action-button {
  height: 34px !important;
  min-width: 122px !important;
  padding: 0 12px !important;
  border-radius: 13px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.admin-home-body .stats-grid {
  gap: 6px !important;
  margin-bottom: 5px !important;
}

.admin-home-body .stat-card {
  min-height: 46px !important;
  padding: 5px 8px !important;
  border-radius: 12px !important;
  border-width: 1px !important;
}

.admin-home-body .stat-symbol-card {
  grid-template-columns: 26px 1fr !important;
  gap: 6px !important;
}

.admin-home-body .stat-mini-icon {
  width: 26px !important;
  height: 26px !important;
  border-radius: 9px !important;
  font-size: 14px !important;
}

.admin-home-body .stat-card span {
  font-size: 10px !important;
  line-height: 1 !important;
  margin-bottom: 2px !important;
  font-weight: 950 !important;
  color: #13344a !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

.admin-home-body .stat-card strong {
  font-size: 21px !important;
  line-height: .88 !important;
  font-weight: 950 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.85);
}

.admin-home-body .stat-card em {
  font-size: 9.5px !important;
  font-weight: 950 !important;
}

/* Değere göre kutu ve yazı renkleri */
.admin-home-body .stat-card.stat-excellent {
  background: linear-gradient(180deg, #ecfff5, #ffffff) !important;
  border-color: rgba(19, 167, 92, .34) !important;
}

.admin-home-body .stat-card.stat-excellent strong,
.admin-home-body .stat-card.stat-excellent .stat-mini-icon {
  color: #0e9b54 !important;
}

.admin-home-body .stat-card.stat-good {
  background: linear-gradient(180deg, #effafa, #ffffff) !important;
  border-color: rgba(7, 135, 125, .34) !important;
}

.admin-home-body .stat-card.stat-good strong,
.admin-home-body .stat-card.stat-good .stat-mini-icon {
  color: #07877d !important;
}

.admin-home-body .stat-card.stat-weak {
  background: linear-gradient(180deg, #fff3f3, #ffffff) !important;
  border-color: rgba(211, 34, 42, .34) !important;
}

.admin-home-body .stat-card.stat-weak strong,
.admin-home-body .stat-card.stat-weak .stat-mini-icon {
  color: #d3222a !important;
}

.admin-home-body .stat-card.stat-empty {
  background: linear-gradient(180deg, #f6f9fb, #ffffff) !important;
  border-color: rgba(148, 163, 184, .34) !important;
}

.admin-home-body .stat-card.stat-empty strong,
.admin-home-body .stat-card.stat-empty .stat-mini-icon {
  color: #64748b !important;
}

.admin-home-body .stat-card.stat-risk-high {
  background: linear-gradient(180deg, #fff0f0, #ffffff) !important;
  border-color: rgba(211, 34, 42, .42) !important;
}

.admin-home-body .stat-card.stat-risk-high strong,
.admin-home-body .stat-card.stat-risk-high em,
.admin-home-body .stat-card.stat-risk-high .stat-mini-icon {
  color: #d3222a !important;
}

.admin-home-body .stat-card.stat-risk-mid {
  background: linear-gradient(180deg, #fff7e6, #ffffff) !important;
  border-color: rgba(210, 134, 0, .40) !important;
}

.admin-home-body .stat-card.stat-risk-mid strong,
.admin-home-body .stat-card.stat-risk-mid em,
.admin-home-body .stat-card.stat-risk-mid .stat-mini-icon {
  color: #c47a00 !important;
}

.admin-home-body .stat-card.stat-risk-low {
  background: linear-gradient(180deg, #effaf2, #ffffff) !important;
  border-color: rgba(38, 154, 91, .35) !important;
}

.admin-home-body .stat-card.stat-risk-low strong,
.admin-home-body .stat-card.stat-risk-low em,
.admin-home-body .stat-card.stat-risk-low .stat-mini-icon {
  color: #17884b !important;
}

.admin-home-body .list-card {
  margin-top: 4px !important;
}

.admin-home-body .list-top {
  padding: 8px 14px 6px !important;
}

.admin-home-body .list-top h2 {
  font-size: 23px !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select {
  height: 32px !important;
  font-size: 11.5px !important;
}


/* v58 tüm sayfalardaki ileri/geri ok işaretleri kaldırıldı */
.page-nav,
.page-nav.left,
.page-nav.right,
#backNavBtn,
#forwardNavBtn {
  display: none !important;
}


/* v59 Talebe kayıt tarihi ve kayıtlı gün sayacı */
.registration-date-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: end;
}

.registration-date-row label {
  margin-top: 12px;
}

.registration-date-row input[readonly] {
  background: linear-gradient(180deg, #f0fffd, #ffffff);
  border-color: rgba(7, 135, 125, .24);
  color: #07877d;
  font-weight: 900;
  text-align: center;
}

@media (max-width: 720px) {
  .registration-date-row {
    grid-template-columns: 1fr;
    gap: 0;
  }
}


/* v60 Talebe Bilgisi isim listesi ve tıklanabilir kayıt formu */
.student-info-list-panel {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .96);
  box-shadow: var(--shadow);
  padding: 14px;
}

.student-info-list-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 4px 4px 12px;
}

.student-info-list-head h2 {
  margin: 0 0 4px;
  color: var(--green);
  font-size: 26px;
  line-height: 1;
}

.student-info-list-head p {
  margin: 0;
  color: #4f5d78;
  font-size: 13px;
  font-weight: 750;
}

.student-new-button {
  height: 38px !important;
  min-width: 150px;
  font-weight: 900 !important;
}

.student-info-table-wrap {
  overflow: auto;
  border: 1px solid rgba(7,135,125,.18);
  border-radius: 14px;
}

.student-info-list-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
}

.student-info-list-table th {
  height: 34px;
  background: #f0fffd;
  color: #05776f;
  font-size: 13px;
  font-weight: 950;
  text-align: left;
  padding: 6px 10px;
  border-bottom: 1px solid rgba(7,135,125,.18);
}

.student-info-list-table td {
  height: 34px;
  padding: 5px 10px;
  border-bottom: 1px solid rgba(7,135,125,.12);
  font-size: 13px;
  font-weight: 750;
  color: #1f2a44;
}

.student-info-click-row {
  cursor: pointer;
  background: rgba(250, 255, 254, .92);
  transition: background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.student-info-click-row:nth-child(even) {
  background: rgba(239, 250, 249, .90);
}

.student-info-click-row:hover,
.student-info-click-row:focus {
  background: linear-gradient(90deg, rgba(225,255,250,.98), rgba(255,255,255,.98));
  box-shadow: inset 4px 0 0 rgba(7,135,125,.42);
  transform: translateY(-1px);
  outline: none;
}

.student-info-name-button {
  border: 0;
  background: transparent;
  color: #07877d;
  font-size: 13px;
  font-weight: 950;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
}

.registration-day-pill {
  display: inline-grid;
  place-items: center;
  min-width: 74px;
  min-height: 24px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #effafa;
  color: #07877d;
  border: 1px solid rgba(7,135,125,.18);
  font-weight: 950;
}

.student-info-empty {
  min-height: 240px;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 28px;
  color: #64748b;
}

.student-info-empty div {
  font-size: 46px;
  margin-bottom: 10px;
}

.student-info-empty h3 {
  color: var(--green);
  font-size: 24px;
  margin: 0 0 6px;
}

.student-info-empty p {
  margin: 0;
  font-size: 13px;
  font-weight: 750;
}

@media (max-width: 820px) {
  .student-info-list-head {
    flex-direction: column;
    align-items: stretch;
  }

  .student-new-button {
    width: 100%;
  }
}


/* v61 Ana sayfa Talebe Ekle: form açılır, yan menüde Talebe Bilgisi görünmez */
.student-add-mode .status-tabs,
.student-add-mode .compact-tabs {
  display: none !important;
}

.student-add-mode #studentInfoForm {
  margin-top: 0 !important;
}

.student-add-mode .form-title h2::before {
  content: "➕ ";
}


/* v62 Talebe Bilgisi sayfası liste görünümü sabitlendi */
.student-info-list-panel {
  margin-top: 4px !important;
}

.student-info-list-table th:nth-child(2),
.student-info-list-table td:nth-child(2) {
  min-width: 210px;
}

.student-info-name-button::after {
  content: "  ↗";
  font-size: 11px;
  opacity: .72;
}

.student-info-click-row:hover .student-info-name-button {
  color: #035f58;
  text-shadow: 0 1px 0 rgba(255,255,255,.9);
}

.student-info-list-table th {
  white-space: nowrap;
}

.student-info-list-table td {
  white-space: nowrap;
}


/* v63 Talebe Bilgisi listesine Veli Adı sütunu */
.student-info-list-table {
  min-width: 900px !important;
}

.student-info-list-table th:nth-child(4),
.student-info-list-table td:nth-child(4) {
  min-width: 150px;
  color: #334155;
  font-weight: 850;
}

.student-info-list-table th:nth-child(5),
.student-info-list-table td:nth-child(5) {
  min-width: 130px;
}


/* v64 risk analizi düzeltmesi ve belirgin metinler */
.admin-home-body .stat-card span {
  font-size: 11.2px !important;
  font-weight: 950 !important;
  letter-spacing: -.01em !important;
}

.admin-home-body .stat-card strong {
  font-size: 24px !important;
  font-weight: 950 !important;
}

.admin-home-body .stat-card em {
  font-size: 10.5px !important;
  font-weight: 950 !important;
}

.admin-home-body .stat-mini-icon {
  font-size: 16px !important;
  font-weight: 950 !important;
}

.admin-home-body #studentTable th {
  font-size: 13px !important;
  font-weight: 950 !important;
  color: #05776f !important;
}

.admin-home-body #studentTable td {
  font-size: 12.8px !important;
  font-weight: 760 !important;
}

.admin-home-body #studentTable .student-name {
  font-size: 13px !important;
  font-weight: 950 !important;
}

.admin-home-body .pill {
  font-size: 12.2px !important;
  font-weight: 950 !important;
  min-height: 24px !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
}

.admin-home-body .pill.neutral {
  background: #f1f5f9 !important;
  color: #64748b !important;
  border: 1px solid rgba(100,116,139,.20) !important;
}

.admin-home-body .pill.good,
.admin-home-body .risk-pill.good {
  background: linear-gradient(180deg, #eafff3, #f8fffb) !important;
  color: #138a4d !important;
  border: 1px solid rgba(19,138,77,.22) !important;
}

.admin-home-body .pill.mid,
.admin-home-body .risk-pill.mid {
  background: linear-gradient(180deg, #fff7e6, #fffefd) !important;
  color: #c47a00 !important;
  border: 1px solid rgba(196,122,0,.25) !important;
}

.admin-home-body .pill.bad,
.admin-home-body .risk-pill.bad {
  background: linear-gradient(180deg, #fff0f0, #fffafa) !important;
  color: #d3222a !important;
  border: 1px solid rgba(211,34,42,.25) !important;
}

/* Risk mantığı: düşük risk yeşil, yüksek risk kırmızı */
.admin-home-body .stat-card.stat-risk-low {
  background: linear-gradient(180deg, #ecfff5, #ffffff) !important;
  border-color: rgba(19, 167, 92, .40) !important;
}

.admin-home-body .stat-card.stat-risk-mid {
  background: linear-gradient(180deg, #fff7e6, #ffffff) !important;
  border-color: rgba(210, 134, 0, .42) !important;
}

.admin-home-body .stat-card.stat-risk-high {
  background: linear-gradient(180deg, #fff0f0, #ffffff) !important;
  border-color: rgba(211, 34, 42, .44) !important;
}

.admin-home-body .stat-card.stat-risk-low strong,
.admin-home-body .stat-card.stat-risk-low span,
.admin-home-body .stat-card.stat-risk-low .stat-mini-icon {
  color: #138a4d !important;
}

.admin-home-body .stat-card.stat-risk-mid strong,
.admin-home-body .stat-card.stat-risk-mid span,
.admin-home-body .stat-card.stat-risk-mid .stat-mini-icon {
  color: #c47a00 !important;
}

.admin-home-body .stat-card.stat-risk-high strong,
.admin-home-body .stat-card.stat-risk-high span,
.admin-home-body .stat-card.stat-risk-high .stat-mini-icon {
  color: #d3222a !important;
}


/* v65 Talebe Bilgi Formu yeni karşılıklı kutucuk dizaynı */
.student-info-form-layout {
  max-width: 1050px !important;
}

.student-info-form-layout .form-column {
  display: grid;
  gap: 9px;
}

.paired-field-row {
  display: grid;
  grid-template-columns: 230px 1fr;
  gap: 10px;
  align-items: center;
}

.top-date-row {
  grid-template-columns: 1fr 1fr;
  align-items: end;
}

.paired-field {
  display: grid;
  gap: 5px;
}

.field-label-box,
.paired-field label,
.private-note-row label {
  min-height: 40px;
  border: 1px solid rgba(7, 135, 125, .22);
  border-radius: 12px;
  background: linear-gradient(180deg, #effafa, #ffffff);
  color: #05776f;
  display: grid;
  align-items: center;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.05;
}

.paired-field label {
  min-height: 34px;
}

.student-info-form-layout input,
.student-info-form-layout select,
.student-info-form-layout textarea {
  height: 42px !important;
  border: 1px solid #dce9ee !important;
  border-radius: 12px !important;
  background: #fbfefe !important;
  color: #16233b !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  padding: 0 12px !important;
}

.student-info-form-layout textarea {
  min-height: 62px !important;
  padding: 10px 12px !important;
}

.student-info-form-layout input:focus,
.student-info-form-layout select:focus,
.student-info-form-layout textarea:focus {
  border-color: #07877d !important;
  box-shadow: 0 0 0 4px rgba(7, 135, 125, .12) !important;
  background: #fffdf4 !important;
}

.two-pair-row {
  grid-template-columns: 170px 1fr 150px 1fr;
}

.health-row {
  grid-template-columns: 230px 220px 1fr;
}

.health-row .conditional-field {
  margin-top: 0 !important;
  padding: 8px 10px !important;
}

.health-row .conditional-field label {
  min-height: 28px;
  margin: 0 0 5px;
  font-size: 11.5px;
}

.private-note-row {
  display: grid;
  grid-template-columns: 230px 1fr;
  gap: 10px;
  align-items: start;
}

.private-note-row textarea {
  min-height: 76px !important;
}

.registration-date-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: end;
}

.registration-date-row input[readonly],
#registeredDays {
  background: linear-gradient(180deg, #f0fffd, #ffffff) !important;
  border-color: rgba(7, 135, 125, .24) !important;
  color: #07877d !important;
  font-weight: 950 !important;
  text-align: center;
}

@media (max-width: 980px) {
  .paired-field-row,
  .top-date-row,
  .two-pair-row,
  .health-row,
  .private-note-row {
    grid-template-columns: 1fr !important;
  }
}


/* v66 ana sayfa buton, istatistik, talebe listesi ve kompakt form düzeni */
.admin-home-body .hero-actions {
  transform: translate(18px, -4px) !important;
  gap: 8px !important;
  min-width: 260px !important;
  justify-content: flex-end !important;
}

.admin-home-body .hero-actions .action-button {
  height: 30px !important;
  min-width: 104px !important;
  padding: 0 10px !important;
  border-radius: 11px !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
  box-shadow: 0 7px 14px rgba(7, 135, 125, .09) !important;
}

.admin-home-body .hero-actions .action-button.add {
  background: linear-gradient(180deg, #edfdf9, #ffffff) !important;
}

.admin-home-body .hero-actions .action-button.delete {
  background: linear-gradient(180deg, #fff0f0, #ffffff) !important;
}

.admin-home-body .stat-card span {
  font-size: 12.4px !important;
  font-weight: 950 !important;
  line-height: 1.06 !important;
}

.admin-home-body .stat-card strong {
  font-size: 27px !important;
  font-weight: 950 !important;
  line-height: .9 !important;
}

.admin-home-body .stat-mini-icon {
  font-size: 17px !important;
}

/* Ana sayfa talebe isimleri: alt çizgi yok, farklı renk yok, siyah */
.admin-home-body #studentTable .student-name,
.admin-home-body #studentTable td .student-name,
.student-info-list-table .student-info-name-button {
  color: #111827 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.student-info-name-button::after {
  content: "" !important;
}

.admin-home-body #studentTable .student-name:hover,
.student-info-list-table .student-info-name-button:hover {
  color: #111827 !important;
  text-decoration: none !important;
}

/* Talebe kayıt formu: dar, minimal ve daha yukarı yerleşim */
.student-info-form-layout {
  max-width: 860px !important;
  margin-top: 0 !important;
}

.student-info-form-layout .form-column {
  gap: 6px !important;
}

.paired-field-row {
  grid-template-columns: 180px minmax(260px, 1fr) !important;
  gap: 7px !important;
}

.top-date-row {
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

.two-pair-row {
  grid-template-columns: 150px minmax(170px, 1fr) 130px minmax(170px, 1fr) !important;
  gap: 7px !important;
}

.health-row {
  grid-template-columns: 180px 180px minmax(180px, 1fr) !important;
}

.private-note-row {
  grid-template-columns: 180px minmax(260px, 1fr) !important;
  gap: 7px !important;
}

.field-label-box,
.paired-field label,
.private-note-row label {
  min-height: 32px !important;
  border-radius: 9px !important;
  padding: 0 9px !important;
  font-size: 11.7px !important;
  font-weight: 950 !important;
}

.required-star {
  float: left;
  margin-right: 4px;
  color: #d3222a !important;
  font-weight: 950 !important;
}

.student-info-form-layout input,
.student-info-form-layout select,
.student-info-form-layout textarea {
  height: 32px !important;
  border-radius: 9px !important;
  font-size: 12.5px !important;
  padding: 0 9px !important;
}

.student-info-form-layout textarea {
  min-height: 48px !important;
  padding: 8px 9px !important;
}

.phone-input-wrap {
  display: grid;
  gap: 2px;
}

.phone-input-wrap small {
  color: #8a98a8;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.05;
  padding-left: 3px;
}

.health-row .conditional-field {
  padding: 5px 7px !important;
  border-radius: 9px !important;
}

.health-row .conditional-field label {
  min-height: 22px !important;
  font-size: 10.5px !important;
}

.form-title.form-title-with-actions {
  margin-bottom: 8px !important;
}

.form-title h2 {
  font-size: 22px !important;
  line-height: .95 !important;
}

.form-title p {
  font-size: 12px !important;
  line-height: 1.05 !important;
}

.form-actions {
  padding-top: 6px !important;
}

.clear-button,
.save-button {
  height: 38px !important;
  min-width: 106px !important;
  font-size: 12px !important;
}

@media (max-width: 980px) {
  .paired-field-row,
  .top-date-row,
  .two-pair-row,
  .health-row,
  .private-note-row {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-actions {
    transform: none !important;
  }
}


/* v67 admin ana sayfa görsel iyileştirmeleri */
.admin-home-body .admin-shell {
  padding-top: 26px !important;
}

.admin-home-body .hero-card {
  margin-top: 4px !important;
  padding: 28px 34px 22px !important;
  align-items: flex-start !important;
}

.admin-home-body .hero-label {
  margin-bottom: 8px !important;
}

.admin-home-body .hero-card h1 {
  margin-top: 0 !important;
  line-height: .92 !important;
}

.admin-home-body .hero-text {
  margin-top: 8px !important;
}

.admin-home-body .hero-actions {
  right: 154px !important;
  top: 52% !important;
  width: 342px !important;
  min-width: 342px !important;
  gap: 12px !important;
}

.admin-home-body .hero-actions .action-button {
  height: 50px !important;
  border-radius: 18px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow:
    0 10px 22px rgba(16, 24, 40, .10),
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -10px 16px rgba(0,0,0,.045) !important;
}

.admin-home-body .hero-actions .action-button.add {
  color: #ffffff !important;
  border: 1px solid rgba(6, 145, 95, .55) !important;
  background: linear-gradient(180deg, #56e3b4 0%, #16b082 52%, #0b8b71 100%) !important;
}

.admin-home-body .hero-actions .action-button.add::after {
  content: "👨‍🎓" !important;
  font-size: 20px !important;
}

.admin-home-body .hero-actions .action-button.delete {
  color: #ffffff !important;
  border: 1px solid rgba(225, 91, 91, .58) !important;
  background: linear-gradient(180deg, #ff9d9d 0%, #ff6d76 55%, #ea4a57 100%) !important;
  box-shadow:
    0 10px 22px rgba(234, 74, 87, .18),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -10px 16px rgba(0,0,0,.05) !important;
}

.admin-home-body .hero-actions .action-button.delete::after {
  content: "➖" !important;
  font-size: 20px !important;
}

.admin-home-body .hero-actions .action-button.add:hover {
  filter: brightness(1.06) saturate(1.08) !important;
}

.admin-home-body .hero-actions .action-button.delete:hover {
  filter: brightness(1.05) saturate(1.08) !important;
}

.admin-home-body .stats-grid {
  margin-top: 2px !important;
}

.admin-home-body .stat-card {
  min-height: 116px !important;
  padding: 18px 16px !important;
}

.admin-home-body .stat-card span,
.admin-home-body .stat-card .card-title,
.admin-home-body .stat-card h3 {
  font-size: 14px !important;
  font-weight: 950 !important;
  color: #116b66 !important;
  line-height: 1.12 !important;
}

.admin-home-body .stat-card strong {
  font-size: 31px !important;
  font-weight: 950 !important;
}

.admin-home-body .warning-stat em {
  font-size: 14px !important;
  font-weight: 950 !important;
}

.admin-home-body .stat-card.warning-stat.stat-risk-low span,
.admin-home-body .stat-card.warning-stat.stat-risk-low strong,
.admin-home-body .stat-card.warning-stat.stat-risk-low em {
  color: #17834f !important;
}

.admin-home-body .stat-card.warning-stat.stat-risk-mid span,
.admin-home-body .stat-card.warning-stat.stat-risk-mid strong,
.admin-home-body .stat-card.warning-stat.stat-risk-mid em {
  color: #c47700 !important;
}

.admin-home-body .stat-card.warning-stat.stat-risk-high span,
.admin-home-body .stat-card.warning-stat.stat-risk-high strong,
.admin-home-body .stat-card.warning-stat.stat-risk-high em {
  color: #d13a42 !important;
}

.admin-home-body .list-card thead th,
.admin-home-body .table-wrap thead th,
.admin-home-body table thead th {
  color: #0f6f69 !important;
  font-size: 13.6px !important;
  font-weight: 950 !important;
  background: #f6fffd !important;
  letter-spacing: .01em !important;
}

.admin-home-body .list-card tbody td {
  color: #16212f !important;
  font-size: 13px !important;
  font-weight: 780 !important;
}

.admin-home-body #studentTable .student-name,
.admin-home-body #studentTable td .student-name,
.admin-home-body .student-info-name-button {
  color: #111111 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}


/* v68 ana başlık vurgusu ve buton hizalama */
.admin-home-body .hero-card {
  min-height: 92px !important;
  padding: 22px 34px 20px !important;
  align-items: center !important;
}

.admin-home-body .hero-label {
  font-size: 13px !important;
  font-weight: 950 !important;
  margin: 0 0 7px !important;
  letter-spacing: .02em !important;
  color: #05776f !important;
}

.admin-home-body .hero-card h1 {
  font-size: clamp(42px, 4.7vw, 62px) !important;
  font-weight: 950 !important;
  line-height: .9 !important;
  letter-spacing: -2.2px !important;
  color: #008a80 !important;
  text-shadow:
    0 2px 0 rgba(255,255,255,.9),
    0 12px 26px rgba(7,135,125,.12) !important;
}

.admin-home-body .hero-text {
  display: none !important;
}

.admin-home-body .hero-actions {
  top: 44% !important;
  right: 142px !important;
  transform: translateY(-50%) !important;
  align-items: center !important;
}

.admin-home-body .hero-actions .action-button {
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}


/* v69 Kitap Okuma sayfası */
.book-card {
  background: #fff;
  border: 1px solid rgba(0, 135, 125, .16);
  border-radius: 26px;
  padding: 18px 20px 20px;
  box-shadow: 0 8px 22px rgba(6, 123, 113, .05);
}
.book-title-bar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin: 6px 2px 16px;
}
.book-title-bar h2 {
  margin: 0 0 6px;
  font-size: 27px;
  font-weight: 900;
  color: #087f77;
}
.book-title-bar p {
  margin: 0;
  font-size: 13px;
  color: #526a78;
}
.book-top-add {
  min-width: 158px;
  height: 48px;
  align-self: center;
}
.book-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(0, 135, 125, .14);
  border-radius: 18px;
}
.book-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 1220px;
  background: #fff;
}
.book-table th,
.book-table td {
  border-bottom: 1px solid rgba(0, 135, 125, .10);
  border-right: 1px solid rgba(0, 135, 125, .08);
  padding: 8px 10px;
  text-align: center;
  vertical-align: middle;
}
.book-table th:last-child,
.book-table td:last-child {
  border-right: 0;
}
.book-table th {
  background: #f8fdfd;
  color: #09766f;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}
.book-table td {
  background: #fff;
}
.book-table th:nth-child(1), .book-table td:nth-child(1) { width: 56px; min-width: 56px; }
.book-table th:nth-child(2), .book-table td:nth-child(2) { width: 120px; min-width: 120px; }
.book-table th:nth-child(3), .book-table td:nth-child(3) { width: 170px; min-width: 170px; }
.book-table th:nth-child(4), .book-table td:nth-child(4) { width: 170px; min-width: 170px; }
.book-table th:nth-child(5), .book-table td:nth-child(5),
.book-table th:nth-child(6), .book-table td:nth-child(6) { width: 132px; min-width: 132px; }
.book-table th:nth-child(7), .book-table td:nth-child(7) { width: 92px; min-width: 92px; }
.book-table th:nth-child(8), .book-table td:nth-child(8) { width: 86px; min-width: 86px; }
.book-table th:nth-child(9), .book-table td:nth-child(9) { width: 280px; min-width: 280px; text-align: left; }
.book-no-cell {
  font-weight: 800;
  color: #224155;
}
.book-action-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.book-table .tiny-add,
.book-table .tiny-delete {
  min-width: 0;
  height: 34px;
  padding: 0 13px;
  border-radius: 11px;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  border: 1px solid transparent;
  transition: .18s ease;
}
.book-table .tiny-add {
  background: rgba(1, 154, 145, .08);
  color: #047e74;
  border-color: rgba(1, 154, 145, .26);
}
.book-table .tiny-add:hover {
  background: rgba(1, 154, 145, .16);
}
.book-table .tiny-delete {
  background: rgba(239, 89, 89, .08);
  color: #de3a3a;
  border-color: rgba(239, 89, 89, .25);
}
.book-table .tiny-delete:hover {
  background: rgba(239, 89, 89, .16);
}
.book-input {
  width: 100%;
  height: 38px;
  border: 1px solid #d8e7e8;
  border-radius: 10px;
  padding: 0 12px;
  font-size: 14px;
  color: #23414a;
  background: #fbfefe;
  outline: none;
}
.book-input:focus {
  border-color: #05958c;
  box-shadow: 0 0 0 3px rgba(5,149,140,.10);
  background: #fff;
}
.book-readonly {
  background: #f2f8f8;
  font-weight: 800;
  text-align: center;
  color: #0a7c73;
}
.book-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 20px;
}
.book-summary-card {
  display: flex;
  align-items: center;
  gap: 16px;
  border: 1px solid rgba(0, 135, 125, .14);
  border-radius: 22px;
  padding: 18px 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,253,253,.98));
}
.book-summary-icon {
  width: 78px;
  height: 78px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: rgba(0, 135, 125, .08);
  color: #087f77;
  font-size: 34px;
}
.book-summary-card span {
  display: block;
  font-size: 14px;
  color: #0b7970;
  font-weight: 800;
  margin-bottom: 6px;
}
.book-summary-card strong {
  font-size: 28px;
  line-height: 1;
  color: #087f77;
  font-weight: 900;
}
.book-actions {
  display: flex;
  justify-content: flex-end;
  gap: 14px;
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .book-summary-grid { grid-template-columns: 1fr; }
  .book-title-bar { flex-direction: column; align-items: stretch; }
  .book-top-add { align-self: flex-end; }
}


/* v70 Kitap Okuma kompakt öğrenci seçimi ve toplu görünüm */
.book-page .detail-shell {
  width: min(1180px, calc(100% - 28px)) !important;
}

.book-card {
  padding: 12px 14px 14px !important;
}

.book-card .compact-tabs {
  margin-bottom: 10px !important;
  padding-bottom: 8px !important;
}

.book-title-bar {
  align-items: center !important;
  margin: 2px 2px 10px !important;
}

.book-title-main h2 {
  font-size: 23px !important;
  line-height: 1 !important;
  margin-bottom: 8px !important;
}

.book-filter-row {
  display: grid;
  grid-template-columns: auto minmax(230px, 300px) minmax(300px, 1fr);
  align-items: center;
  gap: 10px;
}

.book-filter-row label {
  color: #16213a;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

#bookStudentSelect {
  height: 36px;
  border: 1px solid #cfe4e5;
  border-radius: 12px;
  padding: 0 12px;
  color: #087f77;
  font-size: 13px;
  font-weight: 900;
  background: #fbfefe;
}

.book-best-reader-card {
  min-height: 46px;
  border: 1px solid rgba(7, 135, 125, .18);
  border-radius: 14px;
  background:
    radial-gradient(circle at 10% 20%, rgba(255, 211, 83, .20), transparent 28%),
    linear-gradient(180deg, #ffffff, #f4fffd);
  padding: 7px 12px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  box-shadow: 0 8px 18px rgba(7, 135, 125, .06);
}

.book-best-reader-card span {
  color: #087f77;
  font-size: 11px;
  font-weight: 950;
}

.book-best-reader-card strong {
  color: #0b766f;
  font-size: 14px;
  font-weight: 950;
  white-space: nowrap;
}

.book-best-reader-card small {
  color: #46616f;
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}

.book-top-add {
  height: 38px !important;
  min-width: 118px !important;
  border-radius: 13px !important;
  font-size: 12px !important;
}

.book-table-wrap {
  border-radius: 14px !important;
}

.book-table {
  min-width: 1120px !important;
}

.book-table th,
.book-table td {
  padding: 5px 6px !important;
}

.book-table th {
  font-size: 11.5px !important;
  font-weight: 900 !important;
}

.book-table td {
  font-size: 12px !important;
}

.book-table th:nth-child(1), .book-table td:nth-child(1) { width: 42px !important; min-width: 42px !important; }
.book-table th:nth-child(2), .book-table td:nth-child(2) { width: 120px !important; min-width: 120px !important; }
.book-table th:nth-child(3), .book-table td:nth-child(3) { width: 135px !important; min-width: 135px !important; }
.book-table th:nth-child(4), .book-table td:nth-child(4) { width: 145px !important; min-width: 145px !important; }
.book-table th:nth-child(5), .book-table td:nth-child(5) { width: 130px !important; min-width: 130px !important; }
.book-table th:nth-child(6), .book-table td:nth-child(6),
.book-table th:nth-child(7), .book-table td:nth-child(7) { width: 116px !important; min-width: 116px !important; }
.book-table th:nth-child(8), .book-table td:nth-child(8) { width: 60px !important; min-width: 60px !important; }
.book-table th:nth-child(9), .book-table td:nth-child(9) { width: 72px !important; min-width: 72px !important; }
.book-table th:nth-child(10), .book-table td:nth-child(10) { width: 210px !important; min-width: 210px !important; }

.book-action-cell {
  gap: 5px !important;
  padding: 4px !important;
}

.book-table .tiny-add,
.book-table .tiny-delete {
  height: 28px !important;
  padding: 0 8px !important;
  border-radius: 9px !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
}

.book-input {
  height: 30px !important;
  border-radius: 9px !important;
  padding: 0 7px !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

.book-input:disabled {
  color: #16213a !important;
  opacity: 1 !important;
  background: #f8fbfb !important;
}

.book-student-cell {
  color: #087f77;
  font-weight: 900;
  text-align: left !important;
}

.book-view-only {
  display: inline-grid;
  place-items: center;
  min-width: 74px;
  min-height: 26px;
  border: 1px solid rgba(7,135,125,.20);
  border-radius: 9px;
  color: #087f77;
  background: #f0fffd;
  font-size: 11.5px;
  font-weight: 900;
}

.book-empty-row {
  height: 70px;
  text-align: center !important;
  color: #64748b;
  font-weight: 900;
}

.book-summary-grid {
  gap: 10px !important;
  margin-top: 10px !important;
}

.book-summary-card {
  min-height: 74px !important;
  padding: 10px 14px !important;
  border-radius: 16px !important;
}

.book-summary-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  font-size: 24px !important;
}

.book-summary-card span {
  font-size: 12px !important;
  margin-bottom: 2px !important;
}

.book-summary-card strong {
  font-size: 24px !important;
}

.book-actions {
  margin-top: 10px !important;
  gap: 10px !important;
}

.book-actions .clear-button,
.book-actions .save-button {
  height: 38px !important;
  min-width: 118px !important;
}

@media (max-width: 1100px) {
  .book-filter-row {
    grid-template-columns: 1fr;
  }

  .book-best-reader-card {
    grid-template-columns: 1fr;
  }

  .book-title-bar {
    align-items: stretch !important;
  }
}


/* v71 ana sayfa butonları, keyfiyet ve yeni üst sekme ikonları */
.status-tabs .extra-tab {
  font-size: 11px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  min-width: 122px !important;
}

.form-hero-actions .form-home-button {
  border-color: rgba(7, 135, 125, .22) !important;
  color: #07877d !important;
  background: linear-gradient(180deg, #ffffff, #f0fffd) !important;
}

.loss-hero,
.detail-hero {
  position: relative;
}

.loss-home-actions,
.page-home-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.page-home-button {
  min-width: 132px !important;
  font-weight: 900 !important;
}


/* v72 Kitap Okuma: tek ekrana sığan ultra kompakt görünüm */
.book-page {
  overflow-x: hidden !important;
}

.book-page .detail-shell {
  width: calc(100vw - 282px) !important;
  max-width: none !important;
  margin-left: 246px !important;
  margin-right: 12px !important;
  padding-top: 8px !important;
}

.book-page .detail-hero.small-hero {
  min-height: 68px !important;
  padding: 9px 18px !important;
  border-radius: 16px !important;
  margin-bottom: 8px !important;
}

.book-page .detail-hero .hero-label {
  font-size: 10px !important;
  margin-bottom: 2px !important;
}

.book-page .detail-hero h1 {
  font-size: 22px !important;
  line-height: .95 !important;
  margin: 0 !important;
}

.book-page .detail-hero p {
  font-size: 11px !important;
  line-height: 1 !important;
  margin-top: 2px !important;
}

.book-page .page-home-button {
  min-width: 108px !important;
  height: 34px !important;
  font-size: 11px !important;
  border-radius: 12px !important;
}

.book-page .book-card {
  padding: 8px 9px 10px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

.book-page .compact-tabs {
  gap: 6px !important;
  margin-bottom: 7px !important;
  padding-bottom: 6px !important;
  overflow: hidden !important;
  flex-wrap: nowrap !important;
}

.book-page .compact-tabs .tab {
  min-width: 70px !important;
  height: 27px !important;
  padding: 0 7px !important;
  font-size: 10px !important;
  border-radius: 10px !important;
  white-space: nowrap !important;
}

.book-page .compact-tabs .extra-tab {
  min-width: 96px !important;
  max-width: 112px !important;
  padding: 0 5px !important;
  font-size: 9.2px !important;
}

.book-page .book-title-bar {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 8px !important;
  align-items: center !important;
  margin: 0 0 7px !important;
}

.book-page .book-title-main h2 {
  font-size: 19px !important;
  line-height: .95 !important;
  margin: 0 0 5px !important;
}

.book-page .book-filter-row {
  grid-template-columns: auto minmax(180px, 240px) minmax(250px, 1fr) !important;
  gap: 7px !important;
}

.book-page .book-filter-row label {
  font-size: 10.5px !important;
  font-weight: 900 !important;
}

.book-page #bookStudentSelect {
  height: 30px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  padding: 0 8px !important;
}

.book-page .book-best-reader-card {
  min-height: 32px !important;
  padding: 4px 8px !important;
  border-radius: 10px !important;
  grid-template-columns: auto minmax(90px, 1fr) auto !important;
  gap: 5px !important;
}

.book-page .book-best-reader-card span {
  font-size: 9.4px !important;
}

.book-page .book-best-reader-card strong {
  font-size: 11px !important;
}

.book-page .book-best-reader-card small {
  font-size: 9.4px !important;
}

.book-page .book-top-add {
  height: 31px !important;
  min-width: 96px !important;
  padding: 0 9px !important;
  border-radius: 10px !important;
  font-size: 10.5px !important;
}

.book-page .book-table-wrap {
  width: 100% !important;
  overflow-x: hidden !important;
  border-radius: 12px !important;
}

.book-page .book-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

.book-page .book-table th,
.book-page .book-table td {
  padding: 3px 3px !important;
  font-size: 9.8px !important;
  line-height: 1.05 !important;
  vertical-align: middle !important;
}

.book-page .book-table th {
  height: 26px !important;
  font-size: 9.5px !important;
  font-weight: 950 !important;
  white-space: normal !important;
}

.book-page .book-table th:nth-child(1),
.book-page .book-table td:nth-child(1) {
  width: 3.5% !important;
  min-width: 0 !important;
}

.book-page .book-table th:nth-child(2),
.book-page .book-table td:nth-child(2) {
  width: 8.8% !important;
  min-width: 0 !important;
}

.book-page .book-table th:nth-child(3),
.book-page .book-table td:nth-child(3) {
  width: 11% !important;
  min-width: 0 !important;
}

.book-page .book-table th:nth-child(4),
.book-page .book-table td:nth-child(4) {
  width: 12.5% !important;
  min-width: 0 !important;
}

.book-page .book-table th:nth-child(5),
.book-page .book-table td:nth-child(5) {
  width: 11.5% !important;
  min-width: 0 !important;
}

.book-page .book-table th:nth-child(6),
.book-page .book-table td:nth-child(6),
.book-page .book-table th:nth-child(7),
.book-page .book-table td:nth-child(7) {
  width: 9.5% !important;
  min-width: 0 !important;
}

.book-page .book-table th:nth-child(8),
.book-page .book-table td:nth-child(8) {
  width: 4.8% !important;
  min-width: 0 !important;
}

.book-page .book-table th:nth-child(9),
.book-page .book-table td:nth-child(9) {
  width: 5.5% !important;
  min-width: 0 !important;
}

.book-page .book-table th:nth-child(10),
.book-page .book-table td:nth-child(10) {
  width: 23.4% !important;
  min-width: 0 !important;
}

.book-page .book-action-cell {
  gap: 3px !important;
  padding: 2px !important;
}

.book-page .book-table .tiny-add,
.book-page .book-table .tiny-delete {
  height: 23px !important;
  min-width: 0 !important;
  padding: 0 5px !important;
  border-radius: 7px !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
}

.book-page .book-input {
  height: 25px !important;
  min-width: 0 !important;
  border-radius: 7px !important;
  padding: 0 4px !important;
  font-size: 10px !important;
  font-weight: 750 !important;
}

.book-page input[type="date"].book-input {
  font-size: 9px !important;
  padding: 0 2px !important;
}

.book-page .book-view-only {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 22px !important;
  border-radius: 7px !important;
  font-size: 9px !important;
}

.book-page .book-summary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

.book-page .book-summary-card {
  min-height: 54px !important;
  padding: 7px 9px !important;
  border-radius: 13px !important;
  gap: 8px !important;
}

.book-page .book-summary-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  font-size: 18px !important;
}

.book-page .book-summary-card span {
  font-size: 10.2px !important;
  margin-bottom: 0 !important;
}

.book-page .book-summary-card strong {
  font-size: 19px !important;
}

.book-page .book-actions {
  margin-top: 8px !important;
  gap: 8px !important;
}

.book-page .book-actions .clear-button,
.book-page .book-actions .save-button {
  height: 32px !important;
  min-width: 96px !important;
  font-size: 10.5px !important;
  border-radius: 10px !important;
}

@media (max-width: 1180px) {
  .book-page .detail-shell {
    width: calc(100vw - 258px) !important;
    margin-left: 240px !important;
  }

  .book-page .book-filter-row {
    grid-template-columns: minmax(150px, 220px) minmax(220px, 1fr) !important;
  }

  .book-page .book-filter-row label {
    display: none !important;
  }
}


/* v73 Kitap Okuma işlem butonları ve talebe adı sadeleştirme */
.book-page .book-table th:nth-child(2),
.book-page .book-table td:nth-child(2) {
  width: 7.8% !important;
  min-width: 0 !important;
}

.book-page .book-table th:nth-child(3),
.book-page .book-table td:nth-child(3) {
  width: 10.2% !important;
}

.book-page .book-table th:nth-child(4),
.book-page .book-table td:nth-child(4) {
  width: 12.2% !important;
}

.book-page .book-table th:nth-child(5),
.book-page .book-table td:nth-child(5) {
  width: 11.2% !important;
}

.book-page .book-table th:nth-child(10),
.book-page .book-table td:nth-child(10) {
  width: 24.7% !important;
}

.book-page .book-action-cell {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: center !important;
  justify-items: stretch !important;
  gap: 2px !important;
  padding: 3px 4px !important;
  min-width: 0 !important;
}

.book-page .book-table .tiny-add,
.book-page .book-table .tiny-delete {
  width: 100% !important;
  height: 21px !important;
  min-width: 0 !important;
  padding: 0 3px !important;
  border-radius: 7px !important;
  font-size: 9.2px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.book-page .book-student-cell {
  color: #111827 !important;
  font-weight: 850 !important;
  font-size: 9.8px !important;
}


/* v74 Kitap Okuma işlem butonları yan yana sığdırma */
.book-page .book-table th:nth-child(2),
.book-page .book-table td:nth-child(2) {
  width: 9.4% !important;
  min-width: 0 !important;
}

.book-page .book-table th:nth-child(10),
.book-page .book-table td:nth-child(10) {
  width: 23.1% !important;
  min-width: 0 !important;
}

.book-page .book-action-cell {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  padding: 2px 3px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

.book-page .book-table .tiny-add,
.book-page .book-table .tiny-delete {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: 44px !important;
  min-width: 34px !important;
  height: 22px !important;
  padding: 0 3px !important;
  border-radius: 7px !important;
  font-size: 8.8px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.book-page .book-table .tiny-add {
  color: #047e74 !important;
}

.book-page .book-table .tiny-delete {
  color: #de3a3a !important;
}


/* v75 Kitap Okuma işlem alanı: No ile Talebe ismi arasında sabit, taşmasız */
.book-page .book-table {
  table-layout: fixed !important;
}

.book-page .book-table th:nth-child(1),
.book-page .book-table td:nth-child(1) {
  width: 4.2% !important;
  min-width: 0 !important;
  max-width: none !important;
  position: static !important;
  z-index: 1 !important;
}

.book-page .book-table th:nth-child(2),
.book-page .book-table td:nth-child(2) {
  width: 10.4% !important;
  min-width: 0 !important;
  max-width: none !important;
  position: static !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

.book-page .book-table th:nth-child(3),
.book-page .book-table td:nth-child(3) {
  width: 11.2% !important;
  min-width: 0 !important;
  max-width: none !important;
  position: static !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

.book-page .book-table th:nth-child(10),
.book-page .book-table td:nth-child(10) {
  width: 22.0% !important;
  min-width: 0 !important;
}

.book-page .book-no-cell {
  text-align: center !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  color: #1f2a44 !important;
  overflow: hidden !important;
}

.book-page .book-action-cell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: stretch !important;
  gap: 3px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 2px 3px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  position: static !important;
  z-index: 1 !important;
}

.book-page .book-table .tiny-add,
.book-page .book-table .tiny-delete {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 22px !important;
  padding: 0 2px !important;
  border-radius: 7px !important;
  font-size: 8.2px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  position: static !important;
  z-index: 1 !important;
}

.book-page .book-student-cell {
  text-align: left !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  padding-left: 5px !important;
  position: static !important;
  z-index: 1 !important;
}


/* v76 Kitap Okuma: No, Ekle ve Sil ayrı görünür sütunlar */
.book-page .book-table {
  table-layout: fixed !important;
  width: 100% !important;
  min-width: 0 !important;
}

.book-page .book-table th:nth-child(1),
.book-page .book-table td:nth-child(1) {
  width: 3.8% !important;
  min-width: 36px !important;
  max-width: none !important;
}

.book-page .book-table th:nth-child(2),
.book-page .book-table td:nth-child(2),
.book-page .book-table th:nth-child(3),
.book-page .book-table td:nth-child(3) {
  width: 5.8% !important;
  min-width: 54px !important;
  max-width: none !important;
  overflow: visible !important;
}

.book-page .book-table th:nth-child(4),
.book-page .book-table td:nth-child(4) {
  width: 10.6% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.book-page .book-table th:nth-child(5),
.book-page .book-table td:nth-child(5) {
  width: 11.3% !important;
}

.book-page .book-table th:nth-child(6),
.book-page .book-table td:nth-child(6) {
  width: 10.5% !important;
}

.book-page .book-table th:nth-child(7),
.book-page .book-table td:nth-child(7),
.book-page .book-table th:nth-child(8),
.book-page .book-table td:nth-child(8) {
  width: 8.8% !important;
}

.book-page .book-table th:nth-child(9),
.book-page .book-table td:nth-child(9) {
  width: 4.8% !important;
}

.book-page .book-table th:nth-child(10),
.book-page .book-table td:nth-child(10) {
  width: 5.2% !important;
}

.book-page .book-table th:nth-child(11),
.book-page .book-table td:nth-child(11) {
  width: 25.4% !important;
  min-width: 0 !important;
}

.book-page .book-no-cell {
  text-align: center !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  color: #111827 !important;
}

.book-page .book-action-cell {
  display: table-cell !important;
  padding: 2px 3px !important;
  text-align: center !important;
  vertical-align: middle !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

.book-page .book-table .tiny-add,
.book-page .book-table .tiny-delete {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  max-width: 46px !important;
  min-width: 46px !important;
  height: 24px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  font-size: 9.8px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 3 !important;
}

.book-page .book-table .tiny-add {
  color: #047e74 !important;
  background: rgba(1, 154, 145, .11) !important;
  border: 1px solid rgba(1, 154, 145, .36) !important;
}

.book-page .book-table .tiny-delete {
  color: #d63d3d !important;
  background: rgba(239, 89, 89, .11) !important;
  border: 1px solid rgba(239, 89, 89, .34) !important;
}

.book-page .book-view-only {
  width: 36px !important;
  min-width: 36px !important;
  min-height: 22px !important;
  font-size: 10px !important;
  opacity: .75 !important;
}

.book-page .book-student-cell {
  color: #111827 !important;
  font-size: 9.8px !important;
  font-weight: 850 !important;
  text-align: left !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


/* v77 üst menüde muhasebe/zayiat/yönetim bağlantıları */
.management-top-tabs {
  margin: 10px 0 14px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(7,135,125,.14) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.88) !important;
  box-shadow: 0 8px 18px rgba(7,135,125,.05) !important;
}

.status-tabs .clickable-tab {
  cursor: pointer !important;
  opacity: 1 !important;
}

.status-tabs .clickable-tab:hover {
  border-color: rgba(7,135,125,.42) !important;
  background: #f0fffd !important;
  color: #05776f !important;
  transform: translateY(-1px);
}

.status-tabs .extra-tab.active,
.management-top-tabs .extra-tab.active {
  color: #ffffff !important;
  background: linear-gradient(180deg, #0da497, #067c74) !important;
  border-color: rgba(7,135,125,.34) !important;
  box-shadow: 0 8px 18px rgba(7,135,125,.18) !important;
}


/* v78 Test Takip ekranı: işlem butonları, doğru/yanlış kutuları ve üst ekle butonu */
.test-page .test-table,
.test-page table {
  table-layout: fixed !important;
}

.test-page .test-table-wrap,
.test-page .table-wrap {
  overflow-x: hidden !important;
}

.test-page th,
.test-page td {
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* İşlem sütunu biraz genişletildi */
.test-page th:first-child,
.test-page td:first-child {
  width: 78px !important;
  min-width: 78px !important;
  max-width: 78px !important;
  padding: 3px 4px !important;
}

/* No ve tarih alanları dengelendi */
.test-page th:nth-child(2),
.test-page td:nth-child(2) {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
}

.test-page th:nth-child(3),
.test-page td:nth-child(3) {
  width: 84px !important;
  min-width: 84px !important;
  max-width: 84px !important;
}

/* Doğru/yanlış sütunları biraz daraltıldı */
.test-page th:not(:first-child):not(:nth-child(2)):not(:nth-child(3)),
.test-page td:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

/* İşlem kutusunun içindeki Ekle/Sil tam sütuna otursun */
.test-page .row-actions,
.test-page .test-row-actions,
.test-page td:first-child > div,
.test-page td:first-child .action-cell {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Test sayfasındaki küçük ekle/sil butonları */
.test-page .tiny-add,
.test-page .tiny-delete,
.test-page .row-add,
.test-page .row-delete,
.test-page td:first-child button {
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 24px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  font-size: 9.2px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.test-page .tiny-add,
.test-page .row-add,
.test-page td:first-child button:first-child {
  color: #047e74 !important;
  background: rgba(1, 154, 145, .12) !important;
  border: 1px solid rgba(1, 154, 145, .38) !important;
}

.test-page .tiny-delete,
.test-page .row-delete,
.test-page td:first-child button:last-child {
  color: #d63d3d !important;
  background: rgba(239, 89, 89, .12) !important;
  border: 1px solid rgba(239, 89, 89, .36) !important;
}

/* Doğru / Yanlış başlıkları ve altındaki rakamlar daha okunaklı */
.test-page th {
  font-size: 10.4px !important;
  font-weight: 950 !important;
  color: #047e74 !important;
  line-height: 1.1 !important;
}

.test-page th small,
.test-page th span,
.test-page .subject-subhead,
.test-page .test-subhead {
  font-size: 9.2px !important;
  font-weight: 950 !important;
  color: #006b65 !important;
  line-height: 1.05 !important;
}

.test-page td {
  font-size: 10.5px !important;
  font-weight: 850 !important;
  color: #111827 !important;
}

/* Doğru/yanlış input kutuları dar ama okunaklı */
.test-page input[type="text"],
.test-page input[type="number"],
.test-page input[type="date"] {
  height: 25px !important;
  border-radius: 7px !important;
  padding: 0 4px !important;
  font-size: 10.2px !important;
  font-weight: 850 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.test-page td input {
  width: 100% !important;
  min-width: 0 !important;
}

/* Tarih kutusu takvimiyle sığsın */
.test-page input[type="date"] {
  font-size: 9.2px !important;
  padding: 0 2px !important;
}

/* Üst taraftaki + Ekle butonu diğer sayfalara benzer canlı görünüme alındı */
.test-page #addRowBtn,
.test-page .top-add-button,
.test-page .test-top-add,
.test-page .row-add-button {
  height: 40px !important;
  min-width: 96px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(1,154,145,.34) !important;
  color: #047e74 !important;
  background: linear-gradient(180deg, #ffffff, #effdfa) !important;
  box-shadow:
    0 8px 16px rgba(7,135,125,.08),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.test-page #addRowBtn:hover,
.test-page .top-add-button:hover,
.test-page .test-top-add:hover,
.test-page .row-add-button:hover {
  background: linear-gradient(180deg, #f3fffd, #e5fbf8) !important;
  transform: translateY(-1px);
}

/* Genel başarı alanı taşmasın */
.test-page td:last-child,
.test-page th:last-child {
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
}


/* v79 Yurt Keyfiyet Takip Ekranı */
.yurt-keyfiyet-page .detail-shell {
  width: min(1240px, calc(100% - 300px)) !important;
  margin-left: 258px !important;
}

.yurt-card {
  background: #ffffff;
  border: 1px solid rgba(7,135,125,.16);
  border-radius: 22px;
  padding: 13px 14px 16px;
  box-shadow: 0 12px 28px rgba(7,135,125,.06);
}

.yurt-title-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  margin: 10px 0 10px;
}

.yurt-title-main h2 {
  margin: 0 0 7px;
  color: #087f77;
  font-size: 24px;
  font-weight: 950;
  line-height: 1;
}

.yurt-title-icon {
  margin-right: 8px;
}

.yurt-title-main p {
  margin: 6px 0 0;
  color: #526a78;
  font-size: 12.5px;
  font-weight: 750;
}

.yurt-student-filter {
  display: grid;
  grid-template-columns: auto minmax(240px, 340px);
  gap: 10px;
  align-items: center;
  margin: 4px 0 4px;
}

.yurt-student-filter label {
  margin: 0;
  color: #087f77;
  font-size: 12px;
  font-weight: 950;
}

#yurtStudentSelect {
  height: 36px;
  border: 1px solid #cfe4e5;
  border-radius: 12px;
  color: #16213a;
  font-size: 13px;
  font-weight: 850;
  background: #fbfefe;
}

.yurt-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(7,135,125,.13);
  border-radius: 16px;
  background: #fff;
}

.yurt-table {
  width: 100%;
  min-width: 1180px;
  border-collapse: collapse;
}

.yurt-table th,
.yurt-table td {
  border-right: 1px solid rgba(7,135,125,.09);
  border-bottom: 1px solid rgba(7,135,125,.09);
  padding: 5px 7px;
  text-align: center;
  vertical-align: middle;
}

.yurt-table th {
  color: #23415b;
  background: #f8fcfd;
  font-size: 11.5px;
  font-weight: 950;
}

.yurt-table th:first-child,
.yurt-table td:first-child {
  width: 190px;
  text-align: left;
}

.yurt-table th:last-child,
.yurt-table td:last-child {
  border-right: 0;
}

.yurt-criterion-cell {
  color: #1f2a44;
  font-size: 11.5px;
  font-weight: 850;
  white-space: nowrap;
}

.yurt-score-cell {
  display: grid;
  grid-template-columns: 44px 34px 28px;
  gap: 4px;
  align-items: center;
  justify-content: center;
}

.yurt-score-cell input {
  width: 34px;
  height: 24px;
  border: 1px solid #d8e7e8;
  border-radius: 7px;
  padding: 0 3px;
  text-align: center;
  color: #16213a;
  font-size: 10px;
  font-weight: 850;
}

.yurt-score-cell input:disabled {
  background: #f7fbfb;
  opacity: 1;
}

.yurt-score-cell small {
  color: #526a78;
  font-size: 9.2px;
  font-weight: 850;
}

.yurt-pill {
  display: inline-grid;
  place-items: center;
  min-height: 22px;
  border-radius: 7px;
  padding: 0 5px;
  font-size: 9.3px;
  font-weight: 950;
  white-space: nowrap;
}

.yurt-pill.excellent {
  background: #effaf2;
  border: 1px solid rgba(32,143,72,.20);
  color: #208f48;
}

.yurt-pill.good {
  background: #eef6ff;
  border: 1px solid rgba(36,105,220,.20);
  color: #2469dc;
}

.yurt-pill.normal {
  background: #fff8e7;
  border: 1px solid rgba(242,153,24,.22);
  color: #f08a00;
}

.yurt-pill.mid {
  background: #fff2e8;
  border: 1px solid rgba(240,96,30,.22);
  color: #e35f17;
}

.yurt-pill.weak {
  background: #fff0f0;
  border: 1px solid rgba(217,63,69,.22);
  color: #d93f45;
}

.yurt-pill.empty {
  background: #f4f7f9;
  border: 1px solid rgba(100,116,139,.18);
  color: #64748b;
}

.yurt-average-cell {
  color: #087f77;
  font-size: 12px;
  font-weight: 950;
}

.yurt-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.yurt-summary-card {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 78px;
  border: 1px solid rgba(7,135,125,.13);
  border-radius: 17px;
  background: linear-gradient(180deg, #ffffff, #f8fffd);
  padding: 12px 16px;
}

.yurt-summary-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: #edfafa;
  color: #087f77;
  font-size: 24px;
}

.yurt-summary-icon.green {
  background: #effaf2;
}

.yurt-summary-icon.red {
  background: #fff0f0;
}

.yurt-summary-icon.blue {
  background: #eef6ff;
}

.yurt-summary-card span {
  display: block;
  color: #087f77;
  font-size: 12px;
  font-weight: 950;
  margin-bottom: 3px;
}

.yurt-summary-card strong {
  color: #087f77;
  font-size: 25px;
  font-weight: 950;
  line-height: 1;
}

.yurt-summary-card em {
  color: #19324d;
  font-size: 17px;
  font-style: normal;
}

.yurt-legend {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 10px;
  padding: 10px 14px;
  border: 1px solid rgba(7,135,125,.13);
  border-radius: 14px;
  background: #ffffff;
}

.yurt-legend strong {
  color: #19324d;
  font-size: 11.5px;
  font-weight: 950;
  margin-right: 12px;
}

.yurt-legend .yurt-pill {
  min-width: 150px;
  height: 30px;
  font-size: 12px;
}

.yurt-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 12px;
}

.yurt-actions .clear-button,
.yurt-actions .save-button {
  height: 38px;
  min-width: 128px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 950;
}

@media (max-width: 1200px) {
  .yurt-keyfiyet-page .detail-shell {
    width: calc(100% - 280px) !important;
    margin-left: 248px !important;
  }

  .yurt-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .yurt-student-filter {
    grid-template-columns: 1fr;
  }

  .yurt-summary-grid {
    grid-template-columns: 1fr;
  }
}


/* v80 Rehberlik Takip Ekranı görsel entegrasyonu */
.guidance-page .detail-shell {
  width: min(1220px, calc(100% - 300px)) !important;
  margin-left: 258px !important;
}

.guidance-card {
  background: #fff;
  border: 1px solid rgba(7,135,125,.16);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 12px 28px rgba(7,135,125,.06);
}

.guidance-title-block {
  margin: 10px 0 11px;
}

.guidance-title-block h2 {
  margin: 0 0 7px;
  color: #087f77;
  font-size: 23px;
  font-weight: 950;
  line-height: 1;
}

.guidance-title-icon {
  margin-right: 7px;
}

.guidance-title-block p {
  margin: 7px 0 0;
  color: #526a78;
  font-size: 12.5px;
  font-weight: 750;
}

.guidance-filter-row {
  display: grid;
  grid-template-columns: auto minmax(260px, 360px);
  align-items: center;
  gap: 10px;
  margin: 4px 0;
}

.guidance-filter-row label {
  margin: 0;
  color: #087f77;
  font-size: 12px;
  font-weight: 950;
}

#guidanceStudentSelect {
  height: 36px;
  border: 1px solid #cfe4e5;
  border-radius: 12px;
  color: #16213a;
  background: #fbfefe;
  font-size: 13px;
  font-weight: 850;
}

.seen-student {
  min-height: 44px;
  border: 1px solid rgba(7,135,125,.15);
  border-radius: 12px;
  background: #ffffff;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 14px;
  margin-bottom: 10px;
}

.seen-student span {
  font-size: 22px;
}

.seen-student strong {
  color: #1f2a44;
  font-size: 12px;
  font-weight: 950;
}

.seen-student b {
  color: #087f77;
  font-size: 13px;
  font-weight: 950;
}

.guidance-manual-tools {
  display: flex;
  gap: 8px;
  margin: 6px 0 10px;
}

.guidance-add-row,
.guidance-delete-row {
  height: 32px !important;
  min-width: 104px !important;
  border-radius: 10px !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.guidance-delete-row {
  color: #d63d3d !important;
  border-color: rgba(239, 89, 89, .32) !important;
  background: rgba(239, 89, 89, .10) !important;
}

.guidance-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(7,135,125,.13);
  border-radius: 16px;
  background: #fff;
}

.guidance-table {
  width: 100%;
  min-width: 1220px;
  border-collapse: collapse;
}

.guidance-table th,
.guidance-table td {
  border-right: 1px solid rgba(7,135,125,.09);
  border-bottom: 1px solid rgba(7,135,125,.09);
  padding: 6px 7px;
  text-align: center;
  vertical-align: middle;
}

.guidance-table th {
  background: #f8fcfd;
  color: #19324d;
  font-size: 11px;
  font-weight: 950;
  line-height: 1.1;
}

.guidance-table th:nth-child(1), .guidance-table td:nth-child(1) { width: 42px; }
.guidance-table th:nth-child(2), .guidance-table td:nth-child(2) { width: 120px; }
.guidance-table th:nth-child(3), .guidance-table td:nth-child(3) { width: 135px; }
.guidance-table th:nth-child(4), .guidance-table td:nth-child(4) { width: 110px; }
.guidance-table th:nth-child(5), .guidance-table td:nth-child(5) { width: 230px; text-align: left; }
.guidance-table th:nth-child(6), .guidance-table td:nth-child(6) { width: 92px; }
.guidance-table th:nth-child(7), .guidance-table td:nth-child(7),
.guidance-table th:nth-child(8), .guidance-table td:nth-child(8),
.guidance-table th:nth-child(9), .guidance-table td:nth-child(9),
.guidance-table th:nth-child(10), .guidance-table td:nth-child(10),
.guidance-table th:nth-child(11), .guidance-table td:nth-child(11) { width: 92px; }
.guidance-table th:nth-child(12), .guidance-table td:nth-child(12) { width: 108px; }

.guidance-student-cell {
  text-align: left !important;
}

.guidance-student-box {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid #d8e7e8;
  border-radius: 9px;
  background: #fbfefe;
  color: #111827;
  font-size: 11px;
  font-weight: 850;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.guidance-input {
  width: 100%;
  height: 30px;
  border: 1px solid #d8e7e8;
  border-radius: 9px;
  background: #fbfefe;
  color: #16213a;
  font-size: 11px;
  font-weight: 800;
  padding: 0 7px;
}

.guidance-date-input {
  font-size: 10px;
  padding: 0 3px;
}

.guidance-note-cell .guidance-input {
  text-align: left;
}

.guidance-input:disabled {
  opacity: 1;
  background: #f7fbfb;
}

.opinion-badge,
.guidance-badge {
  display: inline-grid;
  place-items: center;
  min-height: 26px;
  min-width: 68px;
  border-radius: 8px;
  font-size: 10.5px;
  font-weight: 950;
  padding: 0 7px;
}

.opinion-badge.opinion-best,
.opinion-best {
  color: #208f48 !important;
  background: #effaf2 !important;
  border: 1px solid rgba(32,143,72,.22) !important;
}

.opinion-badge.opinion-good,
.opinion-good {
  color: #2469dc !important;
  background: #eef6ff !important;
  border: 1px solid rgba(36,105,220,.22) !important;
}

.opinion-badge.opinion-normal,
.opinion-normal {
  color: #f08a00 !important;
  background: #fff8e7 !important;
  border: 1px solid rgba(242,153,24,.24) !important;
}

.opinion-badge.opinion-alert,
.opinion-alert {
  color: #e35f17 !important;
  background: #fff2e8 !important;
  border: 1px solid rgba(240,96,30,.24) !important;
}

.guidance-badge.positive {
  color: #208f48;
  background: #effaf2;
  border: 1px solid rgba(32,143,72,.22);
}

.guidance-badge.negative {
  color: #d93f45;
  background: #fff0f0;
  border: 1px solid rgba(217,63,69,.24);
}

.guidance-percent-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.guidance-percent-input {
  width: 38px !important;
  text-align: center;
  padding: 0 4px !important;
}

.guidance-percent-wrap {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.guidance-percent-wrap strong {
  min-width: 32px;
  color: #087f77;
  font-size: 11px;
  font-weight: 950;
}

.guidance-percent-circle {
  --p: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
  background:
    conic-gradient(#18aa5b calc(var(--p) * 1%), #e6eef0 0);
  position: relative;
}

.guidance-percent-circle.orange {
  background:
    conic-gradient(#ff9b23 calc(var(--p) * 1%), #e6eef0 0);
}

.guidance-percent-circle::after {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 50%;
  background: #fff;
}

.guidance-summary-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
  margin-top: 12px;
}

.guidance-summary-card {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  border: 1px solid rgba(7,135,125,.13);
  border-radius: 17px;
  background: linear-gradient(180deg, #ffffff, #f8fffd);
  padding: 12px 16px;
}

.guidance-summary-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #edfafa;
  color: #087f77;
  font-size: 24px;
}

.guidance-summary-icon.green {
  background: #effaf2;
}

.guidance-summary-icon.teal {
  background: #edfafa;
}

.guidance-summary-card span {
  display: block;
  color: #087f77;
  font-size: 12px;
  font-weight: 950;
  margin-bottom: 2px;
}

.guidance-summary-card strong {
  color: #087f77;
  font-size: 25px;
  font-weight: 950;
  line-height: 1;
}

.guidance-summary-card small {
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
  margin-left: 6px;
}

.guidance-risk-box {
  max-width: 310px;
  margin-top: 12px;
}

.guidance-risk-box label {
  margin: 0 0 6px;
  color: #087f77;
  font-size: 12px;
  font-weight: 950;
}

.guidance-risk-box input {
  height: 38px;
  border-radius: 12px;
  font-weight: 900;
}

.guidance-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 12px;
}

.guidance-actions .clear-button,
.guidance-actions .save-button {
  height: 38px;
  min-width: 122px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 950;
}

@media (max-width: 1200px) {
  .guidance-page .detail-shell {
    width: calc(100% - 280px) !important;
    margin-left: 248px !important;
  }

  .guidance-summary-grid {
    grid-template-columns: 1fr;
  }
}


/* v81 Yurt Keyfiyet dinamik ay ekleme düzeni */
.yurt-title-row {
  display: grid !important;
  grid-template-columns: 1fr 210px !important;
  align-items: start !important;
}

.yurt-student-filter {
  grid-template-columns: auto minmax(230px, 300px) minmax(260px, 1fr) !important;
}

.yurt-best-student-card {
  min-height: 42px;
  border: 1px solid rgba(7,135,125,.18);
  border-radius: 12px;
  background:
    radial-gradient(circle at 10% 20%, rgba(255, 211, 83, .20), transparent 28%),
    linear-gradient(180deg, #ffffff, #f4fffd);
  padding: 6px 10px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  box-shadow: 0 8px 18px rgba(7,135,125,.06);
}

.yurt-best-student-card span {
  color: #087f77;
  font-size: 10.5px;
  font-weight: 950;
  white-space: nowrap;
}

.yurt-best-student-card strong {
  color: #0b766f;
  font-size: 13px;
  font-weight: 950;
  white-space: nowrap;
}

.yurt-best-student-card small {
  color: #46616f;
  font-size: 10.2px;
  font-weight: 850;
  white-space: nowrap;
}

.yurt-month-add-panel {
  display: grid;
  gap: 8px;
  align-self: start;
  justify-items: stretch;
}

.yurt-month-add-btn {
  height: 34px !important;
  border-radius: 12px !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
  background: linear-gradient(180deg, #ffffff, #effdfa) !important;
  border: 1px solid rgba(1,154,145,.34) !important;
  color: #047e74 !important;
}

#yurtMonthSelect {
  height: 34px;
  border: 1px solid #cfe4e5;
  border-radius: 12px;
  color: #16213a;
  background: #fbfefe;
  font-size: 11.5px;
  font-weight: 850;
  padding: 0 8px;
}

.yurt-table {
  min-width: 0 !important;
  table-layout: auto !important;
}

.yurt-table th {
  min-width: 104px;
}

.yurt-table th:first-child,
.yurt-table td:first-child {
  min-width: 190px;
}

.yurt-table th:last-child,
.yurt-table td:last-child {
  min-width: 66px;
}

.yurt-table th .month-percent,
.month-percent {
  display: block;
  margin-top: 3px;
  color: #087f77;
  font-size: 11px;
  font-weight: 950;
}

.yurt-score-cell input {
  color: #111827 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

@media (max-width: 1200px) {
  .yurt-title-row {
    grid-template-columns: 1fr !important;
  }

  .yurt-student-filter {
    grid-template-columns: 1fr !important;
  }

  .yurt-best-student-card {
    grid-template-columns: 1fr !important;
  }

  .yurt-month-add-panel {
    max-width: 260px;
  }
}


/* v82 Deneme sekmesi en yüksek puanlı talebe kartı */
.trial-page .trial-student-select-line {
  display: grid !important;
  grid-template-columns: auto minmax(230px, 320px) minmax(300px, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
}

.trial-best-student-card {
  min-height: 42px;
  border: 1px solid rgba(7, 135, 125, .18);
  border-radius: 13px;
  background:
    radial-gradient(circle at 10% 20%, rgba(255, 211, 83, .22), transparent 28%),
    linear-gradient(180deg, #ffffff, #f3fffd);
  padding: 6px 11px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  box-shadow: 0 8px 18px rgba(7, 135, 125, .06);
}

.trial-best-student-card span {
  color: #087f77;
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}

.trial-best-student-card strong {
  color: #0b766f;
  font-size: 13.5px;
  font-weight: 950;
  white-space: nowrap;
}

.trial-best-student-card small {
  color: #46616f;
  font-size: 10.5px;
  font-weight: 900;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .trial-page .trial-student-select-line {
    grid-template-columns: 1fr !important;
  }

  .trial-best-student-card {
    grid-template-columns: 1fr !important;
  }
}


/* v83 - Yurt Keyfiyet dairesel ilerleme göstergeleri */
.month-progress {
  --progress: 0;
  width: 54px;
  height: 54px;
  margin: 6px auto 0;
  border-radius: 50%;
  background: conic-gradient(#0f9b93 calc(var(--progress) * 1%), #dbeceb 0);
  display: grid;
  place-items: center;
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(7,135,125,.08);
}
.month-progress::before {
  content: "";
  position: absolute;
  inset: 6px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(6, 82, 76, .08);
}
.month-progress .month-percent {
  position: relative;
  z-index: 1;
  display: block;
  font-size: 11px;
  font-weight: 900;
  color: #0b766f;
  line-height: 1;
}
.summary-circle-progress {
  --progress: 0;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: conic-gradient(#109b93 calc(var(--progress) * 1%), #d7ebe8 0);
  display: grid;
  place-items: center;
  position: relative;
  flex: 0 0 auto;
  box-shadow: 0 8px 22px rgba(10, 123, 115, .12);
}
.summary-circle-progress::before {
  content: "";
  position: absolute;
  inset: 8px;
  background: linear-gradient(180deg, #fff, #f3fbfa);
  border-radius: 50%;
}
.summary-circle-progress span {
  position: relative;
  z-index: 1;
  font-size: 18px;
  font-weight: 950;
  color: #0b766f;
}
.yurt-summary-progress-card {
  align-items: center;
}


/* v84 - Yurt Keyfiyet başlık ve ortalama iyileştirmeleri */
.yurt-table thead th.yurt-head-criterion,
.yurt-table thead th.yurt-head-month,
.yurt-table thead th.yurt-average-head {
  padding-top: 7px !important;
  padding-bottom: 6px !important;
  vertical-align: top;
}
.yurt-table thead th.yurt-head-criterion { min-width: 170px; }
.yurt-table thead th.yurt-head-month { min-width: 102px; }
.yurt-table thead th.yurt-average-head { min-width: 120px; }
.month-bar-progress {
  width: 82px;
  height: 8px;
  margin: 4px auto 2px;
  background: #e4efee;
  border-radius: 999px;
  overflow: hidden;
  box-shadow: inset 0 1px 2px rgba(7, 135, 125, .08);
}
.month-bar-fill {
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #54d2c7, #0f9b93);
}
.yurt-head-month .month-percent {
  display: inline-block;
  margin-top: 1px;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  color: #0b766f;
}
.yurt-average-cell {
  text-align: center;
}
.yurt-row-average-progress {
  --progress: 0;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  border-radius: 50%;
  background: conic-gradient(#109b93 calc(var(--progress) * 1%), #d7ebe8 0);
  display: grid;
  place-items: center;
  position: relative;
}
.yurt-row-average-progress::before {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(8, 99, 92, .08);
}
.yurt-row-average-progress span {
  position: relative;
  z-index: 1;
  font-size: 11px;
  font-weight: 950;
  color: #0b766f;
}
.yurt-student-filter {
  align-items: stretch;
}
.yurt-institution-card {
  min-width: 210px;
  border: 1px solid rgba(17, 155, 147, .18);
  border-radius: 13px;
  background: linear-gradient(180deg, #ffffff, #f5fcfb);
  padding: 7px 11px;
  display: grid;
  gap: 6px;
  box-shadow: 0 8px 18px rgba(7, 135, 125, .05);
}
.yurt-institution-card > span {
  font-size: 11px;
  font-weight: 950;
  color: #087f77;
}
.yurt-inline-progress {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
}
.yurt-inline-progress strong {
  font-size: 13px;
  font-weight: 950;
  color: #0b766f;
  white-space: nowrap;
}
.yurt-inline-progress-track {
  width: 100%;
  height: 10px;
  background: #e3efee;
  border-radius: 999px;
  overflow: hidden;
  box-shadow: inset 0 1px 2px rgba(7, 135, 125, .08);
}
.yurt-inline-progress-track i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #7ddfd6, #109b93);
}
/* override previous month circular styles on this page */
.month-progress, .month-progress::before, .month-progress .month-percent { all: unset; }


/* FINAL AUDIT - genel kompaktlık, hizalama ve taşma kontrolü */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

.admin-body,
.compact-page,
.detail-shell,
.card,
.list-card,
.compact-card,
.form-card,
.yurt-card,
.guidance-card,
.book-card {
  box-sizing: border-box;
}

.detail-shell {
  max-width: calc(100vw - 286px) !important;
}

.compact-page .detail-shell {
  padding-top: 10px !important;
}

.detail-hero.small-hero {
  min-height: 72px !important;
  padding: 12px 20px !important;
  margin-bottom: 10px !important;
  border-radius: 18px !important;
}

.detail-hero.small-hero h1 {
  font-size: clamp(22px, 2.4vw, 32px) !important;
  line-height: 1 !important;
}

.detail-hero.small-hero p {
  font-size: 12px !important;
  margin-top: 3px !important;
}

.compact-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding-bottom: 8px !important;
  margin-bottom: 10px !important;
}

.compact-tabs .tab {
  height: 30px !important;
  min-width: 86px !important;
  padding: 0 9px !important;
  border-radius: 11px !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.compact-tabs .extra-tab {
  min-width: 116px !important;
  font-size: 10px !important;
}

/* Talebe kayıt formu: daha kibar ve daha az yer kaplayan kutucuklar */
.student-info-form-layout {
  max-width: 700px !important;
}

.student-info-form-layout .form-column {
  gap: 5px !important;
}

.student-info-form-layout .paired-field-row {
  grid-template-columns: 148px minmax(200px, 1fr) !important;
  gap: 6px !important;
}

.student-info-form-layout .top-date-row {
  grid-template-columns: 1fr 1fr !important;
}

.student-info-form-layout .two-pair-row {
  grid-template-columns: 126px minmax(128px, 1fr) 112px minmax(128px, 1fr) !important;
  gap: 6px !important;
}

.student-info-form-layout .health-row {
  grid-template-columns: 148px 140px minmax(150px, 1fr) !important;
}

.student-info-form-layout .private-note-row {
  grid-template-columns: 148px minmax(200px, 1fr) !important;
}

.student-info-form-layout .field-label-box,
.student-info-form-layout .paired-field label,
.student-info-form-layout .private-note-row label {
  min-height: 28px !important;
  border-radius: 8px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
}

.student-info-form-layout input,
.student-info-form-layout select,
.student-info-form-layout textarea {
  height: 29px !important;
  min-height: 29px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  padding: 0 8px !important;
}

.student-info-form-layout textarea {
  min-height: 44px !important;
  padding: 6px 8px !important;
}

.phone-input-wrap small {
  font-size: 9.4px !important;
  line-height: 1 !important;
}

/* Tablo ve inputlar taşmasın */
.table-wrap,
.test-table-wrap,
.trial-table-wrap,
.book-table-wrap,
.guidance-table-wrap,
.yurt-table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
}

table {
  border-spacing: 0;
}

th, td {
  box-sizing: border-box;
}

input, select, textarea, button {
  max-width: 100%;
  box-sizing: border-box;
}

/* Yatay başarı çubuğu uyumu: çubuk + yanında yüzde */
.progress-track,
.percent-track,
.general-progress-track,
.success-progress-track,
.yurt-inline-progress-track,
.yurt-average-inline-track,
.yurt-month-average-track {
  height: 9px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: #e6f0ef !important;
}

.progress-fill,
.percent-fill,
.general-progress-fill,
.success-progress-fill,
.yurt-inline-progress-track i,
.yurt-average-inline-track i,
.yurt-month-average-track i,
.month-bar-fill {
  background: linear-gradient(90deg, #7adbd2, #0a9f94) !important;
  border-radius: 999px !important;
}

.yurt-table thead th,
.guidance-table th,
.book-table th,
.test-page th,
.trial-page th {
  line-height: 1.08 !important;
}

/* Keyfiyet placeholder */
.quality-placeholder-card {
  min-height: 330px;
}

.quality-placeholder-box {
  min-height: 250px;
  border: 1px dashed rgba(7,135,125,.25);
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff, #f5fffd);
  display: grid;
  place-items: center;
  text-align: center;
  padding: 32px;
}

.quality-placeholder-icon {
  width: 74px;
  height: 74px;
  display: grid;
  place-items: center;
  border-radius: 22px;
  background: #edfafa;
  font-size: 34px;
  margin-bottom: 10px;
}

.quality-placeholder-box h2 {
  margin: 0;
  color: #087f77;
  font-size: 28px;
  font-weight: 950;
}

.quality-placeholder-box p {
  margin: 8px 0 0;
  color: #526a78;
  font-size: 15px;
  font-weight: 850;
}

/* Dar ekranlarda taşma azaltma */
@media (max-width: 1200px) {
  .detail-shell,
  .compact-page .detail-shell {
    max-width: calc(100vw - 260px) !important;
  }

  .student-info-form-layout,
  .form-card {
    max-width: 100% !important;
  }
}

@media (max-width: 900px) {
  .detail-shell,
  .compact-page .detail-shell,
  .yurt-keyfiyet-page .detail-shell,
  .guidance-page .detail-shell {
    max-width: calc(100vw - 24px) !important;
    width: calc(100vw - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .student-info-form-layout .paired-field-row,
  .student-info-form-layout .top-date-row,
  .student-info-form-layout .two-pair-row,
  .student-info-form-layout .health-row,
  .student-info-form-layout .private-note-row {
    grid-template-columns: 1fr !important;
  }
}


/* v84.1 Talebe bilgi formu yatay daraltma */
.student-info-form-layout .top-date-row .paired-field label,
.student-info-form-layout .top-date-row .paired-field input {
  width: 100% !important;
}

.student-info-form-layout .excel-actions {
  gap: 8px !important;
}


/* v84.2 Kitap Okuma üst hizalama düzeltmesi */
.book-page .book-title-bar {
  align-items: flex-end !important;
}

.book-page .book-title-main {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.book-page .book-title-main h2 {
  margin-bottom: 0 !important;
}

.book-page .book-filter-row {
  align-items: center !important;
  margin-bottom: 0 !important;
}

.book-page .book-top-add {
  align-self: flex-end !important;
  margin-bottom: 0 !important;
}


/* v84.3 Test takip üst + Ekle butonu yükseklik hizası */
.test-page .test-mini-summary-row {
  align-items: stretch !important;
}

.test-page .test-mini-summary article {
  min-height: 48px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.test-page .test-summary-add-button {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  align-self: stretch !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 0 !important;
}


/* v84.4 Ana sayfa Talebe Ekle / Talebe Sil butonlarını biraz daha sağa kaydır */
.admin-home-body .hero-actions {
  right: 112px !important;
}


/* v84.5 Talebe bilgi formu üst sağ butonlarını sağ kenara yaklaştırma */
.form-hero-actions {
  margin-right: 8px !important;
  justify-content: flex-end;
}


/* v86 Yurt Keyfiyet - referans görsele göre sabit ekran */
.keyfiyet-static-page .detail-shell{
  width:min(1430px, calc(100% - 270px)) !important;
  margin-left:246px !important;
  padding-top:6px !important;
}
.keyfiyet-static-hero{
  padding:16px 32px !important;
  min-height:84px !important;
  border-radius:16px !important;
}
.keyfiyet-static-hero h1{font-size:25px !important; line-height:1.05; margin:8px 0 4px !important;}
.keyfiyet-static-hero p{margin:0 !important; font-size:12px !important; font-weight:800 !important;}
.keyfiyet-static-actions-top{display:flex !important; gap:14px !important; margin-left:auto !important; align-items:center !important;}
.keyfiyet-static-actions-top .mini-action{height:36px !important; min-width:118px !important; border-radius:10px !important; background:#fff !important; color:#0b7f77 !important; border:1px solid rgba(7,135,125,.24) !important; box-shadow:none !important; font-size:11.5px !important; font-weight:900 !important;}
.keyfiyet-static-card{border:1px solid rgba(7,135,125,.15); border-radius:18px; background:rgba(255,255,255,.97); box-shadow:0 14px 30px rgba(7,135,125,.05); overflow:hidden;}
.keyfiyet-static-tabs{padding:11px 24px !important; margin:0 !important; border-bottom:1px solid rgba(7,135,125,.1) !important;}
.keyfiyet-static-tabs .tab{height:30px !important; min-width:106px !important; border-radius:999px !important;}
.keyfiyet-static-inner{padding:16px 22px 14px;}
.keyfiyet-static-title-row{display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:12px;}
.keyfiyet-static-title h2{margin:0 0 6px; color:#0a7f77; font-size:20px; font-weight:950; display:flex; gap:10px; align-items:center;}
.keyfiyet-static-title h2 span{font-size:28px; line-height:1;}
.keyfiyet-static-title p{margin:0; color:#556877; font-size:12.5px; font-weight:760;}
.keyfiyet-static-student-select{display:flex; align-items:center; gap:14px; margin-top:4px;}
.keyfiyet-static-student-select label{font-size:12px; font-weight:900; color:#0b6d66; white-space:nowrap;}
.keyfiyet-static-student-select select{width:360px; height:36px; border:1px solid rgba(7,135,125,.18); border-radius:10px; padding:0 14px; background:#fff; font-size:12px; font-weight:800; color:#344258;}
.keyfiyet-table-wrap{border:1px solid rgba(7,135,125,.12); border-radius:12px; overflow:hidden; background:#fff;}
.keyfiyet-table{width:100%; border-collapse:collapse; table-layout:fixed;}
.keyfiyet-table th,.keyfiyet-table td{border-right:1px solid rgba(7,135,125,.08); border-bottom:1px solid rgba(7,135,125,.08); padding:8px 8px; text-align:center; vertical-align:middle; color:#21314e;}
.keyfiyet-table th{background:#fbfdfd; font-size:11px; font-weight:950; line-height:1.15;}
.keyfiyet-table td{font-size:11px; font-weight:850;}
.keyfiyet-table th:first-child,.keyfiyet-table td:first-child{width:215px; text-align:left; padding-left:14px;}
.keyfiyet-table th:last-child,.keyfiyet-table td:last-child{width:68px;}
.keyfiyet-table td.avg{font-size:12px; font-weight:950; color:#0b6f79;}
.k-chip{display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:22px; padding:0 8px; border-radius:6px; font-size:10px; font-weight:900; margin-right:8px; vertical-align:middle; border:1px solid transparent;}
.k-chip.green{background:#ecf9ee; color:#26994b; border-color:rgba(38,153,75,.22);}
.k-chip.blue{background:#eef6ff; color:#3d6fd6; border-color:rgba(61,111,214,.22);}
.k-chip.yellow{background:#fff9eb; color:#ef9e1b; border-color:rgba(239,158,27,.22);}
.k-chip.orange{background:#fff2e8; color:#eb7a22; border-color:rgba(235,122,34,.22);}
.k-score{font-size:11px; font-weight:900; color:#394657; white-space:nowrap;}
.keyfiyet-summary-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:14px;}
.sum-card{min-height:88px; border:1px solid rgba(7,135,125,.12); border-radius:16px; background:#fff; display:flex; align-items:center; gap:18px; padding:14px 20px;}
.sum-icon{width:62px; height:62px; border-radius:16px; display:grid; place-items:center; font-size:31px;}
.sum-icon.teal{background:#edfafa; color:#178b83;}
.sum-icon.green{background:#effaf2; color:#25a147;}
.sum-icon.red{background:#fff1eb; color:#f0642c;}
.sum-icon.blue{background:#eef4ff; color:#2d71d7;}
.sum-card span{display:block; color:#0c7a72; font-size:12px; font-weight:900; margin-bottom:6px;}
.sum-card strong{display:block; color:#0b7f77; font-size:22px; line-height:1; font-weight:950;}
.sum-card strong small{font-size:16px; font-weight:900;}
.sum-card strong.green-txt{color:#18a84f;}
.sum-card strong.red-txt{color:#f15a2b;}
.sum-card strong.blue-txt{color:#256cdb;}
.keyfiyet-legend{display:flex; align-items:center; gap:26px; padding:14px 22px; border:1px solid rgba(7,135,125,.1); border-radius:14px; background:#fff; margin-top:12px; flex-wrap:wrap;}
.legend-title{font-size:12px; font-weight:900; color:#3c4f5d; margin-right:6px;}
.legend-chip{height:36px; border-radius:9px; display:inline-flex; align-items:center; gap:10px; padding:0 18px; font-size:12px; font-weight:900; border:1px solid transparent;}
.legend-chip em{font-style:normal; font-weight:900; margin-left:8px;}
.legend-chip.good{background:#effaf2; color:#229b4a; border-color:rgba(34,155,74,.22);}
.legend-chip.nice{background:#eef6ff; color:#336ed7; border-color:rgba(51,110,215,.22);}
.legend-chip.normal{background:#fff8e9; color:#ef9718; border-color:rgba(239,151,24,.22);}
.legend-chip.medium{background:#fff3e8; color:#f07822; border-color:rgba(240,120,34,.22);}
.legend-chip.bad{background:#fff0f0; color:#ef4a4a; border-color:rgba(239,74,74,.22);}
.keyfiyet-bottom-actions{display:flex; justify-content:flex-end; gap:14px; margin-top:16px;}
.keyfiyet-bottom-actions .clear-button,.keyfiyet-bottom-actions .save-button,.keyfiyet-bottom-actions .mini-action{height:40px; min-width:112px; border-radius:10px; font-size:12px; font-weight:950;}
.keyfiyet-bottom-actions .static-outline{background:#fff !important; color:#0a7f77 !important; border:1px solid rgba(7,135,125,.22) !important; box-shadow:none !important;}
@media (max-width: 1380px){
 .keyfiyet-table{min-width:1320px;} .keyfiyet-table-wrap{overflow-x:auto;} .keyfiyet-summary-grid{grid-template-columns:repeat(2,1fr);} .keyfiyet-static-title-row{flex-direction:column; align-items:stretch;} .keyfiyet-static-student-select{justify-content:flex-end;}
}


/* v87 Yurt Keyfiyet aktif veri girişi - görsel korunarak */
.keyfiyet-static-page .keyfiyet-table-wrap {
  overflow-x: hidden !important;
}

.keyfiyet-static-page .keyfiyet-table {
  min-width: 0 !important;
  table-layout: fixed !important;
}

.keyfiyet-static-page .keyfiyet-table th,
.keyfiyet-static-page .keyfiyet-table td {
  padding: 6px 5px !important;
}

.keyfiyet-static-page .keyfiyet-table th:first-child,
.keyfiyet-static-page .keyfiyet-table td:first-child {
  width: 190px !important;
  padding-left: 10px !important;
}

.keyfiyet-static-page .keyfiyet-table th:last-child,
.keyfiyet-static-page .keyfiyet-table td:last-child {
  width: 52px !important;
}

.keyfiyet-static-page .k-chip {
  min-width: 37px !important;
  height: 20px !important;
  padding: 0 5px !important;
  margin-right: 4px !important;
  font-size: 9px !important;
}

.keyfiyet-static-page .k-score {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  white-space: nowrap;
}

.keyfiyet-static-page .keyfiyet-score-input {
  width: 30px !important;
  height: 20px !important;
  border: 0 !important;
  border-radius: 5px !important;
  padding: 0 1px !important;
  background: transparent !important;
  color: #394657 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  text-align: right !important;
  box-shadow: none !important;
  outline: none !important;
}

.keyfiyet-static-page .keyfiyet-score-input:focus {
  background: #f1fffd !important;
  border: 1px solid rgba(7,135,125,.28) !important;
  box-shadow: 0 0 0 2px rgba(7,135,125,.08) !important;
}

.keyfiyet-static-page .k-score small {
  color: #394657;
  font-size: 10px;
  font-weight: 900;
}

.keyfiyet-static-page .keyfiyet-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.keyfiyet-static-page .sum-card {
  min-width: 0 !important;
}

.keyfiyet-static-page .sum-card strong b {
  font: inherit;
}

@media (max-width: 1380px) {
  .keyfiyet-static-page .keyfiyet-table {
    min-width: 0 !important;
  }

  .keyfiyet-static-page .keyfiyet-table-wrap {
    overflow-x: hidden !important;
  }
}


/* v88 keyfiyet okunabilirlik ve sağ hizalama düzeltmesi */
.keyfiyet-static-page .keyfiyet-static-title-row{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:18px !important;
}
.keyfiyet-static-page .keyfiyet-static-title{
  flex:1 1 auto !important;
  min-width:0 !important;
}
.keyfiyet-static-page .keyfiyet-static-student-select{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  min-width:420px !important;
}
.keyfiyet-static-page .keyfiyet-static-student-select label{
  margin:0 !important;
}
.keyfiyet-static-page .keyfiyet-table th,
.keyfiyet-static-page .keyfiyet-table td{
  padding:5px 4px !important;
}
.keyfiyet-static-page .keyfiyet-table th:first-child,
.keyfiyet-static-page .keyfiyet-table td:first-child{
  width:180px !important;
  padding-left:10px !important;
}
.keyfiyet-static-page .keyfiyet-table th{
  font-size:10px !important;
  line-height:1.1 !important;
}
.keyfiyet-static-page .keyfiyet-table td{
  font-size:10px !important;
}
.keyfiyet-static-page .k-month-cell{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  min-height:34px !important;
}
.keyfiyet-static-page .k-chip{
  min-width:34px !important;
  height:18px !important;
  margin-right:0 !important;
  padding:0 4px !important;
  font-size:8.5px !important;
  border-radius:5px !important;
}
.keyfiyet-static-page .k-score{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:1px !important;
  font-size:9px !important;
  line-height:1 !important;
}
.keyfiyet-static-page .keyfiyet-score-input{
  width:26px !important;
  height:16px !important;
  font-size:9px !important;
  text-align:center !important;
  padding:0 !important;
}
.keyfiyet-static-page .k-score small{
  font-size:8.5px !important;
}
.keyfiyet-static-page .keyfiyet-table td.avg{
  font-size:11px !important;
  font-weight:950 !important;
}
@media (max-width: 1260px){
  .keyfiyet-static-page .keyfiyet-static-student-select{
    min-width:360px !important;
  }
}


/* v90 keyfiyet toolbar ve ay düzeni */
.keyfiyet-static-page .keyfiyet-toolbar-row{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:18px !important;
  flex-wrap:wrap !important;
}
.keyfiyet-static-page .keyfiyet-toolbar{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:flex-start !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin-left:0 !important;
}
.keyfiyet-static-page .keyfiyet-control-group{
  display:flex !important;
  flex-direction:column !important;
  gap:5px !important;
}
.keyfiyet-static-page .keyfiyet-control-group label{
  font-size:11px !important;
  font-weight:900 !important;
  color:#0b6d66 !important;
  white-space:nowrap !important;
}
.keyfiyet-static-page .keyfiyet-student-group select{ width:220px !important; }
.keyfiyet-static-page .keyfiyet-month-group select,
.keyfiyet-static-page .keyfiyet-remove-group select{ width:150px !important; }
.keyfiyet-static-page .keyfiyet-control-group select{
  height:36px !important;
  border:1px solid rgba(7,135,125,.18) !important;
  border-radius:10px !important;
  padding:0 12px !important;
  background:#fff !important;
  font-size:12px !important;
  font-weight:800 !important;
  color:#344258 !important;
}
.keyfiyet-static-page .keyfiyet-inline-btn{
  height:36px !important;
  min-width:92px !important;
  border-radius:10px !important;
  align-self:flex-end !important;
  font-size:12px !important;
  font-weight:900 !important;
}
.keyfiyet-static-page .keyfiyet-table th,
.keyfiyet-static-page .keyfiyet-table td{
  padding:6px 6px !important;
}
.keyfiyet-static-page .keyfiyet-table th:first-child,
.keyfiyet-static-page .keyfiyet-table td:first-child{
  width:185px !important;
}
.keyfiyet-static-page .keyfiyet-table th:last-child,
.keyfiyet-static-page .keyfiyet-table td:last-child{
  width:72px !important;
}
.keyfiyet-static-page .keyfiyet-table th{
  font-size:10.5px !important;
  line-height:1.1 !important;
}
.keyfiyet-static-page .keyfiyet-table td{
  font-size:10.5px !important;
}
.keyfiyet-static-page .month-label{
  display:block !important;
  font-size:10.5px !important;
  font-weight:950 !important;
  color:#17344e !important;
}
.keyfiyet-static-page .month-average{
  display:block !important;
  margin-top:2px !important;
  font-size:9px !important;
  font-weight:900 !important;
  color:#0a7f77 !important;
}
.keyfiyet-static-page .k-score.only-score,
.keyfiyet-static-page .k-score{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
}
.keyfiyet-static-page .k-score small{
  display:none !important;
}
.keyfiyet-static-page .keyfiyet-score-input{
  width:36px !important;
  height:22px !important;
  font-size:10.5px !important;
  font-weight:900 !important;
  border-radius:7px !important;
}
.keyfiyet-static-page .keyfiyet-table{
  min-width:unset !important;
  width:100% !important;
  table-layout:fixed !important;
}
.keyfiyet-static-page .keyfiyet-static-student-select{ display:none !important; }
@media (max-width: 1280px){
  .keyfiyet-static-page .keyfiyet-toolbar{
    width:100% !important;
  }
}


/* v91 Keyfiyet ay seçimi: Ağustos-Haziran ve Tüm Aylar */
.keyfiyet-static-page .keyfiyet-month-group select,
.keyfiyet-static-page .keyfiyet-remove-group select {
  width: 165px !important;
}


/* v92 Keyfiyet: satır girişi odak kaybetmesin, ortalama yatay ilerleme çubuğu */
.keyfiyet-static-page .keyfiyet-toolbar-row {
  align-items: flex-start !important;
}

.keyfiyet-static-page .keyfiyet-static-title {
  order: 2 !important;
  margin-left: auto !important;
  max-width: 460px !important;
  text-align: left !important;
}

.keyfiyet-static-page .keyfiyet-toolbar {
  order: 1 !important;
  margin-right: auto !important;
}

.keyfiyet-static-page .keyfiyet-table td.avg {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.keyfiyet-static-page .keyfiyet-avg-progress {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
}

.keyfiyet-static-page .keyfiyet-avg-track {
  height: 8px !important;
  border-radius: 999px !important;
  background: #e6f2f1 !important;
  overflow: hidden !important;
  min-width: 34px !important;
}

.keyfiyet-static-page .keyfiyet-avg-track i {
  display: block !important;
  height: 100% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #7adbd2, #0a9f94) !important;
}

.keyfiyet-static-page .keyfiyet-avg-progress strong {
  color: #0a7f77 !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  min-width: 22px !important;
  text-align: right !important;
}

.keyfiyet-static-page .keyfiyet-score-input {
  ime-mode: disabled;
}

@media (max-width: 1320px) {
  .keyfiyet-static-page .keyfiyet-static-title {
    max-width: 100% !important;
  }
}


/* v93 Keyfiyet başlık yazısı kaldırıldı */
.keyfiyet-static-page .keyfiyet-toolbar-row {
  justify-content: flex-start !important;
}

.keyfiyet-static-page .keyfiyet-toolbar {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* v94 Keyfiyet açılır menü ve alt veri aralıkları minimalize */
.keyfiyet-static-page .keyfiyet-static-inner {
  padding-top: 8px !important;
}

.keyfiyet-static-page .keyfiyet-toolbar-row {
  margin-bottom: 6px !important;
  gap: 8px !important;
  align-items: flex-end !important;
}

.keyfiyet-static-page .keyfiyet-toolbar {
  gap: 6px !important;
  margin-bottom: 4px !important;
}

.keyfiyet-static-page .keyfiyet-control-group {
  gap: 2px !important;
}

.keyfiyet-static-page .keyfiyet-control-group label {
  font-size: 10px !important;
  line-height: 1 !important;
}

.keyfiyet-static-page .keyfiyet-control-group select {
  height: 30px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  padding: 0 8px !important;
}

.keyfiyet-static-page .keyfiyet-inline-btn {
  height: 30px !important;
  min-width: 78px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  padding: 0 10px !important;
}

.keyfiyet-static-page .keyfiyet-table-wrap {
  margin-top: 0 !important;
}

.keyfiyet-static-page .keyfiyet-table th,
.keyfiyet-static-page .keyfiyet-table td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.keyfiyet-static-page .keyfiyet-score-input {
  height: 20px !important;
}

.keyfiyet-static-page .keyfiyet-summary-grid {
  margin-top: 8px !important;
  gap: 10px !important;
}

.keyfiyet-static-page .keyfiyet-legend {
  margin-top: 8px !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.keyfiyet-static-page .keyfiyet-bottom-actions {
  margin-top: 10px !important;
}


/* v95 Keyfiyet satır aralığı ve talebe başarı kartları */
.keyfiyet-static-page .keyfiyet-toolbar-title {
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  background: #edfafa !important;
  color: #087f77 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  align-self: flex-end !important;
}

.keyfiyet-static-page .keyfiyet-table th,
.keyfiyet-static-page .keyfiyet-table td {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.keyfiyet-static-page .keyfiyet-score-input {
  height: 23px !important;
}

.keyfiyet-static-page .keyfiyet-summary-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.keyfiyet-static-page .sum-card {
  min-height: 64px !important;
  padding: 8px 10px !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.keyfiyet-static-page .sum-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 11px !important;
  font-size: 20px !important;
  flex: 0 0 auto !important;
}

.keyfiyet-static-page .sum-card span {
  font-size: 10px !important;
  margin-bottom: 3px !important;
}

.keyfiyet-static-page .sum-card strong {
  font-size: 15px !important;
  line-height: 1.05 !important;
  display: block !important;
  max-width: 105px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.keyfiyet-static-page .sum-card small {
  display: block !important;
  color: #526a78 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  margin-top: 2px !important;
  white-space: nowrap !important;
}

@media (max-width: 1350px) {
  .keyfiyet-static-page .keyfiyet-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}


/* v96 Keyfiyet başlığı sol üst hizalama */
.keyfiyet-static-page .keyfiyet-static-inner {
  padding-top: 6px !important;
}

.keyfiyet-static-page .keyfiyet-toolbar-row {
  justify-content: flex-start !important;
  align-items: flex-start !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

.keyfiyet-static-page .keyfiyet-toolbar {
  width: 100% !important;
  justify-content: flex-start !important;
  align-items: flex-end !important;
  gap: 8px !important;
}

.keyfiyet-static-page .keyfiyet-toolbar-title {
  order: -1 !important;
  flex: 0 0 100% !important;
  width: fit-content !important;
  height: 34px !important;
  margin: 0 0 4px 0 !important;
  padding: 0 14px !important;
  align-self: flex-start !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  letter-spacing: .1px !important;
  border-radius: 10px !important;
  line-height: 1 !important;
}


/* v97 Ortak takip sayfası başlık stili ve Keyfiyet puan kutusu görünürlük düzeltmesi */
.unified-page-title,
.keyfiyet-static-page .keyfiyet-toolbar-title.unified-page-title {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 34px !important;
  min-height: 34px !important;
  width: fit-content !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  background: #edfafa !important;
  color: #087f77 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .1px !important;
  box-shadow: inset 0 0 0 1px rgba(7,135,125,.10) !important;
  margin: 0 0 6px 0 !important;
}

.test-page .unified-page-title,
.book-page .unified-page-title,
.guidance-page .unified-page-title {
  margin-bottom: 8px !important;
}

.keyfiyet-static-page .keyfiyet-score-input,
.keyfiyet-static-page input.keyfiyet-score-input {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  appearance: textfield !important;
  -webkit-appearance: none !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 24px !important;
  min-height: 24px !important;
  border: 1px solid #bfdcdd !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: #16213a !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-align: center !important;
  padding: 0 2px !important;
}

.keyfiyet-static-page input.keyfiyet-score-input:disabled {
  display: inline-block !important;
  opacity: .75 !important;
  background: #f5fbfb !important;
  color: #526a78 !important;
  pointer-events: none !important;
}

.keyfiyet-static-page .k-score.only-score,
.keyfiyet-static-page .k-score {
  min-height: 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}


/* v100 genel üst alan, tablo ve içerik dengeleme düzeltmeleri */
.detail-hero.small-hero,
.keyfiyet-static-hero,
.book-page .detail-hero.small-hero,
.guidance-page .detail-hero.small-hero {
  align-items: flex-start !important;
}

.detail-hero.small-hero > div:first-child,
.keyfiyet-static-hero > div:first-child {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 12px;
  row-gap: 4px;
}

.detail-hero.small-hero .back-link,
.detail-hero.small-hero .hero-label,
.keyfiyet-static-hero .back-link,
.keyfiyet-static-hero .hero-label {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  margin: 0 !important;
}

.detail-hero.small-hero h1,
.keyfiyet-static-hero h1 {
  flex: 0 0 100%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: clamp(30px, 2.65vw, 46px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.03em;
  margin: 6px 0 0 !important;
}

.detail-hero.small-hero p,
.keyfiyet-static-hero p {
  flex: 0 0 100%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 4px !important;
  font-size: 13px !important;
}

.detail-actions,
.keyfiyet-static-actions-top {
  flex: 0 0 auto;
  align-self: center !important;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px !important;
}

.detail-actions .mini-action,
.keyfiyet-static-actions-top .mini-action {
  min-width: 108px !important;
  padding: 0 14px !important;
  white-space: nowrap;
}

.tabs,
.compact-tabs {
  align-items: center !important;
}

.tabs .tab,
.compact-tabs .tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 14px !important;
  white-space: nowrap;
}

.keyfiyet-static-card,
.compact-card,
.placeholder-card,
.simple-form-card,
.accounting-placeholder-card,
.loss-page-card,
.keyfiyet-static-inner,
.list-card,
.book-page .kitap-card,
.guidance-page .guidance-card {
  box-sizing: border-box;
}

.table-wrap,
.keyfiyet-table-wrap,
.book-table-wrap,
.guidance-table-wrap,
.loss-table-wrap {
  overflow-x: auto;
}

.list-table th,
.list-table td,
.keyfiyet-table th,
.keyfiyet-table td,
.book-table th,
.book-table td,
.guidance-table th,
.guidance-table td,
.loss-table th,
.loss-table td,
.test-table th,
.test-table td,
.deneme-table th,
.deneme-table td {
  vertical-align: middle;
  line-height: 1.22;
}

.list-table th,
.keyfiyet-table th,
.book-table th,
.guidance-table th,
.loss-table th,
.test-table th,
.deneme-table th {
  font-weight: 900;
}

input,
select,
textarea,
button {
  box-sizing: border-box;
}

.keyfiyet-static-page .keyfiyet-toolbar,
.keyfiyet-toolbar {
  row-gap: 8px;
}

.keyfiyet-static-page .keyfiyet-control-group label,
.keyfiyet-control-group label {
  margin-bottom: 4px;
}

@media (max-width: 1180px) {
  .detail-hero.small-hero,
  .keyfiyet-static-hero {
    flex-direction: column;
    align-items: stretch !important;
  }

  .detail-actions,
  .keyfiyet-static-actions-top {
    justify-content: flex-end;
  }

  .detail-hero.small-hero h1,
  .keyfiyet-static-hero h1,
  .detail-hero.small-hero p,
  .keyfiyet-static-hero p {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
}


/* v84 home stats compact height + no text overflow */
.admin-home-body .stats-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

.admin-home-body .stat-card {
  min-height: 72px !important;
  height: 72px !important;
  padding: 8px 10px !important;
  display: grid !important;
  align-items: center !important;
  overflow: hidden !important;
}

.admin-home-body .stat-symbol-card {
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 8px !important;
}

.admin-home-body .stat-card > div:last-child {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
  overflow: hidden !important;
}

.admin-home-body .stat-mini-icon {
  width: 28px !important;
  height: 28px !important;
  font-size: 15px !important;
}

.admin-home-body .stat-card span {
  display: block !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  line-height: 1.08 !important;
  font-size: 11px !important;
  margin-bottom: 0 !important;
}

.admin-home-body .stat-card strong {
  display: block !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1 !important;
  font-size: 18px !important;
}

.admin-home-body .stat-card em {
  display: block !important;
  line-height: 1 !important;
  font-size: 10px !important;
}

@media (max-width: 1360px) {
  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .admin-home-body .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-home-body .stat-card {
    min-height: 68px !important;
    height: auto !important;
  }
}


/* v84.7 Admin ana sayfa üst sağ butonları: Talebe Ekle / Talebe Sil / Çıkış */
.admin-home-body .hero-actions {
  width: 384px !important;
  min-width: 384px !important;
  max-width: 384px !important;
  right: 104px !important;
  top: 44% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: center !important;
}

.admin-home-body .hero-actions .action-button {
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  padding: 0 10px !important;
  border-radius: 14px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  transform: none !important;
}

.admin-home-body .hero-actions .action-button.add {
  color: #ffffff !important;
  background: linear-gradient(180deg, #58e5b9 0%, #17b286 55%, #0c8f76 100%) !important;
  border: 1px solid rgba(6, 145, 95, .50) !important;
}
.admin-home-body .hero-actions .action-button.add::after {
  content: "➕" !important;
  order: -1 !important;
  font-size: 14px !important;
}

.admin-home-body .hero-actions .action-button.delete {
  color: #ffffff !important;
  background: linear-gradient(180deg, #ff9ba2 0%, #ff6e77 55%, #ea4d5a 100%) !important;
  border: 1px solid rgba(225, 91, 91, .55) !important;
}
.admin-home-body .hero-actions .action-button.delete::after {
  content: "🗑️" !important;
  order: -1 !important;
  font-size: 14px !important;
}

.admin-home-body .hero-actions .action-button.logout {
  color: #ffffff !important;
  background: linear-gradient(180deg, #8ec9ff 0%, #5fa7f0 55%, #3e86d7 100%) !important;
  border: 1px solid rgba(50, 113, 198, .45) !important;
  box-shadow:
    0 10px 22px rgba(62, 134, 215, .18),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -10px 16px rgba(0,0,0,.05) !important;
}
.admin-home-body .hero-actions .action-button.logout::after {
  content: "⎋" !important;
  order: -1 !important;
  font-size: 15px !important;
}

.admin-home-body .hero-actions .action-button:hover {
  filter: brightness(1.04) saturate(1.04) !important;
}


/* v101 FINAL admin top buttons - small equal size, no title overlap */
.admin-home-body .hero-card {
  position: relative !important;
  padding-right: 410px !important;
}

.admin-home-body .hero-actions {
  position: absolute !important;
  right: 108px !important;
  top: 28px !important;
  transform: none !important;
  width: 348px !important;
  min-width: 348px !important;
  max-width: 348px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 108px) !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: end !important;
  z-index: 5 !important;
}

.admin-home-body .hero-actions .action-button {
  width: 108px !important;
  min-width: 108px !important;
  max-width: 108px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 8px !important;
  border-radius: 12px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  transform: none !important;
  inset: auto !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.admin-home-body .hero-actions .action-button.add::after {
  content: "➕" !important;
  order: -1 !important;
  font-size: 12px !important;
}

.admin-home-body .hero-actions .action-button.delete::after {
  content: "🗑️" !important;
  order: -1 !important;
  font-size: 12px !important;
}

.admin-home-body .hero-actions .action-button.logout::after {
  content: "⎋" !important;
  order: -1 !important;
  font-size: 13px !important;
}

.admin-home-body .hero-actions .action-button.add {
  color: #ffffff !important;
  border: 1px solid rgba(6, 145, 95, .55) !important;
  background: linear-gradient(180deg, #58e5b9 0%, #18b987 55%, #0a8f74 100%) !important;
}

.admin-home-body .hero-actions .action-button.delete {
  color: #ffffff !important;
  border: 1px solid rgba(225, 91, 91, .58) !important;
  background: linear-gradient(180deg, #ff9ca3 0%, #ff6e77 55%, #e94c58 100%) !important;
}

.admin-home-body .hero-actions .action-button.logout {
  color: #ffffff !important;
  border: 1px solid rgba(50, 113, 198, .45) !important;
  background: linear-gradient(180deg, #8fcaff 0%, #61a8f0 55%, #3d86d8 100%) !important;
}

@media (max-width: 1200px) {
  .admin-home-body .hero-card {
    padding-right: 34px !important;
  }

  .admin-home-body .hero-actions {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: repeat(3, 108px) !important;
    justify-content: flex-end !important;
    margin-top: 12px !important;
  }
}


/* v102 FINAL admin header buttons - compact, equal size, right aligned, no overlap */
.admin-home-body .hero-card {
  padding-right: 340px !important;
}

.admin-home-body .hero-actions {
  position: absolute !important;
  top: 28px !important;
  right: 26px !important;
  transform: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  z-index: 9 !important;
}

.admin-home-body .hero-actions .action-button {
  width: 102px !important;
  min-width: 102px !important;
  max-width: 102px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.admin-home-body .hero-actions .action-button.add::after {
  content: "➕" !important;
  order: -1 !important;
  font-size: 12px !important;
}
.admin-home-body .hero-actions .action-button.delete::after {
  content: "🗑️" !important;
  order: -1 !important;
  font-size: 12px !important;
}
.admin-home-body .hero-actions .action-button.logout::after {
  content: "⎋" !important;
  order: -1 !important;
  font-size: 12px !important;
}

@media (max-width: 1200px) {
  .admin-home-body .hero-card {
    padding-right: 24px !important;
  }
  .admin-home-body .hero-actions {
    position: static !important;
    margin-top: 12px !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
  }
}


/* v87 FINAL admin üst sağ butonlar: yazılar taşmaz, okunur, en sağda */
.admin-home-body .hero-card {
  position: relative !important;
  overflow: hidden !important;
  padding-right: 430px !important;
}

.admin-home-body .hero-actions {
  position: absolute !important;
  top: 28px !important;
  right: 28px !important;
  transform: none !important;
  width: 386px !important;
  min-width: 386px !important;
  max-width: 386px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 122px) !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: end !important;
  z-index: 20 !important;
}

.admin-home-body .hero-actions .action-button {
  width: 122px !important;
  min-width: 122px !important;
  max-width: 122px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 9px !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
  filter: none !important;
}

.admin-home-body .hero-actions .action-button.add::after {
  content: "➕" !important;
  order: -1 !important;
  font-size: 12px !important;
}

.admin-home-body .hero-actions .action-button.delete::after {
  content: "🗑️" !important;
  order: -1 !important;
  font-size: 12px !important;
}

.admin-home-body .hero-actions .action-button.logout::after {
  content: "↩" !important;
  order: -1 !important;
  font-size: 12px !important;
}

.admin-home-body .hero-actions .action-button.add {
  color: #fff !important;
  border: 1px solid rgba(6, 145, 95, .55) !important;
  background: linear-gradient(180deg, #55e4b5 0%, #17b585 55%, #0b8d73 100%) !important;
}

.admin-home-body .hero-actions .action-button.delete {
  color: #fff !important;
  border: 1px solid rgba(225, 91, 91, .58) !important;
  background: linear-gradient(180deg, #ff9ba2 0%, #ff6e77 55%, #e94d59 100%) !important;
}

.admin-home-body .hero-actions .action-button.logout {
  color: #fff !important;
  border: 1px solid rgba(50, 113, 198, .48) !important;
  background: linear-gradient(180deg, #8bc8ff 0%, #5fa7f0 55%, #3d86d8 100%) !important;
}

@media (max-width: 1250px) {
  .admin-home-body .hero-card {
    padding-right: 34px !important;
  }

  .admin-home-body .hero-actions {
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: repeat(3, 122px) !important;
    justify-content: flex-end !important;
    margin-top: 12px !important;
  }
}


/* v88 admin referans tasarım uyumu */
.admin-home-body {
  background: linear-gradient(180deg, #edf9f7 0%, #f7fdfc 100%) !important;
}

.admin-home-body .admin-shell {
  max-width: 1320px !important;
  padding: 18px 20px 28px !important;
  gap: 14px !important;
}

.admin-home-body .hero-card {
  background: rgba(255,255,255,0.96) !important;
  border: 1px solid #d8efea !important;
  border-radius: 26px !important;
  box-shadow: 0 16px 30px rgba(34, 131, 120, 0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding: 26px 32px !important;
}

.admin-home-body .hero-label {
  margin: 0 0 8px 0 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  color: #087f78 !important;
  letter-spacing: 0.4px !important;
}

.admin-home-body .hero-card h1 {
  margin: 0 !important;
  font-size: clamp(52px, 5.3vw, 74px) !important;
  line-height: 0.98 !important;
  letter-spacing: -1.4px !important;
  color: #05928b !important;
  text-shadow: 0 6px 15px rgba(5,146,139,0.14) !important;
}

.admin-home-body .hero-text {
  margin: 12px 0 0 2px !important;
  font-size: clamp(22px, 2.4vw, 33px) !important;
  line-height: 1.1 !important;
  font-style: italic !important;
  font-weight: 500 !important;
  color: #149e95 !important;
  font-family: "Trebuchet MS", "Segoe Script", cursive !important;
}

.admin-home-body .hero-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  position: static !important;
}

.admin-home-body .hero-actions .action-button {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  padding: 0 18px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 10px 22px rgba(0,0,0,0.08) !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  filter: none !important;
  flex: 0 0 auto !important;
  line-height: 1 !important;
  font-size: 18px !important;
}

.admin-home-body .hero-actions .action-button.add::after { content: "➕" !important; order: -1 !important; }
.admin-home-body .hero-actions .action-button.delete::after { content: "🗑️" !important; order: -1 !important; }
.admin-home-body .hero-actions .action-button.logout::after { content: "↪" !important; order: -1 !important; }

.admin-home-body .hero-actions .action-button.add {
  color: #fff !important;
  border: 1px solid #0da979 !important;
  background: linear-gradient(180deg, #3fe0ab 0%, #13bb85 55%, #0c9476 100%) !important;
}
.admin-home-body .hero-actions .action-button.delete {
  color: #fff !important;
  border: 1px solid #e75d6b !important;
  background: linear-gradient(180deg, #ff8d99 0%, #ff5f6e 55%, #ea4557 100%) !important;
}
.admin-home-body .hero-actions .action-button.logout {
  color: #fff !important;
  border: 1px solid #4f8be8 !important;
  background: linear-gradient(180deg, #76b6ff 0%, #4d96ef 55%, #387ede 100%) !important;
}

.admin-home-body .stats-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.admin-home-body .stat-card {
  min-height: 110px !important;
  border-radius: 24px !important;
  border: 1px solid #dcedeb !important;
  background: rgba(255,255,255,0.95) !important;
  box-shadow: 0 10px 22px rgba(37, 130, 117, 0.06) !important;
  padding: 18px 18px !important;
}

.admin-home-body .stat-symbol-card {
  display: grid !important;
  grid-template-columns: 44px 1fr !important;
  align-items: center !important;
  gap: 14px !important;
}

.admin-home-body .stat-mini-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f6fbfb !important;
  border: 1px solid #d8ece8 !important;
  font-size: 24px !important;
}

.admin-home-body .stat-card span {
  display: block !important;
  margin-bottom: 6px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: #0a7f78 !important;
}

.admin-home-body .stat-card strong {
  display: block !important;
  font-size: 23px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  color: #058e86 !important;
}

.admin-home-body .warning-stat em {
  display: block !important;
  margin-top: 6px !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  color: #f17d18 !important;
}

.admin-home-body .list-card {
  border-radius: 26px !important;
  border: 1px solid #d8efea !important;
  background: rgba(255,255,255,0.97) !important;
  box-shadow: 0 14px 30px rgba(34, 131, 120, 0.06) !important;
  padding: 14px 0 0 !important;
  overflow: hidden !important;
}

.admin-home-body .list-top {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 0 20px 12px !important;
}

.admin-home-body .list-top > div:first-child {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.admin-home-body .list-top h2 {
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: #e9fbf8 !important;
  border: 1px solid #d0eeea !important;
  color: #08867f !important;
  padding: 10px 28px !important;
  border-radius: 20px !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.admin-home-body .list-top h2::before {
  content: "📚" !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

.admin-home-body .list-top p {
  margin: 8px 0 0 8px !important;
  font-size: 13px !important;
  color: #52716d !important;
}

.admin-home-body .filters {
  display: grid !important;
  grid-template-columns: 310px 180px 180px !important;
  gap: 14px !important;
  align-items: center !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select {
  height: 50px !important;
  border-radius: 18px !important;
  border: 1px solid #d7e8ef !important;
  background: #fff !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #2f4e71 !important;
}

.admin-home-body .table-wrap table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.admin-home-body .table-wrap table th {
  background: #fff !important;
  color: #0c8a83 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  padding: 16px 18px !important;
  border-top: 1px solid #daf0ec !important;
  border-bottom: 1px solid #e1f2f0 !important;
}

.admin-home-body .table-wrap table td {
  font-size: 17px !important;
  color: #253861 !important;
  font-weight: 600 !important;
  padding: 16px 18px !important;
  border-bottom: 1px solid #e9f4f2 !important;
}

.admin-home-body #studentTable .student-link,
.admin-home-body #studentTable .student-name,
.admin-home-body #studentTable td a {
  color: #101820 !important;
  text-decoration: underline !important;
  font-weight: 800 !important;
}

.admin-home-body #studentTable .pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 78px !important;
  height: 34px !important;
  padding: 0 16px !important;
  border-radius: 17px !important;
  border: 1px solid #d7ddef !important;
  background: #f6f8fb !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #51688f !important;
}

@media (max-width: 1320px) {
  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .admin-home-body .filters {
    grid-template-columns: 1fr 180px 180px !important;
  }
}

@media (max-width: 1080px) {
  .admin-home-body .hero-card {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .admin-home-body .hero-actions {
    width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }
  .admin-home-body .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .admin-home-body .list-top {
    grid-template-columns: 1fr !important;
  }
  .admin-home-body .filters {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  .admin-home-body .stats-grid {
    grid-template-columns: 1fr !important;
  }
  .admin-home-body .hero-actions .action-button {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* v89 REFERANS GORSEL ADMIN TASARIMI */
.admin-home-body {
  background:
    radial-gradient(circle at 20% 0%, rgba(220, 255, 247, .85), transparent 36%),
    linear-gradient(180deg, #f4fbfb 0%, #fbfefd 100%) !important;
}

.admin-home-body .admin-shell {
  max-width: 1328px !important;
  margin: 0 auto !important;
  padding: 18px 18px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.admin-home-body .hero-card {
  position: relative !important;
  overflow: visible !important;
  min-height: 168px !important;
  padding: 28px 32px 24px 34px !important;
  border-radius: 24px !important;
  border: 1px solid #d8ece9 !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 12px 30px rgba(20, 126, 118, .06) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
}

.admin-home-body .hero-card > div:first-child {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.admin-home-body .hero-label {
  display: none !important;
}

.admin-home-body .hero-card h1 {
  margin: 0 !important;
  color: #078b84 !important;
  font-size: clamp(52px, 5.1vw, 72px) !important;
  line-height: .96 !important;
  font-weight: 950 !important;
  letter-spacing: -1.7px !important;
  text-shadow: 0 8px 18px rgba(4, 126, 119, .14) !important;
  white-space: nowrap !important;
}

.admin-home-body .hero-text {
  display: block !important;
  margin: 12px 0 0 4px !important;
  color: #168f87 !important;
  font-family: "Segoe Script", "Comic Sans MS", "Trebuchet MS", cursive !important;
  font-style: italic !important;
  font-size: clamp(22px, 2.3vw, 31px) !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: .1px !important;
  white-space: nowrap !important;
}

/* Üst sağ butonlar: referanstaki gibi büyük, okunur, yan yana */
.admin-home-body .hero-actions {
  position: static !important;
  transform: none !important;
  width: auto !important;
  min-width: 498px !important;
  max-width: none !important;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
  margin: 0 8px 0 0 !important;
  z-index: 3 !important;
}

.admin-home-body .hero-actions .action-button {
  position: relative !important;
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
  padding: 0 18px !important;
  border-radius: 15px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -9px 16px rgba(0,0,0,.06),
    0 10px 22px rgba(0,0,0,.09) !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  filter: none !important;
  flex: 0 0 auto !important;
  line-height: 1 !important;
  font-size: 20px !important;
}

.admin-home-body .hero-actions .action-button.add::after {
  content: "➕" !important;
  order: -1 !important;
}

.admin-home-body .hero-actions .action-button.delete::after {
  content: "🗑️" !important;
  order: -1 !important;
}

.admin-home-body .hero-actions .action-button.logout::after {
  content: "↪" !important;
  order: -1 !important;
}

.admin-home-body .hero-actions .action-button.add {
  background: linear-gradient(180deg, #30dca4 0%, #12bd83 54%, #078d72 100%) !important;
  border: 1px solid #0b9e79 !important;
}

.admin-home-body .hero-actions .action-button.delete {
  background: linear-gradient(180deg, #ff7e89 0%, #f45a67 54%, #dd2435 100%) !important;
  border: 1px solid #e04856 !important;
}

.admin-home-body .hero-actions .action-button.logout {
  background: linear-gradient(180deg, #75b6ff 0%, #4e96ee 54%, #2f78dc 100%) !important;
  border: 1px solid #4b8be0 !important;
}

/* Özet kartları */
.admin-home-body .stats-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.admin-home-body .stat-card {
  min-height: 110px !important;
  height: 110px !important;
  padding: 18px 18px !important;
  border-radius: 17px !important;
  border: 1px solid #ddecea !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 8px 20px rgba(20, 126, 118, .045) !important;
  overflow: hidden !important;
}

.admin-home-body .stat-symbol-card {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 13px !important;
}

.admin-home-body .stat-mini-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f7fbfb !important;
  border: 1px solid #d9ece9 !important;
  font-size: 22px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.75) !important;
}

.admin-home-body .stat-card span {
  display: block !important;
  margin: 0 0 8px 0 !important;
  color: #07877f !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  white-space: normal !important;
}

.admin-home-body .stat-card strong {
  display: block !important;
  color: #058d85 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.admin-home-body .warning-stat em {
  display: block !important;
  margin-top: 8px !important;
  color: #f17b15 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  font-style: normal !important;
}

/* Talebe listesi kartı */
.admin-home-body .list-card {
  border-radius: 22px !important;
  border: 1px solid #d8ece9 !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 12px 28px rgba(20, 126, 118, .055) !important;
  overflow: hidden !important;
  padding: 16px 0 0 !important;
}

.admin-home-body .list-top {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 0 18px 16px !important;
}

.admin-home-body .list-top > div:first-child {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.admin-home-body .list-top h2 {
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 26px !important;
  border-radius: 17px !important;
  border: 1px solid #d2eeeb !important;
  background: #ecfbf8 !important;
  color: #08867f !important;
  font-size: 29px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.3px !important;
}

.admin-home-body .list-top h2::before {
  content: "📚" !important;
  font-size: 30px !important;
  line-height: 1 !important;
}

.admin-home-body .list-top p {
  margin: 8px 0 0 6px !important;
  color: #486c68 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.admin-home-body .filters {
  display: grid !important;
  grid-template-columns: 310px 180px 180px !important;
  align-items: center !important;
  gap: 14px !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select {
  height: 52px !important;
  border-radius: 16px !important;
  border: 1px solid #d9e5ee !important;
  background: #fff !important;
  color: #233e63 !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(20, 126, 118, .025) !important;
}

.admin-home-body .table-wrap table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.admin-home-body .table-wrap table th {
  background: #fff !important;
  color: #07877f !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  padding: 16px 18px !important;
  border-top: 1px solid #dcefeb !important;
  border-bottom: 1px solid #e3f1ef !important;
  line-height: 1.15 !important;
}

.admin-home-body .table-wrap table td {
  color: #24345e !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 15px 18px !important;
  border-bottom: 1px solid #eaf4f2 !important;
  line-height: 1.2 !important;
}

.admin-home-body #studentTable .student-link,
.admin-home-body #studentTable .student-name,
.admin-home-body #studentTable td a {
  color: #111 !important;
  font-weight: 850 !important;
  text-decoration: underline !important;
}

.admin-home-body #studentTable .pill {
  min-width: 78px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 17px !important;
  border: 1px solid #d8ddec !important;
  background: #f6f8fb !important;
  color: #4f6388 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}

@media (max-width: 1340px) {
  .admin-home-body .hero-card {
    align-items: flex-start !important;
  }

  .admin-home-body .hero-card h1 {
    font-size: 56px !important;
  }

  .admin-home-body .hero-actions {
    min-width: 450px !important;
    gap: 10px !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 138px !important;
    min-width: 138px !important;
    max-width: 138px !important;
    height: 56px !important;
    font-size: 15px !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1080px) {
  .admin-home-body .hero-card,
  .admin-home-body .list-top {
    grid-template-columns: 1fr !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .admin-home-body .hero-actions {
    min-width: 0 !important;
    width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  .admin-home-body .filters {
    grid-template-columns: 1fr !important;
  }
}


/* v90 ADMIN DUZGUN REFERANS TASARIM */
.admin-home-body {
  background:
    radial-gradient(circle at 20% 0%, rgba(214, 255, 246, .75), transparent 34%),
    linear-gradient(180deg, #f1faf9 0%, #fbfefd 100%) !important;
}

/* Sol menü üstüne binmeyi tamamen engelle */
.admin-home-body .admin-shell {
  width: calc(100vw - 292px) !important;
  max-width: none !important;
  margin-left: 248px !important;
  margin-right: 18px !important;
  padding: 18px 18px 32px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  overflow: visible !important;
}

/* Üst ana kart */
.admin-home-body .hero-card {
  position: relative !important;
  overflow: hidden !important;
  min-height: 150px !important;
  padding: 24px 30px !important;
  border-radius: 22px !important;
  border: 1px solid #d7ebe8 !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 12px 28px rgba(20, 126, 118, .055) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 22px !important;
}

.admin-home-body .hero-card > div:first-child {
  min-width: 0 !important;
  overflow: hidden !important;
}

.admin-home-body .hero-label {
  display: none !important;
}

.admin-home-body .hero-card h1 {
  margin: 0 !important;
  color: #078b84 !important;
  font-size: clamp(46px, 4.6vw, 68px) !important;
  line-height: .98 !important;
  font-weight: 950 !important;
  letter-spacing: -1.5px !important;
  text-shadow: 0 8px 18px rgba(4,126,119,.13) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  max-width: 100% !important;
}

.admin-home-body .hero-text {
  display: block !important;
  margin: 10px 0 0 2px !important;
  color: #168f87 !important;
  font-family: "Segoe Script", "Comic Sans MS", "Trebuchet MS", cursive !important;
  font-style: italic !important;
  font-size: clamp(19px, 2vw, 29px) !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Üst sağ butonlar: başlığa binmez, aynı hizada, okunur */
.admin-home-body .hero-actions {
  position: static !important;
  transform: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  margin: 0 !important;
  z-index: 3 !important;
}

.admin-home-body .hero-actions .action-button {
  position: relative !important;
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  padding: 0 14px !important;
  border-radius: 15px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -8px 14px rgba(0,0,0,.055),
    0 10px 22px rgba(0,0,0,.08) !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  filter: none !important;
  flex: 0 0 auto !important;
  line-height: 1 !important;
  font-size: 17px !important;
}

.admin-home-body .hero-actions .action-button.add::after {
  content: "➕" !important;
  order: -1 !important;
}

.admin-home-body .hero-actions .action-button.delete::after {
  content: "🗑️" !important;
  order: -1 !important;
}

.admin-home-body .hero-actions .action-button.logout::after {
  content: "↪" !important;
  order: -1 !important;
}

.admin-home-body .hero-actions .action-button.add {
  background: linear-gradient(180deg, #30dca4 0%, #12bd83 54%, #078d72 100%) !important;
  border: 1px solid #0b9e79 !important;
}

.admin-home-body .hero-actions .action-button.delete {
  background: linear-gradient(180deg, #ff7e89 0%, #f45a67 54%, #dd2435 100%) !important;
  border: 1px solid #e04856 !important;
}

.admin-home-body .hero-actions .action-button.logout {
  background: linear-gradient(180deg, #75b6ff 0%, #4e96ee 54%, #2f78dc 100%) !important;
  border: 1px solid #4b8be0 !important;
}

/* Özet kutucuklar tek satır, yazı kırılması kötü durmasın */
.admin-home-body .stats-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.admin-home-body .stat-card {
  min-height: 96px !important;
  height: 96px !important;
  padding: 14px 14px !important;
  border-radius: 17px !important;
  border: 1px solid #dcecea !important;
  background: rgba(255,255,255,.93) !important;
  box-shadow: 0 8px 18px rgba(20,126,118,.04) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.admin-home-body .stat-symbol-card {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 11px !important;
}

.admin-home-body .stat-mini-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f7fbfb !important;
  border: 1px solid #d9ece9 !important;
  font-size: 21px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.75) !important;
}

.admin-home-body .stat-card span {
  display: block !important;
  margin: 0 0 6px 0 !important;
  color: #07877f !important;
  font-size: 13px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.admin-home-body .stat-card strong {
  display: block !important;
  color: #058d85 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.admin-home-body .warning-stat em {
  display: block !important;
  margin-top: 6px !important;
  color: #f17b15 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  font-style: normal !important;
}

/* Talebe listesi */
.admin-home-body .list-card {
  border-radius: 22px !important;
  border: 1px solid #d8ece9 !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 12px 28px rgba(20,126,118,.05) !important;
  overflow: hidden !important;
  padding: 16px 0 0 !important;
}

.admin-home-body .list-top {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 0 18px 16px !important;
}

.admin-home-body .list-top > div:first-child {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.admin-home-body .list-top h2 {
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 26px !important;
  border-radius: 17px !important;
  border: 1px solid #d2eeeb !important;
  background: #ecfbf8 !important;
  color: #08867f !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.3px !important;
}

.admin-home-body .list-top h2::before {
  content: "📚" !important;
  font-size: 30px !important;
  line-height: 1 !important;
}

.admin-home-body .list-top p {
  margin: 8px 0 0 6px !important;
  color: #486c68 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.admin-home-body .filters {
  display: grid !important;
  grid-template-columns: 310px 180px 180px !important;
  align-items: center !important;
  gap: 14px !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select {
  height: 50px !important;
  border-radius: 16px !important;
  border: 1px solid #d9e5ee !important;
  background: #fff !important;
  color: #233e63 !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(20,126,118,.025) !important;
}

.admin-home-body .table-wrap table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.admin-home-body .table-wrap table th {
  background: #fff !important;
  color: #07877f !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  padding: 15px 18px !important;
  border-top: 1px solid #dcefeb !important;
  border-bottom: 1px solid #e3f1ef !important;
  line-height: 1.15 !important;
}

.admin-home-body .table-wrap table td {
  color: #24345e !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid #eaf4f2 !important;
  line-height: 1.2 !important;
}

.admin-home-body #studentTable .student-link,
.admin-home-body #studentTable .student-name,
.admin-home-body #studentTable td a {
  color: #111 !important;
  font-weight: 850 !important;
  text-decoration: underline !important;
}

.admin-home-body #studentTable .pill {
  min-width: 78px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 17px !important;
  border: 1px solid #d8ddec !important;
  background: #f6f8fb !important;
  color: #4f6388 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

/* Orta ekranlarda çakışma olmasın */
@media (max-width: 1340px) {
  .admin-home-body .admin-shell {
    width: calc(100vw - 270px) !important;
    margin-left: 244px !important;
    margin-right: 12px !important;
  }

  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
    row-gap: 16px !important;
  }

  .admin-home-body .hero-card h1 {
    font-size: 56px !important;
  }

  .admin-home-body .hero-actions {
    justify-content: flex-end !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .admin-home-body .filters {
    grid-template-columns: 1fr 160px 160px !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .admin-shell {
    width: calc(100vw - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .admin-home-body .hero-card h1 {
    white-space: normal !important;
  }

  .admin-home-body .hero-actions {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-home-body .list-top,
  .admin-home-body .filters {
    grid-template-columns: 1fr !important;
  }
}


/* v91 ADMIN OKUNURLUK DUZELTME */
.admin-home-body,
.admin-home-body * {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

/* Sol menü ile içerik çakışmasın, içerik okunur genişlikte kalsın */
.admin-home-body .admin-shell {
  width: calc(100vw - 292px) !important;
  max-width: none !important;
  margin-left: 248px !important;
  margin-right: 18px !important;
  padding: 18px 18px 32px !important;
  box-sizing: border-box !important;
  gap: 14px !important;
}

/* Üst başlık kartı okunur ve taşmadan */
.admin-home-body .hero-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;
  min-height: 150px !important;
  padding: 26px 30px !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  border: 1px solid #d7ebe8 !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 12px 28px rgba(20,126,118,.055) !important;
}

.admin-home-body .hero-card > div:first-child {
  min-width: 0 !important;
  overflow: hidden !important;
}

.admin-home-body .hero-label {
  display: none !important;
}

.admin-home-body .hero-card h1 {
  margin: 0 !important;
  max-width: 100% !important;
  color: #078b84 !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(48px, 4.5vw, 64px) !important;
  line-height: 1.02 !important;
  font-weight: 950 !important;
  letter-spacing: -1.2px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  text-shadow: 0 7px 16px rgba(4,126,119,.12) !important;
}

.admin-home-body .hero-text {
  display: block !important;
  margin: 9px 0 0 3px !important;
  max-width: 100% !important;
  color: #168f87 !important;
  font-family: "Segoe UI", "Trebuchet MS", Arial, sans-serif !important;
  font-style: italic !important;
  font-size: clamp(19px, 1.8vw, 26px) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

/* Butonlar: yazı ve ikon tam okunur, eşit ölçüde */
.admin-home-body .hero-actions {
  position: static !important;
  transform: none !important;
  width: auto !important;
  min-width: 486px !important;
  max-width: none !important;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  margin: 0 !important;
}

.admin-home-body .hero-actions .action-button {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  padding: 0 14px !important;
  border-radius: 15px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  color: #fff !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  filter: none !important;
  flex: 0 0 auto !important;
  line-height: 1 !important;
  font-size: 18px !important;
}

.admin-home-body .hero-actions .action-button.add::after {
  content: "➕" !important;
  order: -1 !important;
}

.admin-home-body .hero-actions .action-button.delete::after {
  content: "🗑️" !important;
  order: -1 !important;
}

.admin-home-body .hero-actions .action-button.logout::after {
  content: "↪" !important;
  order: -1 !important;
}

/* Özet kutuları: yazılar bölünmeden okunur */
.admin-home-body .stats-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.admin-home-body .stat-card {
  height: 104px !important;
  min-height: 104px !important;
  padding: 14px 14px !important;
  border-radius: 17px !important;
  border: 1px solid #dcecea !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 8px 18px rgba(20,126,118,.04) !important;
  overflow: hidden !important;
}

.admin-home-body .stat-symbol-card {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 11px !important;
}

.admin-home-body .stat-mini-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  font-size: 21px !important;
  flex: 0 0 auto !important;
}

.admin-home-body .stat-card span {
  display: block !important;
  margin: 0 0 7px 0 !important;
  color: #07877f !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  white-space: normal !important;
  overflow: visible !important;
}

.admin-home-body .stat-card strong {
  display: block !important;
  color: #058d85 !important;
  font-size: 25px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.admin-home-body .warning-stat em {
  display: block !important;
  margin-top: 6px !important;
  color: #f17b15 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  font-style: normal !important;
}

/* Liste başlığı, filtreler ve tablo okunur */
.admin-home-body .list-top h2 {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.admin-home-body .list-top p {
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  color: #1e3a5f !important;
}

.admin-home-body .table-wrap table th {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 16.5px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.admin-home-body .table-wrap table td {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
}

.admin-home-body #studentTable .student-link,
.admin-home-body #studentTable .student-name,
.admin-home-body #studentTable td a {
  color: #101820 !important;
  font-weight: 850 !important;
  text-decoration: underline !important;
}

/* 1366 ekran gibi orta genişlikte: başlık ve butonlar çakışmasın */
@media (max-width: 1340px) {
  .admin-home-body .admin-shell {
    width: calc(100vw - 270px) !important;
    margin-left: 244px !important;
    margin-right: 12px !important;
  }

  .admin-home-body .hero-card {
    grid-template-columns: minmax(0, 1fr) 420px !important;
    gap: 18px !important;
  }

  .admin-home-body .hero-card h1 {
    font-size: 52px !important;
    letter-spacing: -1px !important;
  }

  .admin-home-body .hero-text {
    font-size: 21px !important;
  }

  .admin-home-body .hero-actions {
    min-width: 420px !important;
    gap: 10px !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: 52px !important;
    font-size: 14px !important;
    padding: 0 10px !important;
    gap: 7px !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Dar ekranda okunurluk için alt alta */
@media (max-width: 980px) {
  .admin-home-body .admin-shell {
    width: calc(100vw - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-card h1,
  .admin-home-body .hero-text {
    white-space: normal !important;
    overflow: visible !important;
  }

  .admin-home-body .hero-actions {
    min-width: 0 !important;
    width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-home-body .table-wrap {
    overflow-x: auto !important;
  }
}


/* v92 ADMIN UST BASLIK VE BUTON SIGDIRMA */
.admin-home-body .admin-shell {
  width: calc(100vw - 292px) !important;
  max-width: none !important;
  margin-left: 248px !important;
  margin-right: 18px !important;
  padding: 18px 18px 32px !important;
  box-sizing: border-box !important;
}

/* Üst kart: başlık tamamen görünecek, butonlar en sağda kalacak */
.admin-home-body .hero-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 378px !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 146px !important;
  padding: 24px 28px !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  box-sizing: border-box !important;
}

.admin-home-body .hero-card > div:first-child {
  min-width: 0 !important;
  overflow: hidden !important;
}

/* Şehitler Proje Yurdu yazısı küçültüldü ve kutuya sığdırıldı */
.admin-home-body .hero-card h1 {
  margin: 0 !important;
  max-width: 100% !important;
  font-size: clamp(40px, 3.7vw, 50px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.9px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  color: #078b84 !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: 950 !important;
}

/* Slogan da okunur ama taşmaz */
.admin-home-body .hero-text {
  margin: 8px 0 0 2px !important;
  font-size: clamp(17px, 1.55vw, 22px) !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  color: #168f87 !important;
  font-family: "Segoe UI", "Trebuchet MS", Arial, sans-serif !important;
  font-style: italic !important;
  font-weight: 600 !important;
}

/* Butonlar biraz daraltıldı; yazılar kutu içine sığacak şekilde küçültüldü */
.admin-home-body .hero-actions {
  position: static !important;
  transform: none !important;
  width: 378px !important;
  min-width: 378px !important;
  max-width: 378px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 118px) !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: end !important;
  margin: 0 !important;
}

.admin-home-body .hero-actions .action-button {
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 8px !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: -0.1px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  line-height: 1 !important;
  font-size: 14px !important;
  filter: none !important;
}

.admin-home-body .hero-actions .action-button.add::after {
  content: "➕" !important;
  order: -1 !important;
}

.admin-home-body .hero-actions .action-button.delete::after {
  content: "🗑️" !important;
  order: -1 !important;
}

.admin-home-body .hero-actions .action-button.logout::after {
  content: "↪" !important;
  order: -1 !important;
}

/* 1366 ekranda başlık yine tam görünsün */
@media (max-width: 1340px) {
  .admin-home-body .admin-shell {
    width: calc(100vw - 270px) !important;
    margin-left: 244px !important;
    margin-right: 12px !important;
  }

  .admin-home-body .hero-card {
    grid-template-columns: minmax(0, 1fr) 354px !important;
    gap: 14px !important;
    padding: 22px 24px !important;
  }

  .admin-home-body .hero-card h1 {
    font-size: 43px !important;
    letter-spacing: -0.8px !important;
  }

  .admin-home-body .hero-text {
    font-size: 18px !important;
  }

  .admin-home-body .hero-actions {
    width: 354px !important;
    min-width: 354px !important;
    max-width: 354px !important;
    grid-template-columns: repeat(3, 112px) !important;
    gap: 6px !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 46px !important;
    font-size: 12px !important;
    gap: 5px !important;
    padding: 0 6px !important;
  }

  .admin-home-body .hero-actions .action-button::after {
    font-size: 13px !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-card h1,
  .admin-home-body .hero-text {
    white-space: normal !important;
    overflow: visible !important;
  }

  .admin-home-body .hero-actions {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: repeat(3, minmax(98px, 1fr)) !important;
    justify-content: start !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}


/* v93 UST SAG RENKLI BUTON YAZI ORTALAMA */
.admin-home-body .hero-actions {
  display: grid !important;
  grid-template-columns: repeat(3, 124px) !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: end !important;
  width: 392px !important;
  min-width: 392px !important;
  max-width: 392px !important;
}

.admin-home-body .hero-actions .action-button {
  width: 124px !important;
  min-width: 124px !important;
  max-width: 124px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 8px !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;

  display: grid !important;
  grid-template-columns: 18px minmax(0, auto) !important;
  align-items: center !important;
  justify-content: center !important;
  justify-items: center !important;
  column-gap: 7px !important;

  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.admin-home-body .hero-actions .action-button::before {
  display: none !important;
  content: none !important;
}

.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  order: -1 !important;
  flex: none !important;
  line-height: 1 !important;
  font-size: 13px !important;
  filter: none !important;
  text-align: center !important;
}

.admin-home-body .hero-actions .action-button.add::after {
  content: "➕" !important;
}

.admin-home-body .hero-actions .action-button.delete::after {
  content: "🗑️" !important;
}

.admin-home-body .hero-actions .action-button.logout::after {
  content: "↪" !important;
}

@media (max-width: 1340px) {
  .admin-home-body .hero-actions {
    grid-template-columns: repeat(3, 120px) !important;
    width: 376px !important;
    min-width: 376px !important;
    max-width: 376px !important;
    gap: 8px !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 46px !important;
    font-size: 12px !important;
    grid-template-columns: 17px minmax(0, auto) !important;
    column-gap: 6px !important;
  }

  .admin-home-body .hero-actions .action-button::after {
    width: 17px !important;
    min-width: 17px !important;
    max-width: 17px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .hero-actions {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: repeat(3, minmax(105px, 1fr)) !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}


/* v94 SADECE UST SAG BUTON YAZILARI TASMAZ */
.admin-home-body .hero-card {
  grid-template-columns: minmax(0, 1fr) 510px !important;
  gap: 18px !important;
}

/* Sağ üstteki yeşil/kırmızı/mavi buton grubu */
.admin-home-body .hero-actions {
  position: static !important;
  transform: none !important;
  display: grid !important;
  grid-template-columns: repeat(3, 158px) !important;
  gap: 12px !important;
  width: 498px !important;
  min-width: 498px !important;
  max-width: 498px !important;
  align-items: center !important;
  justify-content: end !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* Her butonun içindeki yazı + ikon tam ortalanır ve taşmaz */
.admin-home-body .hero-actions .action-button {
  width: 158px !important;
  min-width: 158px !important;
  max-width: 158px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;

  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;

  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;

  overflow: hidden !important;
  text-overflow: clip !important;
}

/* Eski ikon konumlandırmalarını tamamen sıfırla */
.admin-home-body .hero-actions .action-button::before {
  display: none !important;
  content: none !important;
}

.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  order: -1 !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 18px !important;
  line-height: 1 !important;
  font-size: 15px !important;
  filter: none !important;
  text-align: center !important;
}

/* İkonlar */
.admin-home-body .hero-actions .action-button.add::after {
  content: "➕" !important;
}

.admin-home-body .hero-actions .action-button.delete::after {
  content: "🗑️" !important;
}

.admin-home-body .hero-actions .action-button.logout::after {
  content: "↪" !important;
}

/* 1366 ekran için de yazılar kesilmesin */
@media (max-width: 1340px) {
  .admin-home-body .hero-card {
    grid-template-columns: minmax(0, 1fr) 480px !important;
    gap: 14px !important;
  }

  .admin-home-body .hero-card h1 {
    font-size: 42px !important;
  }

  .admin-home-body .hero-actions {
    grid-template-columns: repeat(3, 150px) !important;
    gap: 10px !important;
    width: 470px !important;
    min-width: 470px !important;
    max-width: 470px !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 50px !important;
    padding: 0 12px !important;
    font-size: 13.5px !important;
    gap: 8px !important;
  }

  .admin-home-body .hero-actions .action-button::after {
    width: 17px !important;
    min-width: 17px !important;
    max-width: 17px !important;
    flex-basis: 17px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-actions {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: repeat(3, minmax(135px, 1fr)) !important;
    justify-content: start !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}


/* v95 UST SAG BUTONLAR DARALTILDI */
.admin-home-body .hero-card {
  grid-template-columns: minmax(0, 1fr) 342px !important;
  gap: 14px !important;
}

/* Sağ üst yeşil/kırmızı/mavi butonlar daraltıldı */
.admin-home-body .hero-actions {
  position: static !important;
  transform: none !important;
  display: grid !important;
  grid-template-columns: repeat(3, 106px) !important;
  gap: 8px !important;
  width: 334px !important;
  min-width: 334px !important;
  max-width: 334px !important;
  align-items: center !important;
  justify-content: end !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* Butonlar en ve boy olarak küçültüldü, yazılar da ona göre küçültüldü */
.admin-home-body .hero-actions .action-button {
  width: 106px !important;
  min-width: 106px !important;
  max-width: 106px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 6px !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;

  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;

  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.15px !important;
  text-align: center !important;
  white-space: nowrap !important;

  overflow: hidden !important;
  text-overflow: clip !important;
}

.admin-home-body .hero-actions .action-button::before {
  display: none !important;
  content: none !important;
}

.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  order: -1 !important;
  width: 13px !important;
  min-width: 13px !important;
  max-width: 13px !important;
  height: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 13px !important;
  line-height: 1 !important;
  font-size: 11px !important;
  filter: none !important;
  text-align: center !important;
}

.admin-home-body .hero-actions .action-button.add::after {
  content: "➕" !important;
}

.admin-home-body .hero-actions .action-button.delete::after {
  content: "🗑️" !important;
}

.admin-home-body .hero-actions .action-button.logout::after {
  content: "↪" !important;
}

@media (max-width: 1340px) {
  .admin-home-body .hero-card {
    grid-template-columns: minmax(0, 1fr) 324px !important;
    gap: 12px !important;
  }

  .admin-home-body .hero-actions {
    grid-template-columns: repeat(3, 102px) !important;
    gap: 6px !important;
    width: 318px !important;
    min-width: 318px !important;
    max-width: 318px !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 102px !important;
    min-width: 102px !important;
    max-width: 102px !important;
    height: 40px !important;
    padding: 0 5px !important;
    font-size: 10px !important;
    gap: 3px !important;
  }

  .admin-home-body .hero-actions .action-button::after {
    width: 12px !important;
    min-width: 12px !important;
    max-width: 12px !important;
    flex-basis: 12px !important;
    font-size: 10px !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-actions {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: repeat(3, minmax(96px, 1fr)) !important;
    justify-content: start !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}


/* v95.1 admin üst sağ buton yazıları buton içinde ortalandı, boyutlar korunur */
.admin-home-body .hero-actions .action-button {
  position: relative !important;
  justify-content: center !important;
  text-align: center !important;
}

.admin-home-body .hero-actions .action-button .action-label {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

.admin-home-body .hero-actions .action-button::after {
  position: absolute !important;
  left: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  width: 12px !important;
  min-width: 12px !important;
  max-width: 12px !important;
  height: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  pointer-events: none !important;
}

/* v95.2 Talebe listesi üst alanı: açıklama kaldırıldı, hizalama ve boşluklar minimal */
.admin-home-body .list-card {
  padding-top: 12px !important;
}

.admin-home-body .list-top {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 16px !important;
  row-gap: 8px !important;
  padding: 0 18px 12px !important;
}

.admin-home-body .list-top > div:first-child {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-home-body .list-top p {
  display: none !important;
}

.admin-home-body .list-top h2 {
  margin: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-size: 28px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.admin-home-body .list-top h2::before {
  font-size: 28px !important;
  line-height: 1 !important;
}

.admin-home-body .filters {
  justify-self: end !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 310px) 180px 180px !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  margin: 0 !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select {
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  margin: 0 !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}

.admin-home-body .table-wrap table th {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.admin-home-body .table-wrap table td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

@media (max-width: 980px) {
  .admin-home-body .list-top {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .filters {
    justify-self: stretch !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }
}

/* v95.3 Talebe Listesi alanı: kutucuklar arası boşluk minimum seviyeye çekildi */
.admin-home-body .list-card {
  padding-top: 12px !important;
}

.admin-home-body .list-top {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 0 16px 10px !important;
}

.admin-home-body .list-top > div:first-child {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-home-body .list-top p {
  display: none !important;
}

.admin-home-body .list-top h2 {
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  box-sizing: border-box !important;
}

.admin-home-body .filters {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: auto !important;
  margin: 0 !important;
}

.admin-home-body .filters input {
  width: 390px !important;
  min-width: 390px !important;
  max-width: 390px !important;
}

.admin-home-body .filters select {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select {
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 1250px) {
  .admin-home-body .list-top {
    gap: 8px !important;
  }

  .admin-home-body .filters input {
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
  }

  .admin-home-body .filters select {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .list-top {
    flex-wrap: wrap !important;
  }

  .admin-home-body .filters {
    flex-wrap: wrap !important;
    width: 100% !important;
  }

  .admin-home-body .filters input,
  .admin-home-body .filters select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}


/* v95.4 admin üst sağ yeni tema uyumlu düz butonlar */
.admin-home-body .hero-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 352px !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 26px 28px !important;
}

.admin-home-body .hero-actions {
  position: static !important;
  display: grid !important;
  grid-template-columns: repeat(3, 112px) !important;
  gap: 8px !important;
  width: 352px !important;
  min-width: 352px !important;
  max-width: 352px !important;
  align-items: center !important;
  justify-content: end !important;
  margin: 0 !important;
}

.admin-home-body .hero-actions .action-button {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  border: 1px solid #cfe4e1 !important;
  background: #f5fbfa !important;
  color: #0a8b84 !important;
  box-shadow: none !important;
  outline: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  text-align: center !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

.admin-home-body .hero-actions .action-button::after {
  display: none !important;
  content: none !important;
}

.admin-home-body .hero-actions .action-button::before {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  filter: none !important;
}

.admin-home-body .hero-actions .action-button .action-label {
  display: block !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.admin-home-body .hero-actions .action-button.add::before {
  content: "＋" !important;
}

.admin-home-body .hero-actions .action-button.delete::before {
  content: "－" !important;
}

.admin-home-body .hero-actions .action-button.logout::before {
  content: "↩" !important;
}

.admin-home-body .hero-actions .action-button.add:hover,
.admin-home-body .hero-actions .action-button.add:focus-visible {
  background: #16a34a !important;
  border-color: #16a34a !important;
  color: #ffffff !important;
}

.admin-home-body .hero-actions .action-button.delete:hover,
.admin-home-body .hero-actions .action-button.delete:focus-visible {
  background: #dc2626 !important;
  border-color: #dc2626 !important;
  color: #ffffff !important;
}

.admin-home-body .hero-actions .action-button.logout:hover,
.admin-home-body .hero-actions .action-button.logout:focus-visible {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
}

@media (max-width: 1250px) {
  .admin-home-body .hero-card {
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 12px !important;
  }

  .admin-home-body .hero-actions {
    grid-template-columns: repeat(3, 108px) !important;
    width: 340px !important;
    min-width: 340px !important;
    max-width: 340px !important;
    gap: 8px !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    font-size: 11.5px !important;
    gap: 5px !important;
    padding: 0 8px !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-actions {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: repeat(3, minmax(96px, 1fr)) !important;
    justify-content: start !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* v95.5 Talebe Listesi satırı daraltıldı, yan filtre kutuları kaldırıldı, sadece Ara alanı kaldı */
.admin-home-body .list-card {
  padding-top: 8px !important;
}

.admin-home-body .list-top {
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 0 14px 8px !important;
  margin: 0 !important;
}

.admin-home-body .list-top > div:first-child {
  flex: 0 0 auto !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-home-body .list-top h2 {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  font-size: 24px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.admin-home-body .list-top h2::before {
  font-size: 23px !important;
  line-height: 1 !important;
}

.admin-home-body .list-top p {
  display: none !important;
}

.admin-home-body .filters {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

.admin-home-body .filters select,
.admin-home-body #classFilter,
.admin-home-body #mentorFilter {
  display: none !important;
}

.admin-home-body .filters input,
.admin-home-body #searchInput {
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 13px !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.admin-home-body .table-wrap table th {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.admin-home-body .table-wrap table td {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

@media (max-width: 980px) {
  .admin-home-body .list-top {
    flex-wrap: wrap !important;
  }

  .admin-home-body .filters {
    width: 100% !important;
  }

  .admin-home-body .filters input,
  .admin-home-body #searchInput {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* v95.6 üst sağ butonlar: açık renk, soldan sağa + Talebe Ekle / - Talebe Sil düzeni */
.admin-home-body .hero-actions .action-button {
  background: #eefbf8 !important;
  color: #07877f !important;
  border: 1px solid #bfe8e2 !important;
  box-shadow: none !important;
  filter: none !important;
  justify-content: flex-start !important;
  text-align: left !important;
  padding: 0 12px !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  overflow: hidden !important;
}

.admin-home-body .hero-actions .action-button .action-label {
  width: auto !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  display: inline-block !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  line-height: 1 !important;
}

.admin-home-body .hero-actions .action-button::after {
  display: none !important;
  content: none !important;
}

.admin-home-body .hero-actions .action-button::before {
  position: static !important;
  order: 0 !important;
  content: "" !important;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  filter: none !important;
  transform: none !important;
}

.admin-home-body .hero-actions .action-button.add {
  background: #eefbf8 !important;
  color: #07877f !important;
  border-color: #bfe8e2 !important;
}

.admin-home-body .hero-actions .action-button.add::before {
  content: "+" !important;
  color: #07877f !important;
}

.admin-home-body .hero-actions .action-button.delete {
  background: #fff3f4 !important;
  color: #c94a57 !important;
  border-color: #f5c7cd !important;
}

.admin-home-body .hero-actions .action-button.delete::before {
  content: "-" !important;
  color: #c94a57 !important;
}

.admin-home-body .hero-actions .action-button.logout {
  background: #eef6ff !important;
  color: #2874c9 !important;
  border-color: #c7def8 !important;
}

.admin-home-body .hero-actions .action-button.logout::before {
  content: "↩" !important;
  color: #2874c9 !important;
  font-size: 15px !important;
}

.admin-home-body .hero-actions .action-button.add:hover,
.admin-home-body .hero-actions .action-button.add:focus-visible {
  background: #d9f7ee !important;
  border-color: #7fd7c7 !important;
  color: #05776f !important;
}

.admin-home-body .hero-actions .action-button.delete:hover,
.admin-home-body .hero-actions .action-button.delete:focus-visible {
  background: #ffe1e5 !important;
  border-color: #f09ba5 !important;
  color: #b83242 !important;
}

.admin-home-body .hero-actions .action-button.logout:hover,
.admin-home-body .hero-actions .action-button.logout:focus-visible {
  background: #dcedff !important;
  border-color: #91c2f5 !important;
  color: #1d66b8 !important;
}

@media (max-width: 1250px) {
  .admin-home-body .hero-actions .action-button {
    font-size: 11.5px !important;
    padding: 0 10px !important;
    gap: 5px !important;
  }
}

/* v95.7 + Talebe Ekle yazısı buton içinde biraz sola alındı */
.admin-home-body .hero-actions .action-button.add {
  padding-left: 7px !important;
  padding-right: 8px !important;
  gap: 4px !important;
}

.admin-home-body .hero-actions .action-button.add::before {
  width: 13px !important;
  min-width: 13px !important;
  max-width: 13px !important;
  flex-basis: 13px !important;
}

/* v95.8 - Talebe Sil yazısı buton içinde biraz sola alındı */
.admin-home-body .hero-actions .action-button.delete {
  padding-left: 7px !important;
  padding-right: 8px !important;
  gap: 4px !important;
}

.admin-home-body .hero-actions .action-button.delete::before {
  width: 13px !important;
  min-width: 13px !important;
  max-width: 13px !important;
  flex-basis: 13px !important;
}

/* v95.9 Üst sağ butonlar: düz yeşil-kırmızı-mavi, hover'da koyu ton, gölge yok */
.admin-home-body .hero-actions .action-button {
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  border-width: 1px !important;
  border-style: solid !important;
}

.admin-home-body .hero-actions .action-button.add {
  background: #22c55e !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #16a34a !important;
  box-shadow: none !important;
}
.admin-home-body .hero-actions .action-button.add::before,
.admin-home-body .hero-actions .action-button.add .action-label {
  color: #ffffff !important;
}

.admin-home-body .hero-actions .action-button.delete {
  background: #ef4444 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #dc2626 !important;
  box-shadow: none !important;
}
.admin-home-body .hero-actions .action-button.delete::before,
.admin-home-body .hero-actions .action-button.delete .action-label {
  color: #ffffff !important;
}

.admin-home-body .hero-actions .action-button.logout {
  background: #3b82f6 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
  box-shadow: none !important;
}
.admin-home-body .hero-actions .action-button.logout::before,
.admin-home-body .hero-actions .action-button.logout .action-label {
  color: #ffffff !important;
}

.admin-home-body .hero-actions .action-button.add:hover,
.admin-home-body .hero-actions .action-button.add:focus-visible {
  background: #16a34a !important;
  border-color: #15803d !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.admin-home-body .hero-actions .action-button.delete:hover,
.admin-home-body .hero-actions .action-button.delete:focus-visible {
  background: #dc2626 !important;
  border-color: #b91c1c !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.admin-home-body .hero-actions .action-button.logout:hover,
.admin-home-body .hero-actions .action-button.logout:focus-visible {
  background: #2563eb !important;
  border-color: #1d4ed8 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.admin-home-body .hero-actions .action-button:active {
  box-shadow: none !important;
  transform: none !important;
}

/* v96.0 Buton renkleri açıldı, hover koyulaştı, Talebe Sil'de çöp yok */
.admin-home-body .hero-actions .action-button {
  box-shadow: none !important;
  background-image: none !important;
  text-shadow: none !important;
}

/* Açık ton normal durum */
.admin-home-body .hero-actions .action-button.add {
  background: #4ade80 !important;
  border-color: #22c55e !important;
  color: #ffffff !important;
}
.admin-home-body .hero-actions .action-button.delete {
  background: #f87171 !important;
  border-color: #ef4444 !important;
  color: #ffffff !important;
}
.admin-home-body .hero-actions .action-button.logout {
  background: #60a5fa !important;
  border-color: #3b82f6 !important;
  color: #ffffff !important;
}

/* Semboller */
.admin-home-body .hero-actions .action-button.add::before {
  content: "✚" !important;
  color: #ffffff !important;
  font-size: 14px !important;
}
.admin-home-body .hero-actions .action-button.delete::before {
  content: "−" !important;
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}
.admin-home-body .hero-actions .action-button.logout::before {
  content: "↩" !important;
  color: #ffffff !important;
  font-size: 14px !important;
}

.admin-home-body .hero-actions .action-button.add .action-label,
.admin-home-body .hero-actions .action-button.delete .action-label,
.admin-home-body .hero-actions .action-button.logout .action-label {
  color: #ffffff !important;
}

/* Hover: daha koyu */
.admin-home-body .hero-actions .action-button.add:hover,
.admin-home-body .hero-actions .action-button.add:focus-visible {
  background: #16a34a !important;
  border-color: #15803d !important;
}
.admin-home-body .hero-actions .action-button.delete:hover,
.admin-home-body .hero-actions .action-button.delete:focus-visible {
  background: #dc2626 !important;
  border-color: #b91c1c !important;
}
.admin-home-body .hero-actions .action-button.logout:hover,
.admin-home-body .hero-actions .action-button.logout:focus-visible {
  background: #2563eb !important;
  border-color: #1d4ed8 !important;
}


/* v96.1 Talebe isimleri referanstaki gibi sade, koyu, altı çizili görünür */
.admin-home-body #studentTable .student-name {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  color: #101010 !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1.2px !important;
  text-underline-offset: 2px !important;
  cursor: pointer !important;
}

.admin-home-body #studentTable .student-name:hover,
.admin-home-body #studentTable .student-name:focus-visible {
  color: #101010 !important;
  outline: none !important;
}

/* v96.2 Anasayfada isim listesi görünür */
.admin-home-body .home-name-list {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 18px 10px !important;
  margin: 0 !important;
}

.admin-home-body .home-name-item {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 1px solid #d8efea !important;
  background: #f7fdfc !important;
  color: #101010 !important;
  border-radius: 12px !important;
  padding: 7px 12px !important;
  margin: 0 !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: left !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1.1px !important;
  text-underline-offset: 2px !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.admin-home-body .home-name-item:hover,
.admin-home-body .home-name-item:focus-visible {
  background: #edf9f7 !important;
  border-color: #bfe8e2 !important;
  outline: none !important;
}

/* v96.3 Ana sayfadaki mevcut talebe tablosunda kayıtlı isimler görünür */
.admin-home-body .home-name-list,
.admin-home-body .home-name-item {
  display: none !important;
}

.admin-home-body #studentTable td:nth-child(2) {
  text-align: left !important;
}

.admin-home-body #studentTable .student-name {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #101010 !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1.2px !important;
  text-underline-offset: 2px !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

.admin-home-body #studentTable .student-name:hover,
.admin-home-body #studentTable .student-name:focus-visible {
  color: #101010 !important;
  background: transparent !important;
  outline: none !important;
}

/* v96.4 Ana sayfa Talebe Listesi görseldeki düzene geri alındı */
.admin-home-body .home-name-list,
.admin-home-body .home-name-item {
  display: none !important;
}

/* Talebe Listesi başlığı + açıklama + filtreler görseldeki gibi */
.admin-home-body .list-card {
  border-radius: 22px !important;
  border: 1px solid #d8ece9 !important;
  background: rgba(255,255,255,.96) !important;
  overflow: hidden !important;
  padding: 16px 0 0 !important;
}

.admin-home-body .list-top {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 0 18px 16px !important;
  margin: 0 !important;
}

.admin-home-body .list-top > div:first-child {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-home-body .list-top h2 {
  margin: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 0 26px !important;
  border-radius: 17px !important;
  border: 1px solid #d2eeeb !important;
  background: #ecfbf8 !important;
  color: #08867f !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.3px !important;
  box-sizing: border-box !important;
}

.admin-home-body .list-top h2::before {
  content: "📚" !important;
  font-size: 30px !important;
  line-height: 1 !important;
}

.admin-home-body .list-top p {
  display: block !important;
  margin: 8px 0 0 6px !important;
  color: #486c68 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
}

.admin-home-body .filters {
  display: grid !important;
  grid-template-columns: 310px 180px 180px !important;
  align-items: center !important;
  gap: 14px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select,
.admin-home-body #searchInput,
.admin-home-body #classFilter,
.admin-home-body #mentorFilter {
  display: block !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  border-radius: 16px !important;
  border: 1px solid #d9e5ee !important;
  background: #fff !important;
  color: #233e63 !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-sizing: border-box !important;
}

.admin-home-body #searchInput {
  width: 310px !important;
  min-width: 310px !important;
  max-width: 310px !important;
}

.admin-home-body #classFilter,
.admin-home-body #mentorFilter {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}

/* Ana sayfadaki kayıtlı isimler görseldeki gibi satır içinde görünür */
.admin-home-body #studentTable td:nth-child(2) {
  text-align: left !important;
}

.admin-home-body #studentTable .student-name {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #101010 !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1.2px !important;
  text-underline-offset: 2px !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

.admin-home-body #studentTable .student-name:hover,
.admin-home-body #studentTable .student-name:focus-visible {
  color: #101010 !important;
  background: transparent !important;
  outline: none !important;
}

@media (max-width: 1250px) {
  .admin-home-body .filters {
    grid-template-columns: 300px 170px 170px !important;
    gap: 10px !important;
  }

  .admin-home-body #searchInput {
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
  }

  .admin-home-body #classFilter,
  .admin-home-body #mentorFilter {
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
  }
}

/* v96.5 Ana sayfa isimleri tıklanamaz hale getirildi */
.admin-home-body #studentTable .student-name {
  cursor: default !important;
  pointer-events: none !important;
}

/* v96.6 Talebe Listesi üst satırı: açıklama kaldırıldı, kutular daraltıldı ve hizalandı */
.admin-home-body .list-top p {
  display: none !important;
}

.admin-home-body .list-card {
  padding-top: 10px !important;
}

.admin-home-body .list-top {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 18px 10px !important;
  margin: 0 !important;
}

.admin-home-body .list-top > div:first-child {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-home-body .list-top h2 {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  font-size: 25px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.admin-home-body .list-top h2::before {
  font-size: 25px !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
}

.admin-home-body .filters {
  justify-self: end !important;
  display: grid !important;
  grid-template-columns: 310px 180px 180px !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select,
.admin-home-body #searchInput,
.admin-home-body #classFilter,
.admin-home-body #mentorFilter {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  border-radius: 14px !important;
  padding: 0 15px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.admin-home-body #searchInput {
  width: 310px !important;
  min-width: 310px !important;
  max-width: 310px !important;
}

.admin-home-body #classFilter,
.admin-home-body #mentorFilter {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}

@media (max-width: 1250px) {
  .admin-home-body .list-top {
    gap: 10px !important;
  }

  .admin-home-body .filters {
    grid-template-columns: 285px 160px 160px !important;
    gap: 8px !important;
  }

  .admin-home-body #searchInput {
    width: 285px !important;
    min-width: 285px !important;
    max-width: 285px !important;
  }

  .admin-home-body #classFilter,
  .admin-home-body #mentorFilter {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .list-top {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .filters {
    justify-self: stretch !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .admin-home-body #searchInput,
  .admin-home-body #classFilter,
  .admin-home-body #mentorFilter {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* v96.8 Talebe Listesi başlığı: sembol + tema uyumlu arka plan */
.admin-home-body .list-top h2 {
  background: linear-gradient(90deg, #e6faf6 0%, #d8f4ef 100%) !important;
  border: 1px solid #bfe8e2 !important;
  color: #07877f !important;
  box-shadow: none !important;
}

.admin-home-body .list-top h2::before {
  content: "👥" !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  border: 1px solid #cdeee9 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

/* v96.9 Talebe Listesi başlığında renkli farklı öğrenci ikonu */
.admin-home-body .list-top h2::before {
  content: "🧑‍🎓" !important;
  background: #ffffff !important;
  border: 1px solid #cdeee9 !important;
  font-size: 18px !important;
}

/* v97.0 E-Okul sayfası: üst açıklama kaldırıldı, kutucuklar aynı hizaya alındı */
.eokul-body .form-row,
.e-okul-body .form-row,
.eokul-body .grade-form-row,
.e-okul-body .grade-form-row,
.eokul-body .score-row,
.e-okul-body .score-row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  align-items: end !important;
  gap: 10px !important;
}

.eokul-body .field,
.e-okul-body .field,
.eokul-body .form-field,
.e-okul-body .form-field,
.eokul-body .input-group,
.e-okul-body .input-group {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
}

.eokul-body input,
.e-okul-body input,
.eokul-body select,
.e-okul-body select,
.eokul-body button,
.e-okul-body button {
  min-height: 42px !important;
  height: 42px !important;
  max-height: 42px !important;
  box-sizing: border-box !important;
  align-self: stretch !important;
}

.eokul-body label:empty,
.e-okul-body label:empty,
.eokul-body p:empty,
.e-okul-body p:empty,
.eokul-body h1:empty,
.e-okul-body h1:empty,
.eokul-body h2:empty,
.e-okul-body h2:empty,
.eokul-body h3:empty,
.e-okul-body h3:empty {
  display: none !important;
}

/* v97.3 giriş uyarı alanları */
.form-warning {
  min-height: 18px !important;
  margin: 6px 0 0 !important;
  color: #dc2626 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}


/* v97.4 admin üst alan ve istatistik kartları birbirine yaklaştırıldı, Talebe Listesi ikonu değiştirildi */
.admin-home-body .admin-shell {
  gap: 10px !important;
  padding-top: 14px !important;
}

.admin-home-body .hero-card {
  margin-bottom: 0 !important;
}

.admin-home-body .stats-grid {
  margin-top: 0 !important;
  gap: 12px !important;
}

.admin-home-body .stat-card {
  margin-top: 0 !important;
}

.admin-home-body .list-top h2 {
  gap: 10px !important;
  padding-left: 18px !important;
  padding-right: 20px !important;
}

.admin-home-body .list-top h2::before {
  content: "👨‍🎓" !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  border: 1px solid #bfe8e2 !important;
  font-size: 19px !important;
  line-height: 1 !important;
}

@media (max-width: 1250px) {
  .admin-home-body .admin-shell {
    gap: 8px !important;
  }

  .admin-home-body .stats-grid {
    gap: 10px !important;
  }
}

/* v97.5 Üst başlık ve istatistik kutuları arası dikey boşluk minimuma indirildi */
.admin-home-body .admin-shell {
  gap: 6px !important;
  padding-top: 10px !important;
  padding-bottom: 20px !important;
}

.admin-home-body .hero-card {
  margin-bottom: 0 !important;
  padding-top: 20px !important;
  padding-bottom: 18px !important;
}

.admin-home-body .stats-grid {
  margin-top: 0 !important;
  padding-top: 0 !important;
  gap: 10px !important;
}

.admin-home-body .stats-grid .stat-card {
  margin-top: 0 !important;
}

.admin-home-body .list-card {
  margin-top: 2px !important;
}

@media (max-width: 1250px) {
  .admin-home-body .admin-shell {
    gap: 5px !important;
    padding-top: 8px !important;
  }

  .admin-home-body .stats-grid {
    gap: 8px !important;
  }
}

/* v97.9 Üst başlık/buton kutusu yükseklik olarak daraltıldı, içerik yukarı alındı */
.admin-home-body .hero-card {
  min-height: 0 !important;
  height: auto !important;
  padding-top: 16px !important;
  padding-bottom: 14px !important;
  align-items: start !important;
}

.admin-home-body .hero-card > div:first-child {
  transform: translateY(-4px) !important;
}

.admin-home-body .hero-actions {
  transform: translateY(-2px) !important;
  align-self: start !important;
  margin-top: 0 !important;
}

.admin-home-body .hero-card h1 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 0.92 !important;
}

.admin-home-body .hero-text {
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  line-height: 1 !important;
}

.admin-home-body .stats-grid {
  margin-top: 0 !important;
}

@media (max-width: 1250px) {
  .admin-home-body .hero-card {
    padding-top: 14px !important;
    padding-bottom: 12px !important;
  }

  .admin-home-body .hero-card > div:first-child {
    transform: translateY(-3px) !important;
  }

  .admin-home-body .hero-actions {
    transform: translateY(-2px) !important;
  }
}

/* v98.0 Ana sayfa talebe listesi tablo satırları yükseklik olarak daraltıldı */
.admin-home-body .table-wrap table th {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  line-height: 1.05 !important;
}

.admin-home-body .table-wrap table td {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  line-height: 1.08 !important;
}

.admin-home-body #studentTable tr {
  height: auto !important;
  min-height: 0 !important;
}

.admin-home-body #studentTable .student-name {
  line-height: 1.05 !important;
}

.admin-home-body #studentTable .pill,
.admin-home-body #studentTable .risk-pill {
  height: 26px !important;
  min-height: 26px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* v98.1 Hero alt yazısına tebeşirle çizilmiş gibi dekoratif çizgi eklendi */
.admin-home-body .hero-text {
  position: relative !important;
  display: inline-block !important;
  padding-bottom: 12px !important;
}

.admin-home-body .hero-text::after {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  right: 10px !important;
  bottom: 1px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0) 0%,
      rgba(232, 250, 246, 0.92) 8%,
      rgba(214, 244, 238, 0.96) 20%,
      rgba(201, 238, 232, 0.90) 37%,
      rgba(234, 251, 248, 0.97) 55%,
      rgba(201, 238, 232, 0.88) 74%,
      rgba(232, 250, 246, 0.95) 90%,
      rgba(255,255,255,0) 100%) !important;
  transform: rotate(-1.4deg) !important;
  opacity: 0.98 !important;
  box-shadow:
    0 0 0 1px rgba(212, 244, 237, 0.18),
    0 1px 0 rgba(190, 232, 226, 0.35),
    0 0 2px rgba(228, 249, 245, 0.45) !important;
  filter: blur(0.25px) !important;
  pointer-events: none !important;
}

/* v98.2 Ana sayfa talebe tablosu daha minimal: yazı ve satır yüksekliği azaltıldı */
.admin-home-body .table-wrap table th {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  font-size: 14.5px !important;
  line-height: 1 !important;
}

.admin-home-body .table-wrap table td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.admin-home-body #studentTable .student-name {
  font-size: 14px !important;
  line-height: 1 !important;
}

.admin-home-body #studentTable .pill,
.admin-home-body #studentTable .risk-pill {
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 8px !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.admin-home-body #studentTable tr {
  height: 28px !important;
  min-height: 28px !important;
}


/* v98.3 İstatistik kutuları yükseklik olarak küçültüldü, alt satırlar yukarı alındı */
.admin-home-body .stats-grid {
  gap: 10px !important;
}

.admin-home-body .stat-card {
  height: 92px !important;
  min-height: 92px !important;
  max-height: 92px !important;
  padding: 10px 12px !important;
  border-radius: 16px !important;
}

.admin-home-body .stat-symbol-card {
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 9px !important;
  align-items: center !important;
}

.admin-home-body .stat-card > div:last-child {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  transform: translateY(-2px) !important;
}

.admin-home-body .stat-mini-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  font-size: 19px !important;
}

.admin-home-body .stat-card span {
  margin: 0 0 4px 0 !important;
  font-size: 13px !important;
  line-height: 1.08 !important;
}

.admin-home-body .stat-card strong {
  font-size: 23px !important;
  line-height: 0.95 !important;
}

.admin-home-body .warning-stat em {
  margin-top: 2px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

@media (max-width: 1250px) {
  .admin-home-body .stat-card {
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
    padding: 9px 11px !important;
  }

  .admin-home-body .stat-card strong {
    font-size: 21px !important;
  }
}

/* v98.4 Talebe Listesi başlık kutusu daha minimal yapıldı */
.admin-home-body .list-top {
  padding-top: 0 !important;
  padding-bottom: 8px !important;
}

.admin-home-body .list-top > div:first-child {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
}

.admin-home-body .list-top h2 {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 16px !important;
  padding-right: 18px !important;
  border-radius: 12px !important;
  gap: 8px !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

.admin-home-body .list-top h2::before {
  width: 27px !important;
  min-width: 27px !important;
  max-width: 27px !important;
  height: 27px !important;
  min-height: 27px !important;
  max-height: 27px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select,
.admin-home-body #searchInput,
.admin-home-body #classFilter,
.admin-home-body #mentorFilter {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  border-radius: 12px !important;
  font-size: 13.5px !important;
}

/* v98.5 Talebe Listesi ikon/tema rengi + PC/Mobil uyumluluk */
.admin-home-body .list-top h2 {
  background: linear-gradient(90deg, #e5faf6 0%, #d7f4ee 55%, #eefdf9 100%) !important;
  border: 1px solid #b7e7df !important;
  color: #067f78 !important;
  box-shadow: none !important;
}

.admin-home-body .list-top h2::before {
  content: "🎓" !important;
  background: #ffffff !important;
  border: 1px solid #bdebe4 !important;
  color: #07877f !important;
}

/* PC ekranlarda ana düzen taşmasın */
.admin-home-body .admin-shell {
  width: min(100%, 1320px) !important;
  max-width: 1320px !important;
  box-sizing: border-box !important;
}

.admin-home-body .hero-card,
.admin-home-body .list-card,
.admin-home-body .stat-card {
  box-sizing: border-box !important;
}

.admin-home-body .table-wrap {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Orta ekran / tablet uyumu */
@media (max-width: 1200px) {
  .admin-home-body .admin-shell {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .admin-home-body .hero-actions {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: repeat(3, minmax(96px, 1fr)) !important;
    justify-content: stretch !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .admin-home-body .list-top {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .admin-home-body .filters {
    justify-self: stretch !important;
    grid-template-columns: minmax(0, 1fr) 150px 150px !important;
    width: 100% !important;
  }

  .admin-home-body #searchInput {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .admin-home-body #classFilter,
  .admin-home-body #mentorFilter {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
  }
}

/* Mobil ekran uyumu */
@media (max-width: 760px) {
  body.admin-home-body {
    overflow-x: hidden !important;
  }

  .admin-home-body .admin-shell {
    padding: 10px 10px 18px !important;
    gap: 8px !important;
  }

  .admin-home-body .hero-card {
    padding: 14px 14px 12px !important;
    border-radius: 18px !important;
  }

  .admin-home-body .hero-label {
    font-size: 12px !important;
    margin-bottom: 4px !important;
  }

  .admin-home-body .hero-card h1 {
    font-size: clamp(30px, 9vw, 42px) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.6px !important;
  }

  .admin-home-body .hero-text {
    font-size: clamp(16px, 5vw, 22px) !important;
    padding-bottom: 8px !important;
  }

  .admin-home-body .hero-actions {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .admin-home-body .hero-actions .action-button {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    font-size: 12.5px !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .admin-home-body .stat-card {
    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;
    padding: 8px 9px !important;
  }

  .admin-home-body .stat-symbol-card {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  .admin-home-body .stat-mini-icon {
    width: 30px !important;
    height: 30px !important;
    font-size: 17px !important;
  }

  .admin-home-body .stat-card span {
    font-size: 11.5px !important;
    line-height: 1.05 !important;
  }

  .admin-home-body .stat-card strong {
    font-size: 19px !important;
  }

  .admin-home-body .list-card {
    border-radius: 16px !important;
  }

  .admin-home-body .list-top {
    padding: 0 10px 8px !important;
  }

  .admin-home-body .list-top h2 {
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    justify-content: flex-start !important;
    font-size: 19px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .admin-home-body .list-top h2::before {
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    font-size: 15px !important;
  }

  .admin-home-body .filters {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .admin-home-body #searchInput,
  .admin-home-body #classFilter,
  .admin-home-body #mentorFilter,
  .admin-home-body .filters input,
  .admin-home-body .filters select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    font-size: 13px !important;
  }

  .admin-home-body .table-wrap table {
    min-width: 760px !important;
  }

  .admin-home-body .table-wrap table th {
    font-size: 13px !important;
  }

  .admin-home-body .table-wrap table td,
  .admin-home-body #studentTable .student-name {
    font-size: 12.5px !important;
  }
}

/* Çok küçük telefon ekranları */
@media (max-width: 430px) {
  .admin-home-body .stats-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .stat-card {
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
  }
}

/* v98.6 PC/web anasayfa taşma düzeltmesi: içerik sol menüye göre ekrana sığar */
html,
body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.admin-home-body {
  overflow-x: hidden !important;
}

.admin-home-body .admin-shell {
  width: calc(100vw - 260px) !important;
  max-width: calc(100vw - 260px) !important;
  margin-left: 244px !important;
  margin-right: 12px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Üst başlık ve butonlar sağa taşmasın */
.admin-home-body .hero-card {
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: minmax(0, 1fr) 330px !important;
  gap: 10px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.admin-home-body .hero-card h1 {
  font-size: clamp(40px, 4.1vw, 58px) !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.admin-home-body .hero-text {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

.admin-home-body .hero-actions {
  width: 330px !important;
  min-width: 330px !important;
  max-width: 330px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  justify-content: stretch !important;
  overflow: hidden !important;
}

.admin-home-body .hero-actions .action-button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11.5px !important;
}

/* İstatistik kutuları sayfa dışına taşmasın */
.admin-home-body .stats-grid {
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: repeat(6, minmax(118px, 1fr)) !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.admin-home-body .stat-card {
  min-width: 0 !important;
  width: auto !important;
  box-sizing: border-box !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.admin-home-body .stat-symbol-card {
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 7px !important;
}

.admin-home-body .stat-card span {
  font-size: 11.8px !important;
  line-height: 1.05 !important;
  word-break: normal !important;
}

.admin-home-body .stat-card strong {
  font-size: 20px !important;
}

/* Talebe listesi üst alanı sağa taşmasın */
.admin-home-body .list-card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.admin-home-body .list-top {
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.admin-home-body .filters {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  justify-self: stretch !important;
  grid-template-columns: minmax(180px, 1fr) minmax(120px, 145px) minmax(120px, 145px) !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.admin-home-body #searchInput,
.admin-home-body #classFilter,
.admin-home-body #mentorFilter {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* Tablo sadece kendi alanında kayar, tüm sayfayı taşırmaz */
.admin-home-body .table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  box-sizing: border-box !important;
}

.admin-home-body .table-wrap table {
  width: 100% !important;
  min-width: 820px !important;
}

/* 1366 ve yakın PC ekranları */
@media (max-width: 1380px) {
  .admin-home-body .admin-shell {
    width: calc(100vw - 250px) !important;
    max-width: calc(100vw - 250px) !important;
    margin-left: 238px !important;
    margin-right: 8px !important;
  }

  .admin-home-body .hero-card {
    grid-template-columns: minmax(0, 1fr) 315px !important;
  }

  .admin-home-body .hero-card h1 {
    font-size: clamp(38px, 3.9vw, 54px) !important;
  }

  .admin-home-body .hero-actions {
    width: 315px !important;
    min-width: 315px !important;
    max-width: 315px !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(6, minmax(108px, 1fr)) !important;
    gap: 7px !important;
  }

  .admin-home-body .stat-card span {
    font-size: 11.2px !important;
  }

  .admin-home-body .filters {
    grid-template-columns: minmax(160px, 1fr) minmax(105px, 135px) minmax(105px, 135px) !important;
    gap: 7px !important;
  }
}

/* Dar PC / tablet: taşma olmasın diye 3 kolon */
@media (max-width: 1100px) {
  .admin-home-body .admin-shell {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* v98.7 Talebe Listesi başlığı: ikon + tema uyumlu arka plan */
.admin-home-body .list-top h2 {
  background: linear-gradient(90deg, #e6faf6 0%, #d9f5ef 55%, #f0fffc 100%) !important;
  border: 1px solid #b9e9e1 !important;
  color: #07877f !important;
  box-shadow: none !important;
}

.admin-home-body .list-top h2::before {
  content: "🎓" !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  border: 1px solid #c9eee8 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

/* v98.8 Talebe Bilgi Formu sayfasında Talebe Listesi başlığına ikon + tema rengi */
.student-info-list-head > div:first-child {
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
}

.student-info-list-head h2 {
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  background: linear-gradient(90deg, #e6faf6 0%, #d8f4ef 58%, #eefdf9 100%) !important;
  border: 1px solid #bde8e1 !important;
  color: #07877f !important;
  box-shadow: none !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

.student-info-list-head h2::before {
  content: "🎓" !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  border: 1px solid #c9eee8 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

@media (max-width: 760px) {
  .student-info-list-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  .student-info-list-head > div:first-child,
  .student-info-list-head h2 {
    width: 100% !important;
  }

  .student-info-list-head h2 {
    min-height: 38px !important;
    padding: 0 14px !important;
    font-size: 20px !important;
  }

  .student-info-list-head h2::before {
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    font-size: 15px !important;
  }
}

/* v98.9 Talebe Bilgi Formu açıklama yazısı daha belirgin yapıldı */
.form-hero p {
  display: inline-block !important;
  margin-top: 8px !important;
  padding: 7px 12px !important;
  border-radius: 12px !important;
  background: #eefbf8 !important;
  border: 1px solid #c9eee8 !important;
  color: #067f78 !important;
  font-size: 14.5px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  .form-hero p {
    font-size: 13px !important;
    padding: 6px 10px !important;
    margin-top: 6px !important;
  }
}

/* v99.0 Talebe Bilgi Formu açıklama yazısının arka plan rengi kaldırıldı */
.form-hero p {
  background: transparent !important;
  border: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  color: #067f78 !important;
  font-weight: 750 !important;
  box-shadow: none !important;
}

/* v99.1 Talebe Bilgi Formu üst kahraman kutusu daha minimal */
.form-shell {
  gap: 10px !important;
}

.form-hero {
  padding: 14px 22px !important;
  border-radius: 18px !important;
  margin-bottom: 8px !important;
  min-height: 0 !important;
  align-items: center !important;
  gap: 10px !important;
}

.form-hero h1 {
  font-size: clamp(26px, 3vw, 38px) !important;
  margin: 6px 0 4px !important;
  line-height: 0.98 !important;
  letter-spacing: -0.8px !important;
}

.form-hero p {
  margin: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.25 !important;
}

.form-hero .hero-label,
.form-hero .back-link {
  font-size: 11.5px !important;
  line-height: 1.1 !important;
}

.form-hero-actions {
  gap: 8px !important;
  margin-right: 0 !important;
  align-items: center !important;
}

.update-pill,
.form-hero .update-pill,
.form-add-student,
.form-home-button {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.form-add-student {
  min-width: 128px !important;
}

.form-home-button {
  min-width: 110px !important;
}

@media (max-width: 900px) {
  .form-hero {
    padding: 12px 16px !important;
    gap: 8px !important;
  }

  .form-hero h1 {
    font-size: clamp(24px, 5vw, 34px) !important;
    margin: 4px 0 4px !important;
  }

  .form-hero p {
    font-size: 13px !important;
  }

  .form-hero-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 6px !important;
  }

  .update-pill,
  .form-hero .update-pill,
  .form-add-student,
  .form-home-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 560px) {
  .form-hero-actions {
    grid-template-columns: 1fr !important;
  }
}

/* v99.2 Test sayfası: 'üst talebe seçimi' yazısı kaldırıldı, açılır menü sola alındı ve sayfaya uyarlandı */
.test-page label:empty,
.test-page p:empty,
.test-page h1:empty,
.test-page h2:empty,
.test-page h3:empty {
  display: none !important;
}

.test-page .student-picker,
.test-page .student-select-wrap,
.test-page .test-student-picker,
.test-page .test-student-select,
.test-page .toolbar-student-select,
.test-page .page-filter,
.test-page .filter-row,
.test-page .form-row,
.test-page .test-toolbar,
.test-page .test-top-row {
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
}

.test-page select,
.test-page #studentSelect,
.test-page #testStudentSelect,
.test-page #selectedStudent,
.test-page select[name*="student"],
.test-page select[id*="student"],
.test-page select[id*="Student"] {
  margin-left: 0 !important;
  margin-right: auto !important;
  justify-self: start !important;
  align-self: center !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Test sayfasındaki üst seçim alanları taşmasın */
.test-page .form-card,
.test-page .big-form-card,
.test-page .detail-card,
.test-page .test-card,
.test-page .page-card {
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.test-page .test-toolbar,
.test-page .toolbar,
.test-page .filter-row,
.test-page .form-row,
.test-page .test-top-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.test-page .test-toolbar select,
.test-page .toolbar select,
.test-page .filter-row select,
.test-page .form-row select,
.test-page .test-top-row select {
  flex: 0 1 320px !important;
  min-width: 220px !important;
}

/* Mobil uyum */
@media (max-width: 760px) {
  .test-page .test-toolbar,
  .test-page .toolbar,
  .test-page .filter-row,
  .test-page .form-row,
  .test-page .test-top-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .test-page select,
  .test-page #studentSelect,
  .test-page #testStudentSelect,
  .test-page #selectedStudent,
  .test-page select[name*="student"],
  .test-page select[id*="student"],
  .test-page select[id*="Student"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* v99.3 Test Takip sayfası: başlık ve açılır menü aynı satırda, boşluklar minimal */
.test-page .unified-page-title,
.test-page .detail-hero h1,
.test-page .page-title,
.test-page h1 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1 !important;
}

/* Test sayfasındaki başlık/öğrenci seçimi üst bölümü tek satır hizası */
.test-page .detail-hero,
.test-page .test-header,
.test-page .test-page-header,
.test-page .page-header,
.test-page .toolbar,
.test-page .test-toolbar,
.test-page .filter-row,
.test-page .test-top-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* Açılır menü başlığın hemen yanında dursun */
.test-page select,
.test-page #studentSelect,
.test-page #testStudentSelect,
.test-page #selectedStudent,
.test-page select[name*="student"],
.test-page select[id*="student"],
.test-page select[id*="Student"] {
  margin-left: 8px !important;
  margin-right: 0 !important;
  width: 300px !important;
  min-width: 260px !important;
  max-width: 340px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  border-radius: 12px !important;
  font-size: 13.5px !important;
  line-height: 1 !important;
  align-self: center !important;
}

/* Başlık kartı ve form kartı aralarını yukarı doğru daralt */
.test-page .detail-shell,
.test-page .form-shell {
  gap: 8px !important;
  padding-top: 10px !important;
}

.test-page .detail-card,
.test-page .form-card,
.test-page .big-form-card,
.test-page .test-card,
.test-page .page-card {
  margin-top: 0 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* Başlık ile açılır menü farklı kapsayıcıdaysa da aynı satır hissi ver */
.test-page .student-picker,
.test-page .student-select-wrap,
.test-page .test-student-picker,
.test-page .test-student-select,
.test-page .toolbar-student-select,
.test-page .page-filter {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Mobilde taşma olmasın: başlık üstte, seçim altta tam genişlik */
@media (max-width: 760px) {
  .test-page .detail-hero,
  .test-page .test-header,
  .test-page .test-page-header,
  .test-page .page-header,
  .test-page .toolbar,
  .test-page .test-toolbar,
  .test-page .filter-row,
  .test-page .test-top-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    margin-bottom: 6px !important;
  }

  .test-page select,
  .test-page #studentSelect,
  .test-page #testStudentSelect,
  .test-page #selectedStudent,
  .test-page select[name*="student"],
  .test-page select[id*="student"],
  .test-page select[id*="Student"] {
    margin-left: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }
}

/* v99.4 Test Takip: başlık ve açılır menü yan yana, alt seçim alanı iptal */
.test-page .test-title-block {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  margin: 0 !important;
}

.test-page .test-title-select-row {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.test-page .test-title-select-row .unified-page-title {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  font-size: 22px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.test-page .test-title-select-row #testStudentSelect {
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  font-size: 13.5px !important;
  line-height: 1 !important;
  align-self: center !important;
}

/* Eski alt açılır menü satırı görünmesin */
.test-page .test-student-select-line {
  display: none !important;
}

/* Özet satırını yukarı çek ve minimal tut */
.test-page .test-mini-summary-row {
  margin-top: 0 !important;
  padding-top: 0 !important;
  gap: 8px !important;
  align-items: center !important;
}

.test-page .test-card.compact-card {
  padding-top: 12px !important;
}

/* Mobilde taşma olmasın */
@media (max-width: 760px) {
  .test-page .test-title-select-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 6px !important;
  }

  .test-page .test-title-select-row .unified-page-title,
  .test-page .test-title-select-row #testStudentSelect {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }

  .test-page .test-title-select-row .unified-page-title {
    font-size: 19px !important;
    padding: 0 12px !important;
  }
}

/* v99.5 Yönetici şifre alanı geçici olarak pasif/gizli */
.admin-password-disabled,
#adminPassword.admin-password-disabled {
  display: none !important;
}

#adminLoginBtn {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* v99.6 Ay / Hafta açılır menüleri minimal genişlikte, yazılar taşmadan */
select[id*="month"],
select[id*="Month"],
select[id*="ay"],
select[id*="Ay"],
select[class*="month"],
select[class*="Month"],
select[class*="ay"],
select[class*="Ay"] {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding-left: 10px !important;
  padding-right: 24px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

select[id*="week"],
select[id*="Week"],
select[id*="hafta"],
select[id*="Hafta"],
select[class*="week"],
select[class*="Week"],
select[class*="hafta"],
select[class*="Hafta"] {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding-left: 10px !important;
  padding-right: 24px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

/* Yan yana duran ay/hafta filtrelerinde boşlukları da minimal tut */
.month-week-row,
.month-week-filter,
.week-month-row,
.week-month-filter,
.filter-row:has(select[id*="month"]),
.filter-row:has(select[id*="week"]),
.toolbar:has(select[id*="month"]),
.toolbar:has(select[id*="week"]) {
  gap: 6px !important;
  align-items: center !important;
}

/* Mobilde taşma olursa tam genişlik değil, yine kontrollü kalsın */
@media (max-width: 760px) {
  select[id*="month"],
  select[id*="Month"],
  select[id*="ay"],
  select[id*="Ay"],
  select[class*="month"],
  select[class*="Month"],
  select[class*="ay"],
  select[class*="Ay"] {
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
  }

  select[id*="week"],
  select[id*="Week"],
  select[id*="hafta"],
  select[id*="Hafta"],
  select[class*="week"],
  select[class*="Week"],
  select[class*="hafta"],
  select[class*="Hafta"] {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
  }
}

/* v99.7 Ay seçilmeden hafta açılır menüsü pasif görünür */
select.week-disabled-until-month,
#messageWeek:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  background-color: #f3f7f7 !important;
}

/* v99.8 Tüm butonlarda tıklama anında renk/vurgu */
button,
.button,
.tab,
.update-pill,
.excel-button,
.mini-action,
.panel-button,
.action-button {
  transition: background-color .12s ease, border-color .12s ease, color .12s ease, transform .08s ease, filter .12s ease !important;
}

button:active,
.button:active,
.tab:active,
.update-pill:active,
.excel-button:active,
.mini-action:active,
.panel-button:active,
.action-button:active,
.button-click-flash {
  background-color: #0f9f8f !important;
  border-color: #087f78 !important;
  color: #ffffff !important;
  filter: brightness(0.98) !important;
  transform: translateY(1px) !important;
}

button:active *,
.button:active *,
.tab:active *,
.update-pill:active *,
.excel-button:active *,
.mini-action:active *,
.panel-button:active *,
.action-button:active *,
.button-click-flash * {
  color: #ffffff !important;
}

/* v99.9 Ay boşken hafta pasif; ay alanı isteğe bağlı */
select.week-disabled-until-month,
#messageWeek:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  background-color: #f3f7f7 !important;
}

/* v1000 Hafta açılır menüsü Ay menüsüyle aynı genişliğe alındı */
select[id*="week"],
select[id*="Week"],
select[id*="hafta"],
select[id*="Hafta"],
select[class*="week"],
select[class*="Week"],
select[class*="hafta"],
select[class*="Hafta"],
#messageWeek {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding-left: 10px !important;
  padding-right: 24px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  select[id*="week"],
  select[id*="Week"],
  select[id*="hafta"],
  select[id*="Hafta"],
  select[class*="week"],
  select[class*="Week"],
  select[class*="hafta"],
  select[class*="Hafta"],
  #messageWeek {
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
  }
}

/* v1001 Test tablo ders başlıkları: soru sayısı + yüzde yan yana, taşma yok */
.test-page .test-table #turkishHeader,
.test-page .test-table #mathHeader,
.test-page .test-table #scienceHeader,
.test-page .test-table #socialHeader,
.test-page .test-table #languageHeader {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  font-size: 12px !important;
  line-height: 1 !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
  min-width: 84px !important;
  max-width: 118px !important;
  text-align: center !important;
}

.test-page .test-table th {
  vertical-align: middle !important;
}

.test-page .test-table {
  table-layout: fixed !important;
}

@media (max-width: 760px) {
  .test-page .test-table #turkishHeader,
  .test-page .test-table #mathHeader,
  .test-page .test-table #scienceHeader,
  .test-page .test-table #socialHeader,
  .test-page .test-table #languageHeader {
    font-size: 11px !important;
    min-width: 78px !important;
  }
}

/* v1002 Genel Başarı: toplam soru-yüzde formatı, taşma yok */
.test-page .general-success-head {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-align: center !important;
}

.test-page .general-success-head strong,
.test-page #generalSuccessAverage {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

/* v1003 Mesaj Gönder butonu genişlik olarak daraltıldı, yazı taşması engellendi */
button,
.message-button,
.send-message-button,
#sendMessageBtn,
button[id*="sendMessage"],
button[id*="SendMessage"],
button[class*="send-message"],
button[class*="message-send"] {
  box-sizing: border-box !important;
}

.message-button,
.send-message-button,
#sendMessageBtn,
button[id*="sendMessage"],
button[id*="SendMessage"],
button[class*="send-message"],
button[class*="message-send"] {
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 10px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Metni tam olarak 'Mesaj Gönder' olan genel butonlarda da güvenli daraltma */
.test-page button,
.deneme-page button,
.book-page button,
.guidance-page button,
.keyfiyet-static-page button {
  white-space: nowrap !important;
}

/* v1004 Yurt Notu/Keyfiyet: Takip yazısı kaldırıldı, satırlar yukarı alındı, en yüksek/en düşük ikonlu tek satır */
.keyfiyet-static-page .keyfiyet-toolbar-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
}

.keyfiyet-static-page .keyfiyet-static-inner {
  padding-top: 8px !important;
}

.keyfiyet-static-page .keyfiyet-toolbar-row,
.keyfiyet-static-page .keyfiyet-toolbar {
  gap: 8px !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-items: center !important;
}

.keyfiyet-static-page .keyfiyet-summary-grid {
  gap: 8px !important;
  margin-top: 6px !important;
  margin-bottom: 8px !important;
}

.keyfiyet-static-page .sum-card {
  min-height: 58px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  align-items: center !important;
}

.keyfiyet-static-page .keyfiyet-student-rank-card {
  min-width: 0 !important;
}

.keyfiyet-static-page .keyfiyet-student-rank-card .sum-icon {
  font-size: 18px !important;
}

.keyfiyet-static-page .keyfiyet-student-rank-card span {
  font-size: 12px !important;
  line-height: 1 !important;
  margin-bottom: 3px !important;
}

.keyfiyet-static-page .keyfiyet-student-rank-card strong {
  display: block !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  font-size: 13px !important;
  line-height: 1.05 !important;
}

.keyfiyet-static-page .keyfiyet-student-rank-card small {
  display: none !important;
}

.keyfiyet-static-page .keyfiyet-legend {
  margin-top: 6px !important;
  margin-bottom: 8px !important;
}

.keyfiyet-static-page .keyfiyet-table-wrap {
  margin-top: 6px !important;
}

@media (max-width: 760px) {
  .keyfiyet-static-page .keyfiyet-student-rank-card strong {
    font-size: 12px !important;
  }

  .keyfiyet-static-page .sum-card {
    min-height: 54px !important;
  }
}

/* v1005 Anasayfa Talebe Ekle / Talebe Sil / Çıkış butonları biraz aşağı alındı */
.admin-home-body .hero-actions {
  transform: translateY(8px) !important;
  align-self: center !important;
  margin-top: 6px !important;
}

@media (max-width: 760px) {
  .admin-home-body .hero-actions {
    transform: translateY(4px) !important;
    margin-top: 4px !important;
  }
}

/* v1006 SABİT SİSTEM: Tüm butonlarda tek tık renk/vurgu */
button,
.button,
.tab,
.update-pill,
.excel-button,
.mini-action,
.panel-button,
.action-button,
.save-button,
.clear-button,
a.whatsapp-trial-button {
  transition: background-color .12s ease, border-color .12s ease, color .12s ease, transform .08s ease, filter .12s ease !important;
}

button:active,
.button:active,
.tab:active,
.update-pill:active,
.excel-button:active,
.mini-action:active,
.panel-button:active,
.action-button:active,
.save-button:active,
.clear-button:active,
a.whatsapp-trial-button:active,
.button-click-flash {
  background-color: #0f9f8f !important;
  border-color: #087f78 !important;
  color: #ffffff !important;
  filter: brightness(0.98) !important;
  transform: translateY(1px) !important;
}

button:active *,
.button:active *,
.tab:active *,
.update-pill:active *,
.excel-button:active *,
.mini-action:active *,
.panel-button:active *,
.action-button:active *,
.save-button:active *,
.clear-button:active *,
a.whatsapp-trial-button:active *,
.button-click-flash * {
  color: #ffffff !important;
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid rgba(15, 159, 143, .45) !important;
  outline-offset: 2px !important;
}

/* v1007 Anasayfa Talebe Sil / Çıkış buton yazıları biraz yukarı alındı */
.admin-home-body .hero-actions .action-button.delete .action-label,
.admin-home-body .hero-actions .action-button.logout .action-label {
  transform: translateY(-1.5px) !important;
}

.admin-home-body .hero-actions .action-button.delete::before,
.admin-home-body .hero-actions .action-button.logout::before {
  transform: translateY(-1.5px) !important;
}

/* v1008 Deneme Takip: En düşük puanlı talebe kutusu eklendi ve en yüksekle yan yana hizalandı */
.trial-page .trial-student-select-line {
  grid-template-columns: auto minmax(220px, 280px) minmax(260px, 1fr) minmax(260px, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
}

.trial-best-student-card,
.trial-weak-student-card {
  min-height: 42px !important;
  height: auto !important;
  padding: 6px 10px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.trial-weak-student-card {
  background:
    radial-gradient(circle at 10% 20%, rgba(255, 105, 105, .18), transparent 28%),
    linear-gradient(180deg, #ffffff, #fff7f7) !important;
  border-color: rgba(225, 29, 72, .18) !important;
}

.trial-best-student-card span,
.trial-weak-student-card span {
  font-size: 10.5px !important;
  line-height: 1 !important;
}

.trial-best-student-card strong,
.trial-weak-student-card strong {
  font-size: 13px !important;
  line-height: 1 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

.trial-best-student-card small,
.trial-weak-student-card small {
  font-size: 10px !important;
  line-height: 1 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

@media (max-width: 1250px) {
  .trial-page .trial-student-select-line {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 760px) {
  .trial-page .trial-student-select-line {
    grid-template-columns: 1fr !important;
  }
}

/* v1009 Deneme sayfasında boş kalan talebe seçimi etiketi kaldırıldı */
.trial-page .trial-student-select-line label:empty,
.trial-student-select-line label:empty {
  display: none !important;
}

/* v1010 Anasayfa üst sağ Talebe Ekle / Talebe Sil / Çıkış butonları görsele göre hizalandı */
.admin-home-body .hero-card {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
}

.admin-home-body .hero-actions {
  display: grid !important;
  grid-template-columns: repeat(3, 132px) !important;
  gap: 12px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  justify-content: end !important;
  justify-self: end !important;
  align-self: start !important;
  margin-top: 18px !important;
  margin-right: 28px !important;
  transform: none !important;
}

.admin-home-body .hero-actions .action-button {
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-align: center !important;
}

.admin-home-body .hero-actions .action-button .action-label {
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  font-size: 13.5px !important;
  font-weight: 850 !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  transform: none !important;
  flex: 0 0 auto !important;
  line-height: 1 !important;
}

/* 1366px civarı PC görünümde butonlar taşmadan aynı sırada kalsın */
@media (max-width: 1380px) {
  .admin-home-body .hero-actions {
    grid-template-columns: repeat(3, 112px) !important;
    gap: 9px !important;
    margin-right: 18px !important;
    margin-top: 18px !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 8px !important;
  }

  .admin-home-body .hero-actions .action-button .action-label {
    font-size: 12.5px !important;
  }
}

/* Mobilde alt alta düzgün hizalansın */
@media (max-width: 760px) {
  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-actions {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    justify-self: stretch !important;
    margin: 8px 0 0 0 !important;
    gap: 7px !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* v1011 Deneme takip üst kutucukları daraltıldı, + Ekle aynı hizaya alındı */
.trial-page .trial-title-block {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.trial-page .trial-title-block h2 {
  margin: 0 0 6px 0 !important;
  line-height: 1 !important;
}

.trial-page .trial-student-select-line {
  display: grid !important;
  grid-template-columns: minmax(170px, 230px) minmax(230px, 1fr) minmax(230px, 1fr) 86px !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 0 !important;
}

.trial-page .trial-student-select-line select {
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  font-size: 12.5px !important;
  border-radius: 11px !important;
}

.trial-best-student-card,
.trial-weak-student-card {
  min-height: 34px !important;
  height: 42px !important;
  max-height: 42px !important;
  padding: 4px 8px !important;
  gap: 5px !important;
  border-radius: 11px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  grid-template-columns: auto 1fr auto !important;
}

.trial-best-student-card span,
.trial-weak-student-card span {
  font-size: 9.5px !important;
  line-height: 1 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.trial-best-student-card strong,
.trial-weak-student-card strong {
  font-size: 12px !important;
  line-height: 1 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.trial-best-student-card small,
.trial-weak-student-card small {
  font-size: 9px !important;
  line-height: 1 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.trial-page .trial-top-add {
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 10px !important;
  border-radius: 11px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  white-space: nowrap !important;
}

.trial-page .trial-top-tools {
  display: none !important;
}

@media (max-width: 1250px) {
  .trial-page .trial-student-select-line {
    grid-template-columns: 1fr 1fr !important;
  }

  .trial-page .trial-top-add {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch !important;
  }
}

@media (max-width: 760px) {
  .trial-page .trial-student-select-line {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .trial-best-student-card,
  .trial-weak-student-card,
  .trial-page .trial-top-add {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
  }
}

/* v1013 Tab ile aktif olan kutucuk belirginleşir */
.keyboard-active-field {
  outline: 2px solid rgba(15, 159, 143, .55) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px rgba(15, 159, 143, .12) !important;
}

/* v1014 Deneme tablosu başlık alt çizgileri: Deneme Adı ve ders başlıkları İşlem/Tarih ile aynı */
.trial-page .trial-table thead th,
.trial-table thead th {
  border-bottom: 1px solid rgba(7, 135, 125, .18) !important;
  box-shadow: inset 0 -1px 0 rgba(7, 135, 125, .10) !important;
  vertical-align: middle !important;
}

.trial-page .trial-table thead tr:first-child th,
.trial-table thead tr:first-child th {
  border-bottom: 1px solid rgba(7, 135, 125, .18) !important;
}

.trial-page .trial-table th:nth-child(n+3),
.trial-table th:nth-child(n+3) {
  border-bottom: 1px solid rgba(7, 135, 125, .18) !important;
}

/* Başlık satırı bütün kolonlarda aynı yükseklik/hiza */
.trial-page .trial-table thead tr,
.trial-table thead tr {
  height: 38px !important;
}

.trial-page .trial-table thead th {
  height: 38px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

/* İşlem ve Tarih ile diğer başlıkların görsel çizgisi uyumlu kalsın */
.trial-page .trial-table thead th:first-child,
.trial-page .trial-table thead th:nth-child(2) {
  border-bottom: 1px solid rgba(7, 135, 125, .18) !important;
  box-shadow: inset 0 -1px 0 rgba(7, 135, 125, .10) !important;
}

/* v1015 Deneme tablosu ders başlıklarına toplam net eklendi; başlık satırı daha minimal */
.trial-page .trial-table thead tr,
.trial-table thead tr {
  height: 32px !important;
}

.trial-page .trial-table thead th,
.trial-table thead th {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.trial-page .trial-table th[data-trial-subject-head],
.trial-page .trial-table th[data-trial-total-net-head],
.trial-page .trial-table th[data-trial-score-head] {
  font-size: 11px !important;
  font-weight: 850 !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.trial-page .trial-table-wrap {
  margin-top: 6px !important;
}

/* v1016 Deneme Takip: Tüm Talebeler seçilince tüm denemeler alt alta okunaklı görünür */
.trial-page .trial-table .all-student-row-name,
.trial-table .all-student-row-name {
  color: #067f78 !important;
  font-weight: 900 !important;
  font-size: 10.5px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.trial-page .trial-table td small,
.trial-table td small {
  display: block !important;
  margin-top: 2px !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  color: #52616f !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.trial-page .all-mode-label,
.all-mode-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 24px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: #eefbf8 !important;
  border: 1px solid rgba(7,135,125,.18) !important;
  color: #067f78 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

/* v1017 Tab ile aktif olan kutucuk sabit belirginleşir */
.keyboard-active-field {
  outline: 2px solid rgba(15, 159, 143, .60) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px rgba(15, 159, 143, .14) !important;
}

/* v1019: Deneme tablosu kutucuk gezinme ve tıklama düzeltmesi */
.trial-table td:has(.trial-input) {
  cursor: text;
}

.trial-table td:has(.trial-publisher-select) {
  cursor: pointer;
}

.trial-table td:has(.trial-input):focus-within {
  background: #f7fffe;
}


/* v1023 Deneme üst özet: en yüksek/en düşük ders kutuları üst sıraya eklendi */
.trial-page .trial-student-select-line {
  grid-template-columns: minmax(150px, 205px) repeat(4, minmax(155px, 1fr)) 76px !important;
  align-items: stretch !important;
  gap: 7px !important;
}

.trial-page .trial-student-select-line select {
  align-self: center !important;
}

.trial-top-subject-card {
  background:
    radial-gradient(circle at 10% 20%, rgba(14, 165, 233, .15), transparent 28%),
    linear-gradient(180deg, #ffffff, #f5fbff) !important;
  border-color: rgba(14, 165, 233, .18) !important;
}

.trial-low-subject-card {
  background:
    radial-gradient(circle at 10% 20%, rgba(245, 158, 11, .16), transparent 28%),
    linear-gradient(180deg, #ffffff, #fffaf0) !important;
  border-color: rgba(245, 158, 11, .20) !important;
}

.trial-top-subject-card strong {
  max-width: 100% !important;
}

@media (max-width: 1450px) {
  .trial-page .trial-student-select-line {
    grid-template-columns: minmax(145px, 190px) repeat(4, minmax(145px, 1fr)) 72px !important;
    gap: 6px !important;
  }

  .trial-best-student-card,
  .trial-weak-student-card,
  .trial-top-subject-card {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .trial-best-student-card span,
  .trial-weak-student-card span,
  .trial-top-subject-card span {
    font-size: 8.8px !important;
  }

  .trial-best-student-card strong,
  .trial-weak-student-card strong,
  .trial-top-subject-card strong {
    font-size: 11px !important;
  }

  .trial-best-student-card small,
  .trial-weak-student-card small,
  .trial-top-subject-card small {
    font-size: 8.4px !important;
  }
}

@media (max-width: 1250px) {
  .trial-page .trial-student-select-line {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .trial-page .trial-student-select-line select,
  .trial-page .trial-top-add {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch !important;
  }
}

@media (max-width: 760px) {
  .trial-page .trial-student-select-line {
    grid-template-columns: 1fr !important;
  }
}

/* v1025 Deneme üst başarı kutuları: yazılar taşmadan alta kaysın, + Ekle alanına girmesin */
.trial-page .trial-student-select-line {
  display: grid !important;
  grid-template-columns: minmax(140px, 190px) repeat(4, minmax(0, 1fr)) 76px !important;
  align-items: stretch !important;
  gap: 7px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.trial-page .trial-student-select-line select,
.trial-best-student-card,
.trial-weak-student-card,
.trial-top-subject-card,
.trial-page .trial-top-add {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.trial-best-student-card,
.trial-weak-student-card,
.trial-top-subject-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  height: auto !important;
  min-height: 42px !important;
  max-height: none !important;
  overflow: hidden !important;
  gap: 2px !important;
  padding: 5px 7px !important;
}

.trial-best-student-card span,
.trial-weak-student-card span,
.trial-top-subject-card span,
.trial-best-student-card strong,
.trial-weak-student-card strong,
.trial-top-subject-card strong,
.trial-best-student-card small,
.trial-weak-student-card small,
.trial-top-subject-card small {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-overflow: clip !important;
  overflow: hidden !important;
  line-height: 1.12 !important;
}

.trial-best-student-card span,
.trial-weak-student-card span,
.trial-top-subject-card span {
  font-size: 9.2px !important;
}

.trial-best-student-card strong,
.trial-weak-student-card strong,
.trial-top-subject-card strong {
  font-size: 11.6px !important;
}

.trial-best-student-card small,
.trial-weak-student-card small,
.trial-top-subject-card small {
  font-size: 8.8px !important;
}

.trial-page .trial-top-add {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  height: auto !important;
  min-height: 42px !important;
  max-height: none !important;
  padding: 0 6px !important;
}

@media (max-width: 1450px) {
  .trial-page .trial-student-select-line {
    grid-template-columns: minmax(132px, 170px) repeat(4, minmax(0, 1fr)) 70px !important;
    gap: 6px !important;
  }

  .trial-page .trial-top-add {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    font-size: 11.5px !important;
  }

  .trial-best-student-card span,
  .trial-weak-student-card span,
  .trial-top-subject-card span {
    font-size: 8.6px !important;
  }

  .trial-best-student-card strong,
  .trial-weak-student-card strong,
  .trial-top-subject-card strong {
    font-size: 10.6px !important;
  }

  .trial-best-student-card small,
  .trial-weak-student-card small,
  .trial-top-subject-card small {
    font-size: 8.1px !important;
  }
}

@media (max-width: 1250px) {
  .trial-page .trial-student-select-line {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .trial-page .trial-student-select-line select,
  .trial-page .trial-top-add {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch !important;
  }
}

@media (max-width: 760px) {
  .trial-page .trial-student-select-line {
    grid-template-columns: 1fr !important;
  }
}


/* v1026 Test Takip: Tüm Talebeler görünümünde İşlem sütununda sadece ortalanmış Sil butonu */
.test-table .action-cell:has(.all-mode-delete) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 3px 4px !important;
}

.test-table .all-mode-delete {
  width: 42px !important;
  max-width: 42px !important;
  min-width: 42px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* v1027 admin ana sayfa görsel iyileştirme - lacivert amblem */
:root {
  --navy: #08243d;
  --navy-2: #0d3456;
  --navy-soft: #eef5fb;
  --navy-line: #c8d9e8;
}

.admin-home-body {
  background:
    radial-gradient(circle at 0 0, rgba(8, 36, 61, .12), transparent 32%),
    linear-gradient(135deg, #f4fbff 0%, #ffffff 50%, #f6fafc 100%) !important;
}

.admin-home-body .admin-shell {
  padding-top: 20px !important;
}

.admin-home-body .hero-card {
  border-color: var(--navy-line) !important;
  box-shadow: 0 18px 50px rgba(8, 36, 61, .10) !important;
  padding: 20px 28px !important;
  gap: 24px !important;
  transform: none !important;
}

.admin-home-body .hero-brand {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}

.admin-home-body .hero-logo {
  width: clamp(180px, 25vw, 330px);
  height: 88px;
  object-fit: contain;
  object-position: left center;
  flex: 0 0 auto;
}

.admin-home-body .hero-copy {
  min-width: 220px;
}

.admin-home-body .hero-card h1,
.admin-home-body .list-top h2,
.admin-home-body th,
.admin-home-body strong,
.side-menu-title,
.side-menu a.active,
.side-menu a:hover {
  color: var(--navy) !important;
}

.admin-home-body .hero-card h1 {
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.8px !important;
  font-weight: 800 !important;
}

.admin-home-body .hero-label {
  color: var(--navy-2) !important;
  letter-spacing: .08em !important;
  opacity: .82;
}

.admin-home-body .hero-text {
  color: #386075 !important;
  font-size: 15px !important;
  margin-top: 5px !important;
  border-top: 2px solid rgba(8, 36, 61, .16);
  display: inline-block;
  padding-top: 3px;
}

.admin-home-body .hero-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  min-width: 330px !important;
}

.admin-home-body .hero-actions .action-button {
  min-width: 108px !important;
  height: 44px !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
}

.admin-home-body .hero-actions .action-button.add {
  color: #ffffff !important;
  border-color: #2bbf71 !important;
  background: linear-gradient(180deg, #51d98b 0%, #28bd68 100%) !important;
}

.admin-home-body .hero-actions .action-button.delete {
  color: #ffffff !important;
  border-color: #e75b5b !important;
  background: linear-gradient(180deg, #ff7d7d 0%, #ee5a5a 100%) !important;
}

.admin-home-body .hero-actions .action-button.logout {
  color: #ffffff !important;
  border-color: #477fbd !important;
  background: linear-gradient(180deg, #6ba8f7 0%, #4b87e6 100%) !important;
}

.admin-home-body .stats-grid {
  grid-template-columns: repeat(6, minmax(145px, 1fr)) !important;
  gap: 12px !important;
}

.admin-home-body .stat-symbol-card {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 92px !important;
  padding: 14px 16px !important;
  border-color: var(--navy-line) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
}

.admin-home-body .stat-symbol-card > div:last-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
}

.admin-home-body .stat-mini-icon {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 12px !important;
  font-size: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(8, 36, 61, .15) !important;
  background: #ffffff !important;
  box-shadow: 0 8px 18px rgba(8, 36, 61, .08) !important;
}

.admin-home-body .stat-card span {
  min-height: auto !important;
  color: var(--navy-2) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.admin-home-body .stat-card strong {
  font-size: 24px !important;
  margin-top: 6px !important;
}

.admin-home-body .warning-stat em {
  display: inline-flex !important;
  align-items: center;
  width: max-content;
  margin-top: 5px !important;
  border-radius: 999px;
  padding: 2px 8px;
  background: #fff3dd;
  color: #c47a00 !important;
  font-size: 11px !important;
}

.admin-home-body .list-card {
  border-color: var(--navy-line) !important;
  box-shadow: 0 18px 45px rgba(8, 36, 61, .08) !important;
}

.admin-home-body .list-top {
  display: grid !important;
  grid-template-columns: minmax(190px, auto) 1fr !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 12px 18px 10px !important;
  background: linear-gradient(180deg, rgba(238, 245, 251, .65), rgba(255,255,255,.92)) !important;
}

.admin-home-body .list-top h2 {
  font-size: 24px !important;
  letter-spacing: -.3px;
}

.admin-home-body .result-count {
  margin: 5px 0 0 !important;
  color: #5f7180 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.admin-home-body .filters {
  display: grid !important;
  grid-template-columns: minmax(250px, 1fr) 134px 144px !important;
  gap: 8px !important;
  width: 100% !important;
  align-items: center !important;
}

.admin-home-body .search-field,
.admin-home-body .filter-field {
  display: flex;
  align-items: center;
  height: 38px;
  border: 1px solid var(--navy-line);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: inset 0 1px 2px rgba(8, 36, 61, .03);
}

.admin-home-body .search-field span {
  padding-left: 12px;
  color: #6c8195;
}

.admin-home-body .search-field input {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  width: 100%;
}

.admin-home-body .filter-field {
  position: relative;
}

.admin-home-body .filter-field small {
  position: absolute;
  top: -9px;
  left: 10px;
  padding: 0 5px;
  background: #ffffff;
  color: var(--navy-2);
  font-size: 10px;
  font-weight: 900;
}

.admin-home-body .filter-field select {
  width: 100%;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  height: 100% !important;
}

.admin-home-body table {
  min-width: 1040px !important;
}

.admin-home-body thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--navy-soft) !important;
  border-top: 1px solid var(--navy-line) !important;
  border-bottom: 1px solid var(--navy-line) !important;
}

.admin-home-body th,
.admin-home-body td {
  padding: 10px 14px !important;
  vertical-align: middle !important;
}

.admin-home-body tbody tr {
  transition: background .16s ease, transform .16s ease, box-shadow .16s ease;
}

.admin-home-body tbody tr:nth-child(even) {
  background: rgba(238, 245, 251, .42);
}

.admin-home-body tbody tr:hover {
  background: #edf7ff !important;
  box-shadow: inset 4px 0 0 var(--navy-2);
}

.admin-home-body .student-name {
  color: var(--navy) !important;
  background: transparent !important;
  border: 0 !important;
  font-weight: 850 !important;
}

.admin-home-body #studentTable .pill,
.admin-home-body #studentTable .risk-pill {
  min-width: 78px !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(8, 36, 61, .12) !important;
}

.admin-home-body #studentTable .risk-pill.neutral {
  color: #60788d !important;
  background: #f3f7fb !important;
}

.admin-home-body .table-actions {
  display: flex;
  gap: 6px;
  justify-content: flex-start;
}

.admin-home-body .row-action {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  border: 1px solid var(--navy-line);
  background: #ffffff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 14px rgba(8, 36, 61, .08);
}

.admin-home-body .row-action:hover {
  transform: translateY(-1px);
  background: var(--navy-soft);
}

.admin-home-body .row-action.remove:hover {
  background: #fff0f0;
  border-color: #ffc7c7;
}

.side-menu.fixed {
  border-color: var(--navy-line) !important;
  box-shadow: 0 18px 46px rgba(8, 36, 61, .13) !important;
}

.side-menu-title {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px 12px !important;
}

.side-menu-title img {
  width: 28px;
  height: 24px;
  object-fit: contain;
}

.side-menu-title span {
  line-height: 1.15;
}

.side-menu-group {
  margin: 12px 8px 5px;
  color: #7990a3;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.side-menu a {
  gap: 10px !important;
  min-height: 36px;
  border: 1px solid transparent;
}

.side-menu a span {
  width: 22px;
  min-width: 22px;
  text-align: center;
}

.side-menu a b {
  font: inherit;
}

.side-menu a.active,
.side-menu a:hover {
  background: var(--navy-soft) !important;
  border-color: var(--navy-line) !important;
}

@media (max-width: 1180px) {
  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(170px, 1fr)) !important;
  }

  .admin-home-body .hero-card {
    align-items: flex-start !important;
  }

  .admin-home-body .hero-actions {
    min-width: 260px !important;
  }
}

@media (max-width: 980px) {
  .has-fixed-menu .side-menu.fixed {
    position: static !important;
    width: calc(100% - 24px) !important;
    height: auto !important;
    margin: 12px !important;
    overflow: visible !important;
  }

  .has-fixed-menu .admin-shell,
  .has-fixed-menu .detail-shell,
  .has-fixed-menu .form-shell {
    margin-left: auto !important;
    margin-right: auto !important;
    width: min(100% - 24px, 1120px) !important;
  }

  .admin-home-body .hero-card,
  .admin-home-body .hero-brand {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .admin-home-body .hero-logo {
    width: min(100%, 360px);
    height: 78px;
  }

  .admin-home-body .hero-actions {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: stretch !important;
  }

  .admin-home-body .hero-actions .action-button {
    flex: 1 1 140px;
  }

  .admin-home-body .list-top {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .filters {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .filter-field {
    margin-top: 6px;
  }
}

@media (max-width: 640px) {
  .admin-home-body .stats-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-card h1 {
    font-size: 26px !important;
  }

  .admin-home-body .table-wrap {
    border-top: 1px solid var(--navy-line);
  }

  .side-menu a {
    min-height: 34px;
  }
}


/* v1028 admin ana sayfa son görsel düzenlemeler */
:root {
  --navy-main: #0b2f4f;
  --navy-deep: #08263d;
  --navy-muted: #4f6b82;
  --navy-soft-2: #f2f7fb;
  --navy-line-2: #d5e0ea;
}

.admin-home-body .admin-shell {
  width: min(1180px, calc(100% - 42px)) !important;
  padding-top: 18px !important;
}

.admin-home-body .hero-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 28px !important;
  padding: 18px 26px !important;
}

.admin-home-body .hero-brand {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.admin-home-body .hero-logo {
  width: clamp(150px, 20vw, 250px) !important;
  height: 78px !important;
}

.admin-home-body .hero-copy {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.admin-home-body .hero-card h1 {
  font-size: clamp(24px, 2.45vw, 40px) !important;
  line-height: 1.08 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  margin-bottom: 2px !important;
}

.admin-home-body .hero-label {
  margin-bottom: 8px !important;
}

.admin-home-body .hero-text {
  margin-top: 6px !important;
  color: var(--navy-muted) !important;
  border-top-color: rgba(11, 47, 79, .18) !important;
}

.admin-home-body .hero-actions {
  min-width: 0 !important;
  gap: 12px !important;
  justify-content: flex-end !important;
  align-self: center !important;
  padding-left: 10px !important;
}

.admin-home-body .hero-actions .action-button {
  min-width: 114px !important;
  height: 42px !important;
  box-shadow: 0 10px 22px rgba(8, 36, 61, .12) !important;
}

.admin-home-body .stats-grid {
  grid-template-columns: repeat(6, minmax(150px, 1fr)) !important;
  gap: 14px !important;
  margin-bottom: 18px !important;
}

.admin-home-body .stat-card,
.admin-home-body .stat-symbol-card {
  min-height: 96px !important;
  padding: 15px 16px !important;
}

.admin-home-body .stat-card strong,
.admin-home-body #totalStudents,
.admin-home-body #firstAverage,
.admin-home-body #secondAverage,
.admin-home-body #yearAverage,
.admin-home-body #highRiskCount {
  color: var(--navy-main) !important;
}

.admin-home-body .warning-stat {
  background: linear-gradient(180deg, #fffdfa 0%, #fff8ee 100%) !important;
}

.admin-home-body .warning-stat strong {
  font-size: 18px !important;
  line-height: 1.1 !important;
  color: #b36b00 !important;
}

.admin-home-body .warning-stat em {
  display: inline-flex !important;
  margin-top: 6px !important;
  max-width: 100% !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  background: #fff2da !important;
}

.admin-home-body .list-card {
  overflow: visible !important;
}

.admin-home-body .list-top {
  grid-template-columns: minmax(190px, auto) minmax(0, 1fr) !important;
  gap: 16px !important;
  padding: 14px 18px 12px !important;
}

.admin-home-body .filters {
  grid-template-columns: minmax(260px, 320px) 140px 150px !important;
  justify-content: end !important;
  gap: 10px !important;
}

.admin-home-body .search-field {
  height: 44px !important;
}

.admin-home-body .search-field input {
  font-size: 14px !important;
}

.admin-home-body .filter-field {
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  align-items: stretch !important;
  height: 44px !important;
  padding: 5px 10px 4px !important;
  gap: 1px !important;
}

.admin-home-body .filter-field small {
  position: static !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--navy-muted) !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

.admin-home-body .filter-field select {
  height: auto !important;
  padding: 0 !important;
  color: var(--navy-main) !important;
  font-weight: 700 !important;
}

.admin-home-body table {
  min-width: 860px !important;
}

.admin-home-body thead th {
  background: #edf4fa !important;
  color: var(--navy-main) !important;
}

.admin-home-body tbody tr:hover {
  background: #f2f7fb !important;
  box-shadow: inset 4px 0 0 var(--navy-main) !important;
}

.admin-home-body #studentTable .pill {
  border-color: rgba(11, 47, 79, .14) !important;
}

.admin-home-body #studentTable .pill.good {
  background: #eef5fb !important;
  color: var(--navy-main) !important;
}

.admin-home-body #studentTable .risk-pill.neutral {
  background: #f5f8fb !important;
  color: #5f7386 !important;
}

@media (max-width: 1180px) {
  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-actions {
    padding-left: 0 !important;
    justify-content: flex-start !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(160px, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .list-top {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .filters {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
  }

  .admin-home-body .search-field,
  .admin-home-body .filter-field {
    height: 46px !important;
  }
}


/* v1029 görsel hizalama düzeltmeleri */
:root {
  --theme-navy: #08263d;
  --theme-navy-2: #0b2f4f;
  --theme-navy-3: #123d60;
  --theme-soft: #f3f7fb;
  --theme-line: #cddbe8;
  --theme-line-soft: #dbe7f0;
}

/* Genel turkuaz kalıntıları lacivert temaya yaklaştırıldı */
.admin-home-body {
  background:
    radial-gradient(circle at top left, rgba(8, 38, 61, .10), transparent 30%),
    linear-gradient(135deg, #f5f9fc 0%, #ffffff 48%, #f7fafc 100%) !important;
}

.admin-home-body .admin-shell {
  width: min(1180px, calc(100% - 42px)) !important;
  padding-top: 10px !important;
}

/* Header: logo / başlık / butonlar daha dengeli */
.admin-home-body .hero-card {
  display: grid !important;
  grid-template-columns: 250px minmax(280px, 1fr) auto !important;
  align-items: center !important;
  gap: 22px !important;
  min-height: 120px !important;
  padding: 16px 26px !important;
  border-color: var(--theme-line) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 18px 42px rgba(8, 38, 61, .09) !important;
}

.admin-home-body .hero-brand {
  display: contents !important;
}

.admin-home-body .hero-logo {
  grid-column: 1 !important;
  width: 235px !important;
  height: 76px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.admin-home-body .hero-copy {
  grid-column: 2 !important;
  min-width: 0 !important;
  padding-left: 4px !important;
}

.admin-home-body .hero-label {
  display: none !important;
}

.admin-home-body .hero-card h1 {
  color: var(--theme-navy) !important;
  font-size: clamp(30px, 2.6vw, 40px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.9px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  margin: 0 0 4px !important;
  text-shadow: none !important;
}

.admin-home-body .hero-text {
  color: #405c72 !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  padding-top: 4px !important;
  width: max-content !important;
  max-width: 100% !important;
  border-top: 2px solid rgba(8, 38, 61, .12) !important;
}

.admin-home-body .hero-actions {
  grid-column: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  align-self: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  flex-wrap: nowrap !important;
}

.admin-home-body .hero-actions .action-button {
  min-width: 112px !important;
  height: 42px !important;
  border-radius: 11px !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  padding: 0 14px !important;
  box-shadow: 0 9px 18px rgba(8, 38, 61, .11) !important;
}

.admin-home-body .hero-actions .action-button.logout {
  min-width: 110px !important;
}

/* Kart alanları: header ile mesafe ve iç hizalama */
.admin-home-body .stats-grid {
  margin-top: 8px !important;
  margin-bottom: 24px !important;
  grid-template-columns: repeat(6, minmax(145px, 1fr)) !important;
  gap: 14px !important;
}

.admin-home-body .stat-card,
.admin-home-body .stat-symbol-card {
  min-height: 96px !important;
  padding: 14px 16px !important;
  border-color: var(--theme-line) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%) !important;
}

.admin-home-body .stat-mini-icon {
  border-color: rgba(8, 38, 61, .18) !important;
}

.admin-home-body .stat-card span {
  color: var(--theme-navy-2) !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  min-height: 0 !important;
}

.admin-home-body .stat-card strong {
  color: var(--theme-navy) !important;
  font-size: 25px !important;
  margin-top: 6px !important;
}

/* Zayiat kartı taşma ve sıkışma düzeltmesi */
.admin-home-body .risk-summary-card,
.admin-home-body .warning-stat {
  overflow: hidden !important;
}

.admin-home-body .risk-summary-card {
  background: linear-gradient(180deg, #fffdf8 0%, #fff7e8 100%) !important;
}

.admin-home-body .risk-summary-card > div:last-child {
  min-width: 0 !important;
  justify-content: center !important;
}

.admin-home-body .risk-summary-card span {
  position: static !important;
  display: block !important;
  margin: 0 0 4px !important;
  white-space: nowrap !important;
}

.admin-home-body .risk-summary-card strong {
  color: #59697a !important;
  font-size: 20px !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.admin-home-body .risk-summary-card em {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  margin-top: 6px !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  color: #b36b00 !important;
  background: #fff1d8 !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

/* Liste üstü: başlık + arama + filtre aynı hatta */
.admin-home-body .list-card {
  overflow: hidden !important;
  border-color: var(--theme-line) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 38px rgba(8, 38, 61, .075) !important;
}

.admin-home-body .list-top {
  display: grid !important;
  grid-template-columns: minmax(260px, auto) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 12px 18px 10px !important;
  background: linear-gradient(180deg, rgba(243,247,251,.9), #ffffff) !important;
}

.admin-home-body .list-top h2 {
  color: var(--theme-navy) !important;
  font-size: 25px !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

.admin-home-body .result-count {
  display: none !important;
}

.admin-home-body .filters {
  display: grid !important;
  grid-template-columns: 320px 140px 150px !important;
  justify-content: end !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
}

.admin-home-body .search-field {
  height: 44px !important;
  border-color: var(--theme-line) !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 2px rgba(8, 38, 61, .035) !important;
}

.admin-home-body .search-field span {
  padding-left: 12px !important;
  color: var(--theme-navy-2) !important;
}

.admin-home-body .search-field input {
  height: 100% !important;
  color: var(--theme-navy) !important;
  font-size: 14px !important;
  padding-left: 10px !important;
}

.admin-home-body .filter-field {
  height: 44px !important;
  display: grid !important;
  grid-template-rows: 11px 1fr !important;
  align-items: center !important;
  gap: 1px !important;
  padding: 5px 10px 4px !important;
  border-color: var(--theme-line) !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 2px rgba(8, 38, 61, .035) !important;
}

.admin-home-body .filter-field small {
  position: static !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--theme-navy-3) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.admin-home-body .filter-field select {
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--theme-navy) !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 750 !important;
}

/* Tablo boşlukları ve lacivert vurgu */
.admin-home-body .table-wrap {
  overflow-x: auto !important;
  border-top: 1px solid var(--theme-line-soft) !important;
}

.admin-home-body table {
  min-width: 840px !important;
}

.admin-home-body thead th {
  background: #eef4f9 !important;
  color: var(--theme-navy-2) !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--theme-line) !important;
}

.admin-home-body th,
.admin-home-body td {
  padding: 8px 16px !important;
  height: 34px !important;
  line-height: 1.1 !important;
}

.admin-home-body tbody tr:nth-child(even) {
  background: rgba(243, 247, 251, .82) !important;
}

.admin-home-body tbody tr:hover {
  background: #f0f6fb !important;
  box-shadow: inset 4px 0 0 var(--theme-navy-2) !important;
}

.admin-home-body #studentTable .student-name {
  color: var(--theme-navy) !important;
}

.admin-home-body #studentTable .pill {
  min-width: 62px !important;
  padding: 3px 11px !important;
  border-color: rgba(8, 38, 61, .14) !important;
}

.admin-home-body #studentTable .risk-pill {
  min-width: 76px !important;
  margin-right: 12px !important;
  background: #f5f8fb !important;
  color: #5d7183 !important;
}

/* Sol menü: kaba scroll ve kesilme düzeltmesi */
.side-menu.fixed {
  top: 100px !important;
  bottom: 12px !important;
  height: auto !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(8, 38, 61, .28) transparent !important;
  border-color: var(--theme-line) !important;
}

.side-menu.fixed::-webkit-scrollbar {
  width: 6px !important;
}

.side-menu.fixed::-webkit-scrollbar-track {
  background: transparent !important;
}

.side-menu.fixed::-webkit-scrollbar-thumb {
  background: rgba(8, 38, 61, .24) !important;
  border-radius: 999px !important;
}

.side-menu-title,
.side-menu a.active,
.side-menu a:hover {
  color: var(--theme-navy) !important;
}

.side-menu a.active,
.side-menu a:hover {
  background: var(--theme-soft) !important;
  border-color: var(--theme-line) !important;
}

/* Focus rengi de lacivert */
.admin-home-body input:focus,
.admin-home-body select:focus,
.admin-home-body textarea:focus {
  border-color: var(--theme-navy-2) !important;
  box-shadow: 0 0 0 4px rgba(8, 38, 61, .10) !important;
}

@media (max-width: 1220px) {
  .admin-home-body .hero-card {
    grid-template-columns: 220px minmax(260px, 1fr) auto !important;
    gap: 18px !important;
  }

  .admin-home-body .hero-logo {
    width: 210px !important;
  }

  .admin-home-body .hero-card h1 {
    font-size: 30px !important;
  }

  .admin-home-body .hero-actions {
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(170px, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-brand {
    display: flex !important;
    flex-direction: column !important;
  }

  .admin-home-body .hero-logo,
  .admin-home-body .hero-copy,
  .admin-home-body .hero-actions {
    grid-column: auto !important;
  }

  .admin-home-body .hero-logo {
    width: min(100%, 280px) !important;
  }

  .admin-home-body .hero-card h1 {
    white-space: normal !important;
  }

  .admin-home-body .hero-actions {
    justify-content: flex-start !important;
  }

  .admin-home-body .list-top {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .filters {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
  }

  .side-menu.fixed {
    top: auto !important;
    bottom: auto !important;
    height: auto !important;
  }
}

@media (max-width: 640px) {
  .admin-home-body .stats-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v1030 modern sol menü ve SVG ikon düzeni */
:root {
  --menu-w: 238px;
  --menu-navy: #08263d;
  --menu-navy-2: #0b3558;
  --menu-muted: #64788b;
  --menu-bg: rgba(255, 255, 255, .96);
  --menu-soft: #f2f6fa;
  --menu-line: #d5e1ec;
}

.has-fixed-menu .admin-shell,
.has-fixed-menu .detail-shell,
.has-fixed-menu .form-shell {
  margin-left: calc(var(--menu-w) + 18px) !important;
  margin-right: 20px !important;
  width: calc(100% - var(--menu-w) - 58px) !important;
  max-width: none !important;
}

.side-menu.fixed {
  left: 12px !important;
  top: 100px !important;
  bottom: 12px !important;
  width: var(--menu-w) !important;
  height: auto !important;
  padding: 16px 12px 14px !important;
  border: 1px solid var(--menu-line) !important;
  border-radius: 16px !important;
  background: var(--menu-bg) !important;
  box-shadow: 0 18px 42px rgba(8, 38, 61, .11) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(8, 38, 61, .18) transparent !important;
}

.side-menu.fixed::-webkit-scrollbar {
  width: 5px !important;
}

.side-menu.fixed::-webkit-scrollbar-track {
  background: transparent !important;
}

.side-menu.fixed::-webkit-scrollbar-thumb {
  background: rgba(8, 38, 61, .18) !important;
  border-radius: 999px !important;
}

.side-menu-title {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 46px !important;
  margin: 0 0 13px !important;
  padding: 5px 6px 12px !important;
  border-bottom: 1px solid var(--menu-line) !important;
  color: var(--menu-navy) !important;
}

.side-menu-title img {
  width: 29px !important;
  height: 29px !important;
  object-fit: contain !important;
}

.side-menu-title span {
  display: block !important;
  color: var(--menu-navy) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -.15px !important;
}

.side-menu-group {
  margin: 14px 7px 6px !important;
  color: #71879a !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

.side-menu a {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 39px !important;
  margin: 3px 0 !important;
  padding: 0 9px !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  color: #27364a !important;
  text-decoration: none !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease !important;
}

.side-menu a span {
  width: 34px !important;
  min-width: 34px !important;
  height: 30px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  background: #f7fafc !important;
  border: 1px solid rgba(8, 38, 61, .08) !important;
  color: var(--menu-navy-2) !important;
}

.side-menu a b {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
}

.menu-svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.side-menu a:hover {
  background: #f4f8fb !important;
  border-color: var(--menu-line) !important;
  color: var(--menu-navy) !important;
  transform: translateX(1px) !important;
}

.side-menu a:hover span {
  background: #ffffff !important;
  border-color: rgba(8, 38, 61, .18) !important;
  box-shadow: 0 8px 16px rgba(8, 38, 61, .08) !important;
}

.side-menu a.active {
  background: linear-gradient(180deg, #eef4f9 0%, #f8fbfd 100%) !important;
  border-color: #c4d5e4 !important;
  color: var(--menu-navy) !important;
  box-shadow: inset 3px 0 0 var(--menu-navy-2), 0 8px 18px rgba(8, 38, 61, .06) !important;
}

.side-menu a.active span {
  background: var(--menu-navy) !important;
  color: #ffffff !important;
  border-color: var(--menu-navy) !important;
  box-shadow: 0 8px 18px rgba(8, 38, 61, .16) !important;
}

.home-float {
  width: 38px !important;
  height: 38px !important;
  display: inline-grid !important;
  place-items: center !important;
  color: var(--menu-navy) !important;
  background: #ffffff !important;
  border: 1px solid var(--menu-line) !important;
  box-shadow: 0 10px 24px rgba(8, 38, 61, .12) !important;
}

.home-float .menu-svg {
  width: 18px !important;
  height: 18px !important;
}

@media (max-width: 980px) {
  .has-fixed-menu .admin-shell,
  .has-fixed-menu .detail-shell,
  .has-fixed-menu .form-shell {
    margin-left: auto !important;
    margin-right: auto !important;
    width: min(100% - 24px, 1120px) !important;
  }

  .side-menu.fixed {
    position: static !important;
    width: calc(100% - 24px) !important;
    height: auto !important;
    margin: 12px !important;
    overflow: visible !important;
  }
}


/* v1031 çift Anasayfa ikonu düzeltmesi */
.home-float,
.page-nav.left,
.page-nav.right {
  display: none !important;
}


/* v1032 menü başlığında amblem kaldırıldı */
.side-menu-title {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  grid-template-columns: none !important;
  min-height: 42px !important;
  padding: 7px 8px 13px !important;
}

.side-menu-title img {
  display: none !important;
}

.side-menu-title span {
  font-size: 16px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.2px !important;
}


/* v1033 Talebe Listesi arama/filtre alanı minimal tasarım */
.admin-home-body .list-card {
  border-radius: 18px !important;
}

.admin-home-body .list-top {
  grid-template-columns: auto 1fr !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 10px 16px 9px !important;
  min-height: 64px !important;
  background: linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%) !important;
}

.admin-home-body .list-top > div:first-child {
  display: flex !important;
  align-items: center !important;
  min-width: 230px !important;
}

.admin-home-body .list-top h2 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 5px 14px !important;
  border: 1px solid rgba(8, 38, 61, .13) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #08263d !important;
  font-size: 22px !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(8, 38, 61, .04) !important;
}

.admin-home-body .list-top h2::before {
  content: "🎓";
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background: #f1f6fa;
  font-size: 14px;
}

.admin-home-body .filters {
  display: grid !important;
  grid-template-columns: minmax(220px, 300px) 122px 132px !important;
  justify-content: end !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}

.admin-home-body .search-field,
.admin-home-body .filter-field {
  height: 36px !important;
  min-height: 36px !important;
  border: 1px solid #d7e3ed !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.admin-home-body .search-field {
  display: grid !important;
  grid-template-columns: 34px 1fr !important;
  align-items: center !important;
}

.admin-home-body .search-field span {
  width: 34px !important;
  height: 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  color: #60778d !important;
  font-size: 14px !important;
}

.admin-home-body .search-field input {
  height: 34px !important;
  padding: 0 11px 0 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #08263d !important;
}

.admin-home-body .search-field input::placeholder {
  color: #7c8fa1 !important;
  opacity: 1 !important;
}

.admin-home-body .filter-field {
  display: block !important;
  position: relative !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.admin-home-body .filter-field small {
  display: none !important;
}

.admin-home-body .filter-field select {
  width: 100% !important;
  height: 34px !important;
  padding: 0 28px 0 12px !important;
  border: 0 !important;
  background: transparent !important;
  color: #08263d !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 34px !important;
}

.admin-home-body .search-field:focus-within,
.admin-home-body .filter-field:focus-within {
  border-color: rgba(8, 38, 61, .35) !important;
  box-shadow: 0 0 0 3px rgba(8, 38, 61, .07) !important;
}

.admin-home-body .table-wrap {
  border-top: 1px solid #dbe7f0 !important;
}

.admin-home-body thead th {
  height: 30px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

@media (max-width: 1120px) {
  .admin-home-body .filters {
    grid-template-columns: minmax(200px, 1fr) 118px 128px !important;
  }

  .admin-home-body .list-top > div:first-child {
    min-width: 210px !important;
  }
}

@media (max-width: 900px) {
  .admin-home-body .list-top {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .list-top > div:first-child {
    min-width: 0 !important;
  }

  .admin-home-body .filters {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
  }
}


/* v1034 arama ikonu kutu içinde, sade görünüm */
.admin-home-body .search-field {
  position: relative !important;
  display: block !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.admin-home-body .search-field span {
  position: absolute !important;
  left: 11px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #6f8396 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

.admin-home-body .search-field input {
  width: 100% !important;
  height: 34px !important;
  padding: 0 11px 0 32px !important;
  border: 0 !important;
  background: transparent !important;
}


/* v1035 arama ikonu en solda, yazı sağa kaydırıldı */
.admin-home-body .search-field {
  position: relative !important;
  overflow: hidden !important;
}

.admin-home-body .search-field span {
  position: absolute !important;
  left: 9px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 14px !important;
  height: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #6f8396 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.admin-home-body .search-field input {
  width: 100% !important;
  height: 34px !important;
  padding: 0 11px 0 34px !important;
  text-indent: 0 !important;
}

.admin-home-body .search-field input::placeholder {
  color: #7c8fa1 !important;
}


/* v1036 arama ikonu modern SVG, input yazısı sağa kaydırıldı, kutular inceltildi */
.admin-home-body .list-top {
  min-height: 58px !important;
  padding: 8px 14px 8px !important;
}

.admin-home-body .list-top h2 {
  min-height: 30px !important;
  padding: 4px 12px !important;
  font-size: 20px !important;
}

.admin-home-body .filters {
  grid-template-columns: minmax(220px, 290px) 118px 128px !important;
  gap: 7px !important;
}

.admin-home-body .search-field,
.admin-home-body .filter-field {
  height: 33px !important;
  min-height: 33px !important;
  border-radius: 10px !important;
}

.admin-home-body .search-field {
  position: relative !important;
  display: block !important;
  padding: 0 !important;
}

.admin-home-body .search-field .search-icon {
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 14px !important;
  height: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #6f8396 !important;
  line-height: 1 !important;
  pointer-events: none !important;
  z-index: 2 !important;
  font-size: 0 !important;
}

.admin-home-body .search-field .search-svg {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.admin-home-body .search-field input {
  width: 100% !important;
  height: 31px !important;
  padding: 0 10px 0 34px !important;
  border: 0 !important;
  background: transparent !important;
  color: #08263d !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
}

.admin-home-body .search-field input::placeholder {
  color: #7c8fa1 !important;
  opacity: 1 !important;
}

.admin-home-body .filter-field {
  overflow: hidden !important;
}

.admin-home-body .filter-field select {
  height: 31px !important;
  line-height: 31px !important;
  padding: 0 26px 0 10px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
}

@media (max-width: 1120px) {
  .admin-home-body .filters {
    grid-template-columns: minmax(200px, 1fr) 114px 124px !important;
  }
}


/* v1037 arama ikonu kaldırıldı */
.admin-home-body .search-field .search-icon,
.admin-home-body .search-field span {
  display: none !important;
}

.admin-home-body .search-field input {
  padding-left: 12px !important;
}


/* v1038 arama ve filtre yazıları kutu içinde ortalandı */
.admin-home-body .search-field {
  display: flex !important;
  align-items: center !important;
}

.admin-home-body .search-field input {
  height: 100% !important;
  min-height: 31px !important;
  line-height: 31px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 12px !important;
  display: block !important;
  vertical-align: middle !important;
}

.admin-home-body .search-field input::placeholder {
  line-height: 31px !important;
}

.admin-home-body .filter-field {
  display: flex !important;
  align-items: center !important;
}

.admin-home-body .filter-field select {
  height: 100% !important;
  min-height: 31px !important;
  line-height: 31px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: block !important;
  appearance: auto !important;
}


/* v1039 talebe formu görsel düzeltmeleri */
.form-shell {
  width: calc(100vw - 282px) !important;
  max-width: none !important;
  margin-left: 246px !important;
  margin-right: 12px !important;
  padding-top: 10px !important;
}

.form-hero {
  padding: 16px 22px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.97) !important;
}

.form-hero .hero-label {
  color: #0b3558 !important;
  letter-spacing: .08em !important;
}

.form-hero h1 {
  color: #08263d !important;
}

.form-hero p {
  color: #436175 !important;
}

.form-hero-actions {
  gap: 10px !important;
}

.update-pill,
.form-hero .update-pill,
.form-add-student,
.form-home-button {
  height: 38px !important;
  border-radius: 13px !important;
  font-weight: 850 !important;
  padding: 0 18px !important;
}

.form-home-button {
  min-width: 116px !important;
}

.big-form-card {
  border-color: #d7e3ed !important;
  box-shadow: 0 16px 36px rgba(8,38,61,.08) !important;
}

.tabs.compact-tabs,
.compact-tabs.status-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  gap: 7px !important;
  padding-bottom: 8px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(8,38,61,.18) transparent !important;
}

.tabs.compact-tabs::-webkit-scrollbar,
.compact-tabs.status-tabs::-webkit-scrollbar {
  height: 5px !important;
}
.tabs.compact-tabs::-webkit-scrollbar-thumb,
.compact-tabs.status-tabs::-webkit-scrollbar-thumb {
  background: rgba(8,38,61,.18) !important;
  border-radius: 999px !important;
}

.compact-tabs .tab {
  height: 30px !important;
  min-width: 82px !important;
  padding: 0 12px !important;
  border-radius: 11px !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  font-size: 12px !important;
}

.status-tabs .extra-tab,
.compact-tabs .extra-tab {
  min-width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 0 11px !important;
  font-size: 11.5px !important;
}

.status-tabs .tab-icon {
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  border-radius: 5px !important;
  position: relative !important;
  flex: 0 0 16px !important;
  background: #f5f8fb !important;
  border: 1px solid rgba(8,38,61,.12) !important;
}
.status-tabs .tab-label { display:inline-block !important; }
.status-tabs .tab-icon::before,
.status-tabs .tab-icon::after { content:""; position:absolute; box-sizing:border-box; }
.status-tabs .tab-icon.accounting::before { left:3px; top:2px; width:8px; height:10px; border:1.7px solid #0b3558; border-radius:2px; }
.status-tabs .tab-icon.accounting::after { left:6px; top:5px; width:4px; height:1.6px; background:#0b3558; box-shadow:0 3px 0 #0b3558, 5px 6px 0 1px #0b3558; border-radius:999px; }
.status-tabs .tab-icon.receipt::before { left:4px; top:2px; width:8px; height:11px; border:1.7px solid #0b3558; border-bottom-left-radius:2px; border-bottom-right-radius:2px; }
.status-tabs .tab-icon.receipt::after { left:6px; top:5px; width:4px; height:1.7px; background:#0b3558; box-shadow:0 3px 0 #0b3558, 0 6px 0 #0b3558; }
.status-tabs .tab-icon.settings::before { left:4px; top:4px; width:6px; height:6px; border:1.7px solid #0b3558; border-radius:50%; }
.status-tabs .tab-icon.settings::after { left:1px; top:1px; width:12px; height:12px; border:1.6px dashed #0b3558; border-radius:50%; }

.student-info-list-panel {
  border-color: #d8e4ec !important;
  background: rgba(255,255,255,.98) !important;
  padding: 14px 14px 12px !important;
}

.student-info-list-head {
  align-items: center !important;
  padding: 2px 2px 12px !important;
  gap: 10px !important;
}

.student-info-list-head h2 {
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  border: 1px solid #d7e3ed !important;
  color: #08263d !important;
  box-shadow: 0 8px 18px rgba(8,38,61,.04) !important;
  font-size: 22px !important;
}

.student-info-list-head h2::before {
  content: "" !important;
  width: 12px !important;
  min-width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  border: 2px solid #0b3558 !important;
  background: transparent !important;
}

.student-new-button {
  height: 36px !important;
  min-width: 142px !important;
  border-radius: 12px !important;
  font-size: 12.5px !important;
  padding: 0 14px !important;
}

.student-info-table-wrap {
  border-color: #d8e4ec !important;
}

.student-info-list-table th {
  background: #eff4f8 !important;
  color: #0b3558 !important;
  border-bottom: 1px solid #d8e4ec !important;
}

.student-info-list-table td {
  border-bottom: 1px solid rgba(11,53,88,.10) !important;
}

.student-info-click-row {
  background: rgba(255,255,255,.96) !important;
}

.student-info-click-row:nth-child(even) {
  background: #f7fafc !important;
}

.student-info-click-row:hover,
.student-info-click-row:focus {
  background: #f1f6fa !important;
  box-shadow: inset 4px 0 0 rgba(11,53,88,.42) !important;
}

.student-info-name-button,
.student-info-name-button:hover {
  color: #0b3558 !important;
}

.registration-day-pill {
  background: #f5f8fb !important;
  color: #0b3558 !important;
  border-color: rgba(11,53,88,.14) !important;
}

.side-menu.fixed {
  top: 100px !important;
  bottom: 12px !important;
  height: auto !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(8,38,61,.16) transparent !important;
}
.side-menu.fixed::-webkit-scrollbar { width: 5px !important; }
.side-menu.fixed::-webkit-scrollbar-thumb { background: rgba(8,38,61,.16) !important; border-radius: 999px !important; }
.side-menu-title {
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  padding-top: 4px !important;
  padding-bottom: 10px !important;
}

@media (max-width: 980px) {
  .form-shell {
    width: min(100% - 24px, 1120px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .student-info-list-head {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .student-new-button { width: 100% !important; }
}


/* v1040 yan menü görsel düzene dahil edildi */
:root {
  --menu-w: 238px;
  --page-gap: 16px;
  --top-gap: 98px;
}

/* Yan menü artık içerik kartlarıyla aynı üst hizada durur */
.side-menu.fixed {
  top: var(--top-gap) !important;
  bottom: 10px !important;
  left: 10px !important;
  width: var(--menu-w) !important;
  height: calc(100vh - var(--top-gap) - 10px) !important;
  max-height: calc(100vh - var(--top-gap) - 10px) !important;
  padding: 14px 12px 12px !important;
  border-radius: 15px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: rgba(255,255,255,.97) !important;
  border: 1px solid #d5e1ec !important;
  box-shadow: 0 16px 36px rgba(8, 38, 61, .10) !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(8, 38, 61, .16) transparent !important;
}

.side-menu.fixed::-webkit-scrollbar {
  width: 5px !important;
}

.side-menu.fixed::-webkit-scrollbar-track {
  background: transparent !important;
}

.side-menu.fixed::-webkit-scrollbar-thumb {
  background: rgba(8, 38, 61, .16) !important;
  border-radius: 999px !important;
}

.side-menu-title {
  min-height: 36px !important;
  margin-bottom: 10px !important;
  padding: 3px 6px 10px !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid #d5e1ec !important;
}

.side-menu-title span {
  font-size: 15.5px !important;
  line-height: 1.1 !important;
}

.side-menu-group {
  margin: 11px 7px 5px !important;
  font-size: 9.5px !important;
}

.side-menu a {
  min-height: 34px !important;
  margin: 2px 0 !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  border-radius: 10px !important;
}

.side-menu a span {
  width: 30px !important;
  min-width: 30px !important;
  height: 28px !important;
}

.side-menu a b {
  font-size: 13px !important;
}

/* İçerik alanı yan menünün genişliğini hesaba katar */
.has-fixed-menu .admin-shell,
.has-fixed-menu .detail-shell,
.has-fixed-menu .form-shell {
  margin-left: calc(var(--menu-w) + var(--page-gap) + 10px) !important;
  margin-right: 12px !important;
  width: calc(100vw - var(--menu-w) - var(--page-gap) - 34px) !important;
  max-width: none !important;
}

/* Form sayfasında üstten gereksiz boşluk olmasın */
.has-fixed-menu .form-shell {
  padding-top: 10px !important;
}

/* İçerik kartı menüyle aynı görsel aksa otursun */
.form-hero,
.big-form-card,
.detail-hero,
.eokul-card,
.book-card,
.loss-card,
.management-card,
.accounting-placeholder-card {
  border-color: #d6e2ec !important;
}

/* Sayfa scroll bar çok kalın görünmesin */
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(8, 38, 61, .25) #f4f7fa;
}

html::-webkit-scrollbar {
  width: 8px;
}

html::-webkit-scrollbar-track {
  background: #f4f7fa;
}

html::-webkit-scrollbar-thumb {
  background: rgba(8, 38, 61, .25);
  border-radius: 999px;
}

@media (max-width: 980px) {
  .side-menu.fixed {
    position: static !important;
    width: calc(100% - 24px) !important;
    height: auto !important;
    max-height: none !important;
    margin: 12px !important;
    overflow: visible !important;
  }

  .has-fixed-menu .admin-shell,
  .has-fixed-menu .detail-shell,
  .has-fixed-menu .form-shell {
    margin-left: auto !important;
    margin-right: auto !important;
    width: min(100% - 24px, 1120px) !important;
  }
}


/* v1041 Talebe Bilgi Formu görsel düzenleme - 2. madde hariç */

/* 1) Üst alan kesilmiş gibi görünmesin, daha kompakt ve net olsun */
.form-shell {
  padding-top: 8px !important;
}

.form-hero {
  min-height: auto !important;
  padding: 12px 18px !important;
  margin-bottom: 8px !important;
  border-radius: 17px !important;
  overflow: visible !important;
}

.form-hero h1 {
  font-size: clamp(24px, 2.35vw, 34px) !important;
  line-height: 1.02 !important;
  margin: 4px 0 3px !important;
}

.form-hero p {
  font-size: 12.5px !important;
  line-height: 1.15 !important;
}

.form-hero .back-link,
.form-hero .hero-label {
  font-size: 10.8px !important;
}

/* 3-4) Menü altı kesilmesin; üst hizasına dokunmadan içerik sıkılaştırıldı */
.side-menu.fixed {
  padding-top: 11px !important;
  padding-bottom: 9px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(8, 38, 61, .12) transparent !important;
}

.side-menu.fixed::-webkit-scrollbar {
  width: 4px !important;
}

.side-menu.fixed::-webkit-scrollbar-thumb {
  background: rgba(8, 38, 61, .12) !important;
}

.side-menu-title {
  min-height: 32px !important;
  margin-bottom: 7px !important;
  padding-top: 2px !important;
  padding-bottom: 8px !important;
}

.side-menu-title span {
  font-size: 15px !important;
}

.side-menu-group {
  margin-top: 8px !important;
  margin-bottom: 4px !important;
  font-size: 9px !important;
}

.side-menu a {
  min-height: 31px !important;
  margin-top: 1px !important;
  margin-bottom: 1px !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.side-menu a span {
  width: 28px !important;
  min-width: 28px !important;
  height: 26px !important;
}

.side-menu a b {
  font-size: 12.6px !important;
}

/* 5-6) Form alanı sola daha dengeli geldi, inputlar gereksiz uzun değil */
.big-form-card {
  padding: 12px 14px 14px !important;
  border-radius: 17px !important;
}

#studentInfoForm {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.student-info-form-layout,
.form-grid.single-form-grid.student-info-form-layout {
  max-width: 850px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 8px !important;
}

.paired-field-row {
  gap: 6px !important;
  margin-bottom: 5px !important;
}

.field-label-box,
.paired-field-row label {
  min-height: 24px !important;
  height: 24px !important;
  padding: 3px 8px !important;
  border-radius: 8px !important;
  font-size: 10.5px !important;
  line-height: 1.02 !important;
  color: #0b3558 !important;
  border-color: #cfdce8 !important;
  background: #f8fbfd !important;
}

.paired-field-row input,
.paired-field-row select,
.paired-field-row textarea,
.form-column input,
.form-column select,
.form-column textarea {
  min-height: 25px !important;
  height: 25px !important;
  border-radius: 8px !important;
  font-size: 11.5px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-color: #d5e1ec !important;
  background: #f8fbfd !important;
}

.form-column textarea,
.paired-field-row textarea,
#note,
#specialNote {
  min-height: 44px !important;
  height: 44px !important;
  padding-top: 7px !important;
}

/* İki kolonlu telefon satırları daha sıkı */
.two-pair-row {
  grid-template-columns: 118px 1fr 118px 1fr !important;
  gap: 6px !important;
}

.phone-input-wrap small {
  font-size: 8.5px !important;
  line-height: 1.05 !important;
  margin-top: 1px !important;
}

/* 7) Excel butonları başlıkla daha düzenli hizalansın */
.form-title-with-actions,
.form-title.form-title-with-actions {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  max-width: 100% !important;
  margin: 8px 6px 10px !important;
}

.form-title h2 {
  color: #08263d !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

.form-title p {
  color: #526a7f !important;
  font-size: 11.5px !important;
  line-height: 1.2 !important;
}

.excel-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.excel-button,
.student-new-button {
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 10px !important;
  padding: 0 12px !important;
  font-size: 11px !important;
  color: #0b3558 !important;
  border-color: #d5e1ec !important;
  background: #ffffff !important;
}

/* 8) Turkuaz yoğunluğunu lacivert-gri tona çek */
.form-shell,
.big-form-card,
.form-hero,
.student-info-list-panel {
  --green: #0b3558;
  --green-strong: #08263d;
  --green-soft: #f2f6fa;
  --line: #d5e1ec;
}

.required-star {
  color: #d23b3b !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #0b3558 !important;
  box-shadow: 0 0 0 3px rgba(8, 38, 61, .08) !important;
}

/* 9) Sayfa yüksekliği daha kompakt olsun */
.form-grid {
  padding-bottom: 0 !important;
}

.form-column {
  gap: 4px !important;
}

/* 10) Kaydet/Temizle görünür kalsın */
.form-actions {
  position: sticky !important;
  bottom: 8px !important;
  z-index: 10 !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  padding: 8px 8px !important;
  margin-top: 8px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.86) !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: 0 -8px 22px rgba(8,38,61,.06) !important;
}

.clear-button,
.save-button {
  height: 38px !important;
  min-height: 38px !important;
  border-radius: 999px !important;
  padding: 0 22px !important;
  font-size: 12px !important;
}

.save-button {
  background: #0b3558 !important;
}

.clear-button {
  color: #0b3558 !important;
  border-color: #d5e1ec !important;
  background: #ffffff !important;
}

/* Öğrenci liste panelinde renk uyumu */
.student-info-list-head h2 {
  color: #08263d !important;
  border-color: #d5e1ec !important;
  background: #ffffff !important;
}

.student-info-list-table th {
  color: #0b3558 !important;
  background: #f0f5f9 !important;
}

.student-info-list-table td {
  border-bottom-color: rgba(8, 38, 61, .09) !important;
}

.registration-day-pill {
  color: #0b3558 !important;
  background: #f5f8fb !important;
  border-color: rgba(8,38,61,.13) !important;
}

/* Responsive */
@media (max-width: 1050px) {
  .form-title-with-actions,
  .form-title.form-title-with-actions {
    grid-template-columns: 1fr !important;
  }

  .excel-actions {
    justify-content: flex-start !important;
  }

  .two-pair-row {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  #studentInfoForm,
  .student-info-form-layout,
  .form-grid.single-form-grid.student-info-form-layout {
    max-width: 100% !important;
  }

  .form-actions {
    position: static !important;
  }
}


/* v1042 E-Okul / Not Takip görsel iyileştirmeleri */
.eokul-card,
.grade-card,
.book-card,
.detail-card,
.big-form-card {
  border-color: #d6e2ec !important;
}

/* Üst sekme scroll'u daha ince ve daha az kaba */
.status-tabs,
.compact-tabs {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(8, 38, 61, .14) transparent !important;
}

.status-tabs::-webkit-scrollbar,
.compact-tabs::-webkit-scrollbar {
  height: 4px !important;
}

.status-tabs::-webkit-scrollbar-track,
.compact-tabs::-webkit-scrollbar-track {
  background: transparent !important;
}

.status-tabs::-webkit-scrollbar-thumb,
.compact-tabs::-webkit-scrollbar-thumb {
  background: rgba(8, 38, 61, .14) !important;
  border-radius: 999px !important;
}

.status-tabs .tab,
.compact-tabs .tab {
  border-color: #d5e1ec !important;
  background: #ffffff !important;
  color: #0b3558 !important;
}

.status-tabs .tab.active,
.compact-tabs .tab.active,
.status-tabs .tab.active:disabled,
.compact-tabs .tab.active:disabled {
  background: #0b3558 !important;
  color: #ffffff !important;
  border-color: #0b3558 !important;
}

/* Not takip başlığı ve üst seçim alanı */
.eokul-card h2,
.grade-card h2,
.not-title,
.section-title {
  color: #08263d !important;
}

.grade-toolbar,
.eokul-toolbar,
.grade-actions-row {
  align-items: center !important;
  gap: 10px !important;
}

.eokul-card select,
.grade-card select,
.student-select,
.term-select {
  border-color: #d5e1ec !important;
  color: #0b3558 !important;
  background: #ffffff !important;
  border-radius: 11px !important;
}

/* "En yüksek" rozeti daha premium */
.highest-badge,
.top-student-badge,
.best-grade-pill {
  border-color: rgba(181, 132, 0, .24) !important;
  background: linear-gradient(180deg, #fffdf5, #fff7d8) !important;
  color: #0b3558 !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 18px rgba(181, 132, 0, .08) !important;
}

/* Tablo alanı daha temiz */
.grade-table-wrap,
.eokul-table-wrap,
.table-scroll,
.table-wrap {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(8, 38, 61, .18) transparent !important;
}

.grade-table-wrap::-webkit-scrollbar,
.eokul-table-wrap::-webkit-scrollbar,
.table-scroll::-webkit-scrollbar,
.table-wrap::-webkit-scrollbar {
  height: 5px !important;
  width: 5px !important;
}

.grade-table-wrap::-webkit-scrollbar-track,
.eokul-table-wrap::-webkit-scrollbar-track,
.table-scroll::-webkit-scrollbar-track,
.table-wrap::-webkit-scrollbar-track {
  background: transparent !important;
}

.grade-table-wrap::-webkit-scrollbar-thumb,
.eokul-table-wrap::-webkit-scrollbar-thumb,
.table-scroll::-webkit-scrollbar-thumb,
.table-wrap::-webkit-scrollbar-thumb {
  background: rgba(8, 38, 61, .18) !important;
  border-radius: 999px !important;
}

.grade-table,
.eokul-table,
.not-table {
  border-color: #d6e2ec !important;
}

.grade-table th,
.eokul-table th,
.not-table th,
.grade-table thead th,
.eokul-table thead th {
  background: #f0f5f9 !important;
  color: #0b3558 !important;
  border-color: #d6e2ec !important;
  font-size: 12px !important;
}

.grade-table td,
.eokul-table td,
.not-table td {
  border-color: rgba(8, 38, 61, .10) !important;
}

.grade-table input,
.eokul-table input,
.not-table input {
  border-color: #d6e2ec !important;
  border-radius: 8px !important;
  background: #fbfdff !important;
  color: #08263d !important;
}

/* + Satır / Sil butonları daha sade */
.grade-table button,
.eokul-table button,
.not-table button,
.tiny-add,
.tiny-delete,
.row-add-button,
.row-delete-button {
  min-height: 24px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.tiny-add,
.row-add-button,
button[data-action="add-row"] {
  color: #0b3558 !important;
  border-color: #d5e1ec !important;
  background: #ffffff !important;
}

.tiny-delete,
.row-delete-button,
button[data-action="delete-row"] {
  color: #c73535 !important;
  border-color: #ffd1d1 !important;
  background: #fff7f7 !important;
}

/* Dersleri getir / ekle / dönem / kaydet butonları uyumlu */
.eokul-card .save-button,
.eokul-card .panel-button,
.eokul-card .excel-button,
.grade-card .save-button,
.grade-card .panel-button,
.grade-card .excel-button,
.term-button,
.period-button {
  border-radius: 12px !important;
  font-weight: 850 !important;
}

.term-button.active,
.period-button.active,
.eokul-card .tab-button.active {
  background: #0b3558 !important;
  border-color: #0b3558 !important;
  color: #ffffff !important;
}

/* Alt özet kartları */
.grade-summary,
.summary-row,
.term-summary-row,
.eokul-summary-row {
  gap: 10px !important;
}

.summary-card,
.term-summary-card,
.grade-summary-card,
.report-card {
  border-color: #d6e2ec !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(8, 38, 61, .045) !important;
}

.summary-card strong,
.term-summary-card strong,
.grade-summary-card strong,
.report-card strong {
  color: #08263d !important;
}

.summary-card::before,
.term-summary-card::before,
.grade-summary-card::before {
  color: #0b3558 !important;
}

/* Belge durumu rozeti */
.document-status,
.certificate-status,
.report-status,
.belge-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border-radius: 999px !important;
  padding: 4px 9px !important;
  background: #fff7ed !important;
  color: #b45309 !important;
  font-weight: 850 !important;
}

/* Alt işlem alanı daha düzenli */
.eokul-card .form-actions,
.grade-card .form-actions,
.grade-footer-actions {
  border-radius: 16px !important;
  background: rgba(255,255,255,.88) !important;
  backdrop-filter: blur(8px) !important;
}

.eokul-card .save-button,
.grade-card .save-button {
  background: #0b3558 !important;
  color: #ffffff !important;
}

.eokul-card .clear-button,
.grade-card .clear-button {
  color: #0b3558 !important;
  background: #ffffff !important;
  border-color: #d5e1ec !important;
}

/* Genel turkuaz yoğunluğunu azalt */
.eokul-card,
.grade-card {
  --green: #0b3558;
  --green-strong: #08263d;
  --green-soft: #f2f6fa;
  --line: #d5e1ec;
}

/* Küçük ekranlarda tablo yerine en azından taşma düzgün olsun */
@media (max-width: 900px) {
  .grade-toolbar,
  .eokul-toolbar,
  .grade-actions-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}


/* v1043 En Düşük Talebe rozeti eklendi */
.student-select-line {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.best-grade-student,
.lowest-grade-student {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.best-grade-student {
  border: 1px solid rgba(181, 132, 0, .28) !important;
  background: linear-gradient(180deg, #fffdf5, #fff7dc) !important;
  color: #0b3558 !important;
}

.lowest-grade-student {
  border: 1px solid rgba(190, 75, 75, .24) !important;
  background: linear-gradient(180deg, #fffafa, #fff1f1) !important;
  color: #8a2f2f !important;
}

@media (max-width: 900px) {
  .best-grade-student,
  .lowest-grade-student {
    width: 100% !important;
    justify-content: center !important;
  }
}


/* v1044 Rapor butonu eklendi */
.report-button {
  min-width: 108px !important;
  height: 38px !important;
  border: 1px solid #d5e1ec !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0b3558 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(8,38,61,.06) !important;
}

.report-button:hover {
  background: #f3f7fb !important;
  border-color: #bdccd9 !important;
}

.eokul-card .form-actions,
.grade-card .form-actions,
.grade-footer-actions {
  gap: 10px !important;
}


/* v1045 Rapor butonu Temizle butonunun hemen önünde */
.eokul-card .form-actions,
.grade-card .form-actions,
.grade-footer-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

.report-button {
  order: 1 !important;
}

.clear-button {
  order: 2 !important;
}

.save-button {
  order: 3 !important;
}

.report-button {
  min-width: 108px !important;
  height: 38px !important;
  border: 1px solid #d5e1ec !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0b3558 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}


/* v1046 e-okul görsel sadeleştirme */
.detail-hero h1,
.detail-hero .back-link,
.detail-hero .hero-label,
.detail-hero p,
.eokul-card h2,
.grade-title-row h3 {
  color: #0b3558 !important;
}

/* Üst sekmeler daha kompakt ve scrollbar görünmez */
.status-tabs,
.compact-tabs {
  gap: 6px !important;
  padding-bottom: 2px !important;
  scrollbar-width: none !important;
}
.status-tabs::-webkit-scrollbar,
.compact-tabs::-webkit-scrollbar {
  height: 0 !important;
}
.status-tabs .tab,
.compact-tabs .tab {
  min-width: 72px !important;
  height: 30px !important;
  padding: 0 10px !important;
  font-size: 11.5px !important;
  border-radius: 11px !important;
}
.status-tabs .extra-tab,
.compact-tabs .extra-tab {
  min-width: auto !important;
  padding: 0 8px !important;
  font-size: 10.5px !important;
  gap: 5px !important;
}
.status-tabs .tab-label {
  max-width: 112px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.status-tabs .tab-icon {
  width: 14px !important;
  height: 14px !important;
  flex-basis: 14px !important;
}

/* Öğrenci seçimi ve rozetler daha dengeli */
.student-select-line {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.student-select-line select {
  min-width: 210px !important;
  height: 34px !important;
  border-radius: 11px !important;
}
.best-grade-student,
.lowest-grade-student {
  min-height: 30px !important;
  max-width: max-content !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.best-grade-student {
  background: linear-gradient(180deg, #fffdf6, #fff8e1) !important;
  border: 1px solid rgba(184, 134, 11, .22) !important;
  color: #725000 !important;
}
.lowest-grade-student {
  background: linear-gradient(180deg, #fafafa, #f5f5f5) !important;
  border: 1px solid rgba(120, 132, 145, .18) !important;
  color: #5b6672 !important;
}

/* Tablo başlık satırı ve butonlar */
.grade-title-row {
  margin-bottom: 6px !important;
}
.grade-title-row .row-tools {
  gap: 8px !important;
}
.row-add-button {
  min-width: 98px !important;
  height: 34px !important;
  border-radius: 11px !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
}

/* Boş tablo alanı daha kompakt ve tekrar butonları kaldırıldı */
.empty-table-row {
  padding: 0 !important;
}
.compact-grade-table .empty-table-row {
  height: 72px !important;
}
.empty-grade-actions,
.compact-empty-state {
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 5px !important;
  padding: 8px 10px !important;
}
.empty-grade-actions p,
.compact-empty-state p {
  margin: 0 !important;
  color: #59697a !important;
  font-weight: 700 !important;
}
.empty-grade-actions small,
.compact-empty-state small {
  color: #7a8896 !important;
  font-size: 10.5px !important;
}

/* Alt özet kartları daha açıklayıcı */
.summary-grid.compact-summary {
  margin-top: 10px !important;
  gap: 10px !important;
}
.summary-card {
  min-height: 64px !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%) !important;
}
.summary-icon {
  min-width: 40px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  color: #0b3558 !important;
  background: #f4f8fb !important;
  border: 1px solid rgba(11, 53, 88, .14) !important;
}
.summary-card span {
  color: #5f7386 !important;
  font-size: 12px !important;
}
.summary-card strong {
  color: #08263d !important;
}
#certificateStatus .certificate-empty,
#certificateStatus {
  color: #b45309 !important;
}

/* Alt butonlar biraz yukarı ve dengeli */
.detail-save-actions,
.form-actions.detail-save-actions {
  margin-top: 12px !important;
  padding-top: 10px !important;
  padding-bottom: 6px !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}
.report-button,
.clear-button,
.save-button {
  min-width: 106px !important;
  height: 38px !important;
  border-radius: 999px !important;
}

/* Responsive */
@media (max-width: 1180px) {
  .status-tabs .tab,
  .compact-tabs .tab { min-width: 66px !important; padding: 0 8px !important; }
  .status-tabs .extra-tab,
  .compact-tabs .extra-tab { padding: 0 7px !important; }
}


/* v1047 En Yüksek / En Düşük aynı oran ve boyuta getirildi */
.student-select-line {
  display: grid !important;
  grid-template-columns: minmax(215px, 235px) 180px 180px !important;
  align-items: center !important;
  gap: 8px !important;
}

.student-select-line select {
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
}

.best-grade-student,
.lowest-grade-student {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  height: 34px !important;
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: center !important;
}

.best-grade-student {
  background: linear-gradient(180deg, #fffdf6, #fff8e1) !important;
  border: 1px solid rgba(184, 134, 11, .22) !important;
  color: #725000 !important;
}

.lowest-grade-student {
  background: linear-gradient(180deg, #fafafa, #f5f5f5) !important;
  border: 1px solid rgba(120, 132, 145, .18) !important;
  color: #5b6672 !important;
}

@media (max-width: 980px) {
  .student-select-line {
    grid-template-columns: 1fr !important;
  }

  .best-grade-student,
  .lowest-grade-student {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}


/* v1048 E-Okul içerik alanı görsel iyileştirmeleri */
.eokul-card.compact-card {
  padding-bottom: 16px !important;
}

.eokul-top.compact-top {
  align-items: flex-end !important;
  border-bottom: 1px solid rgba(8, 38, 61, .08) !important;
  padding-bottom: 12px !important;
  margin-bottom: 8px !important;
}

.eokul-page-note {
  margin: -2px 0 8px !important;
  color: #61708a !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
}

.student-select-line {
  grid-template-columns: 74px minmax(215px, 235px) 180px 180px !important;
}

.select-chip-label {
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(8, 38, 61, .12) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #f8fbff, #eef6fb) !important;
  color: #08263d !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.best-grade-student::before {
  content: "🏆";
  margin-right: 5px;
}

.lowest-grade-student::before {
  content: "📉";
  margin-right: 5px;
}

.best-grade-student,
.lowest-grade-student {
  box-shadow: 0 6px 14px rgba(8,38,61,.05) !important;
}

.period-buttons {
  align-items: center !important;
}

.period-button {
  border-radius: 999px !important;
}

.period-button.active {
  box-shadow: 0 10px 22px rgba(8, 38, 61, .16) !important;
}

.grade-title-row {
  margin-top: 4px !important;
}

.grade-title-row h3 {
  position: relative !important;
  padding-left: 12px !important;
  color: #08263d !important;
}

.grade-title-row h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 4px;
  height: 18px;
  border-radius: 99px;
  background: #07877d;
}

.grade-table-wrap {
  background: #fff !important;
  box-shadow: inset 0 -6px 0 rgba(8,38,61,.03) !important;
}

.compact-grade-table th {
  background: linear-gradient(180deg, #f4f8fb, #eaf2f7) !important;
  color: #08263d !important;
  font-weight: 900 !important;
}

.empty-table-row {
  background: linear-gradient(180deg, #ffffff, #f8fbfd) !important;
  padding: 20px !important;
}

.eokul-empty-state {
  display: grid !important;
  justify-items: center !important;
  gap: 6px !important;
  padding: 6px 0 !important;
}

.eokul-empty-icon {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: #eef8f7;
  border: 1px solid rgba(7,135,125,.18);
  font-size: 22px;
  margin-bottom: 2px;
}

.eokul-empty-state p {
  color: #08263d !important;
  font-size: 13.5px !important;
  font-weight: 900 !important;
}

.eokul-empty-state small {
  color: #61708a !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
  max-width: 560px;
  line-height: 1.45;
}

.compact-summary {
  margin-top: 12px !important;
}

.eokul-summary-card {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #fff, #f9fcfd) !important;
  box-shadow: 0 12px 28px rgba(8,38,61,.06) !important;
}

.eokul-summary-card::after {
  content: "";
  position: absolute;
  right: -22px;
  bottom: -28px;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: rgba(7,135,125,.07);
}

.eokul-summary-card .summary-icon {
  position: relative !important;
  z-index: 1 !important;
  background: #f2f8ff !important;
  border-color: rgba(8,38,61,.12) !important;
  color: #08263d !important;
  font-weight: 950 !important;
}

.eokul-summary-card span,
.eokul-summary-card strong,
.eokul-summary-card small {
  position: relative !important;
  z-index: 1 !important;
}

.eokul-summary-card span {
  color: #66758d !important;
  margin-bottom: 1px !important;
}

.eokul-summary-card strong {
  color: #08263d !important;
  display: block !important;
  line-height: 1.1 !important;
}

.eokul-summary-card small {
  display: block !important;
  margin-top: 2px !important;
  color: #7b899c !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
}

.certificate-card::after {
  background: rgba(244, 123, 32, .10) !important;
}

.eokul-action-strip {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
  margin-top: 12px !important;
  padding: 10px 8px 0 !important;
  border-top: 1px solid rgba(8,38,61,.08) !important;
}

.eokul-action-note {
  display: grid !important;
  gap: 2px !important;
  color: #61708a !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
}

.eokul-action-note strong {
  color: #08263d !important;
  font-size: 12.5px !important;
}

.eokul-action-strip .detail-save-actions {
  margin-top: 0 !important;
}

@media (max-width: 980px) {
  .student-select-line {
    grid-template-columns: 1fr !important;
  }
  .select-chip-label {
    justify-content: flex-start !important;
    padding-left: 12px !important;
  }
  .eokul-action-strip {
    display: grid !important;
  }
  .eokul-action-strip .detail-save-actions {
    justify-content: stretch !important;
  }
}


/* v1049 E-Okul üst kontrol hizalama düzeltmesi */
.eokul-top.compact-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  column-gap: 24px !important;
}

.student-select-line {
  grid-template-columns: minmax(215px, 235px) 180px 180px !important;
  align-items: center !important;
  gap: 8px !important;
}

.student-select-line select,
.best-grade-student,
.lowest-grade-student,
.period-button {
  height: 34px !important;
  min-height: 34px !important;
  box-sizing: border-box !important;
}

.period-buttons {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  padding-bottom: 0 !important;
}

#saveGradesTop,
.select-chip-label {
  display: none !important;
}

@media (max-width: 980px) {
  .eokul-top.compact-top {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .student-select-line {
    grid-template-columns: 1fr !important;
  }

  .period-buttons {
    justify-content: flex-start !important;
  }
}

/* v1050 E-Okul tablo nefes payı ve son görsel rötuşlar */
.grade-section {
  margin-top: 12px !important;
}

.grade-title-row {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  align-items: center !important;
}

.grade-title-row .row-tools {
  gap: 10px !important;
  align-items: center !important;
}

.grade-title-row .row-add-button {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 16px !important;
}

.grade-code-hint {
  margin: -2px 0 8px !important;
  color: #6f7f94 !important;
  font-size: 11.5px !important;
  font-weight: 750 !important;
  letter-spacing: .01em !important;
}

.grade-table-wrap {
  margin-top: 4px !important;
  margin-bottom: 16px !important;
}

.compact-grade-table th {
  user-select: none !important;
  -webkit-user-select: none !important;
}

.compact-grade-table th::selection,
.compact-grade-table td::selection {
  background: rgba(7, 135, 125, .14) !important;
  color: #08263d !important;
}

.compact-grade-table th,
.compact-grade-table td {
  padding: 6px 6px !important;
  vertical-align: middle !important;
}

.compact-grade-table tbody tr {
  height: 42px !important;
}

.compact-grade-table .grade-input,
.compact-grade-table input {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  border-radius: 10px !important;
}

.compact-grade-table .course-name-input {
  padding-left: 10px !important;
}

.compact-grade-table .tiny-add,
.compact-grade-table .tiny-delete {
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 8px !important;
  border-radius: 9px !important;
}

.compact-grade-table td:nth-child(n+5):nth-child(-n+11),
.compact-grade-table th:nth-child(n+5):nth-child(-n+11) {
  width: 66px !important;
}

.compact-grade-table td:nth-child(3),
.compact-grade-table th:nth-child(3) {
  width: 210px !important;
}

.summary-grid.compact-summary,
.compact-summary {
  margin-top: 18px !important;
}

.eokul-summary-card::after {
  width: 72px !important;
  height: 72px !important;
  right: -18px !important;
  bottom: -22px !important;
  opacity: .9 !important;
}

.eokul-action-strip {
  margin-top: 14px !important;
}

/* v1051 E-Okul Durum sütunu taşma düzeltmesi */
.compact-grade-table {
  min-width: 1100px !important;
}

.compact-grade-table th:nth-child(13),
.compact-grade-table td:nth-child(13) {
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  text-align: center !important;
  overflow: hidden !important;
}

.compact-grade-table td:nth-child(13) {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.compact-grade-table td:nth-child(13) .status-badge,
.status-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding: 3px 7px !important;
  font-size: 10.5px !important;
  line-height: 1.15 !important;
}

/* v1052 E-Okul gruplu tablo başlığı düzenlemesi */
.compact-grade-table .grouped-grade-head th {
  background: #083d68 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, .78) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  white-space: normal !important;
}

.compact-grade-table .grouped-grade-head .grade-sticky-head {
  background: #0a4c7f !important;
  vertical-align: middle !important;
}

.compact-grade-table .grouped-grade-head .grade-group-head {
  font-size: 13px !important;
  letter-spacing: .01em !important;
  padding: 8px 6px !important;
}

.compact-grade-table .grouped-grade-head .grade-sub-head th {
  background: #0b4775 !important;
  font-size: 12px !important;
  padding: 7px 4px !important;
}

.compact-grade-table .grouped-grade-head .exam-group,
.compact-grade-table .grouped-grade-head .activity-group,
.compact-grade-table .grouped-grade-head .project-group {
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.65) !important;
}

.compact-grade-table thead tr:first-child th[rowspan="2"] {
  min-height: 48px !important;
}

.grade-code-hint {
  margin-bottom: 10px !important;
}


/* v1053 E-Okul tablo taşma önleme ve nihai sütun dengesi */
.eokul-card .grade-table-wrap {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border-radius: 12px !important;
}

.eokul-card .compact-grade-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

.compact-grade-table .col-action { width: 9.2%; }
.compact-grade-table .col-no { width: 4.6%; }
.compact-grade-table .col-course { width: 24%; }
.compact-grade-table .col-hour { width: 7%; }
.compact-grade-table .col-grade { width: 5.35%; }
.compact-grade-table .col-average { width: 7.2%; }
.compact-grade-table .col-status { width: 10.5%; }

.eokul-card .compact-grade-table th,
.eokul-card .compact-grade-table td {
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.eokul-card .compact-grade-table tbody td {
  padding: 6px 5px !important;
}

.eokul-card .compact-grade-table .grade-input,
.eokul-card .compact-grade-table input {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
  text-align: center !important;
}

.eokul-card .compact-grade-table .course-name-input,
.eokul-card .compact-grade-table input[data-key="courseName"] {
  text-align: left !important;
  padding-left: 10px !important;
}

.eokul-card .compact-grade-table td:nth-child(1),
.eokul-card .compact-grade-table th:nth-child(1),
.eokul-card .compact-grade-table td:nth-child(12),
.eokul-card .compact-grade-table th:nth-child(12),
.eokul-card .compact-grade-table td:nth-child(13),
.eokul-card .compact-grade-table th:nth-child(13) {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

.eokul-card .compact-grade-table td:nth-child(13) {
  padding-left: 5px !important;
  padding-right: 5px !important;
  text-align: center !important;
}

.eokul-card .compact-grade-table td:nth-child(13) .status-badge,
.eokul-card .status-badge {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 4px 5px !important;
  font-size: 10.5px !important;
  gap: 3px !important;
}

.eokul-card .compact-grade-table td:nth-child(12) {
  font-size: 11px !important;
  white-space: nowrap !important;
}

.eokul-card .compact-grade-table .tiny-add,
.eokul-card .compact-grade-table .tiny-delete {
  padding: 0 7px !important;
  font-size: 10.5px !important;
}

.eokul-card .best-grade-student,
.eokul-card .lowest-grade-student {
  max-width: 180px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  justify-content: center !important;
}

.eokul-card .student-select-line {
  grid-template-columns: minmax(210px, 235px) minmax(150px, 180px) minmax(150px, 180px) !important;
}

@media (max-width: 1180px) {
  .compact-grade-table .col-action { width: 8.8%; }
  .compact-grade-table .col-course { width: 22%; }
  .compact-grade-table .col-grade { width: 5.55%; }
  .compact-grade-table .col-status { width: 11%; }

  .eokul-card .compact-grade-table .tiny-add,
  .eokul-card .compact-grade-table .tiny-delete {
    padding: 0 5px !important;
  }
}


/* v1054 E-Okul görsel dengeleme: ders placeholder, işlem/no sütunu ve özet kart tutarlılığı */
.eokul-card .compact-grade-table .col-action { width: 8.5% !important; }
.eokul-card .compact-grade-table .col-no { width: 3.8% !important; }
.eokul-card .compact-grade-table .col-course { width: 25.5% !important; }
.eokul-card .compact-grade-table .col-hour { width: 6.2% !important; }
.eokul-card .compact-grade-table .col-grade { width: 5.4% !important; }
.eokul-card .compact-grade-table .col-average { width: 7.1% !important; }
.eokul-card .compact-grade-table .col-status { width: 11.1% !important; }

.eokul-card .compact-grade-table th:nth-child(2),
.eokul-card .compact-grade-table td:nth-child(2) {
  padding-left: 3px !important;
  padding-right: 3px !important;
  text-align: center !important;
}

.eokul-card .compact-grade-table .compact-action-cell {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-height: 42px !important;
}

.eokul-card .compact-grade-table .action-icon-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 30px !important;
  max-width: 42px !important;
  height: 26px !important;
  padding: 0 7px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
}

.eokul-card .compact-grade-table .tiny-add.action-icon-button {
  min-width: 30px !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.eokul-card .compact-grade-table .tiny-delete.action-icon-button {
  min-width: 34px !important;
}

.eokul-card .compact-grade-table input[data-key="courseName"]::placeholder {
  color: #8a9aad !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

.eokul-card .compact-grade-table td:nth-child(12),
.eokul-card .compact-grade-table td:nth-child(13) {
  font-weight: 900 !important;
}

.eokul-card .eokul-summary-card strong {
  min-width: 68px !important;
  display: inline-block !important;
}

.eokul-card .summary-grid.compact-summary {
  margin-top: 20px !important;
}

/* v1055 E-Okul: kompakt Ekle butonu, dar ders alanı ve 4'lü analiz kutusu */
.eokul-card .student-select-line {
  display: grid !important;
  grid-template-columns: minmax(185px, 210px) repeat(4, minmax(118px, 1fr)) !important;
  align-items: stretch !important;
  gap: 8px !important;
  max-width: 100% !important;
}

.eokul-card .student-select-line select {
  height: 42px !important;
  min-height: 42px !important;
  align-self: center !important;
}

.eokul-card .eokul-mini-stat,
.eokul-card .best-grade-student,
.eokul-card .lowest-grade-student,
.eokul-card .best-course-student,
.eokul-card .lowest-course-student {
  height: 42px !important;
  min-height: 42px !important;
  max-width: none !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 5px !important;
  padding: 5px 8px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

.eokul-card .best-grade-student,
.eokul-card .best-course-student {
  background: linear-gradient(180deg, #fff9df, #ffffff) !important;
  border-color: rgba(212, 158, 0, .30) !important;
  color: #08263d !important;
}

.eokul-card .lowest-grade-student,
.eokul-card .lowest-course-student {
  background: linear-gradient(180deg, #f7fbff, #ffffff) !important;
  border-color: rgba(8, 61, 104, .18) !important;
  color: #08263d !important;
}

.eokul-card .mini-stat-icon {
  width: 22px !important;
  height: 22px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 14px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.72) !important;
}

.eokul-card .mini-stat-copy {
  min-width: 0 !important;
  display: block !important;
  line-height: 1.02 !important;
}

.eokul-card .mini-stat-copy em {
  display: block !important;
  margin: 0 0 2px !important;
  font-style: normal !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  color: #6a7890 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.eokul-card .mini-stat-copy strong {
  display: block !important;
  margin: 0 !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  color: #08263d !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.eokul-card .compact-grade-table .col-action { width: 10.8% !important; }
.eokul-card .compact-grade-table .col-no { width: 3.5% !important; }
.eokul-card .compact-grade-table .col-course { width: 22.2% !important; }
.eokul-card .compact-grade-table .col-hour { width: 6.0% !important; }
.eokul-card .compact-grade-table .col-grade { width: 5.45% !important; }
.eokul-card .compact-grade-table .col-average { width: 7.2% !important; }
.eokul-card .compact-grade-table .col-status { width: 12.15% !important; }

.eokul-card .compact-grade-table .action-icon-button {
  max-width: none !important;
}

.eokul-card .compact-grade-table .tiny-add.action-icon-button {
  min-width: 38px !important;
  padding: 0 7px !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
}

.eokul-card .compact-grade-table .tiny-delete.action-icon-button {
  min-width: 33px !important;
  padding: 0 6px !important;
}

.eokul-card .compact-grade-table input[data-key="courseName"] {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 11.3px !important;
}

@media (max-width: 1180px) {
  .eokul-card .student-select-line {
    grid-template-columns: minmax(180px, 1fr) repeat(2, minmax(150px, 1fr)) !important;
  }
}

@media (max-width: 860px) {
  .eokul-card .student-select-line {
    grid-template-columns: 1fr !important;
  }
}

/* v1056 E-Okul: analiz kutuları tek satır, daha minimal ve taşmasız */
.eokul-card .student-select-line {
  display: grid !important;
  grid-template-columns: minmax(165px, 190px) repeat(4, minmax(126px, 1fr)) !important;
  align-items: center !important;
  gap: 7px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 12px !important;
}

.eokul-card .student-select-line select {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  border-radius: 12px !important;
}

.eokul-card .eokul-mini-stat,
.eokul-card .best-grade-student,
.eokul-card .lowest-grade-student,
.eokul-card .best-course-student,
.eokul-card .lowest-course-student {
  height: 36px !important;
  min-height: 36px !important;
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px 7px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.eokul-card .mini-stat-icon {
  width: 18px !important;
  height: 18px !important;
  font-size: 12px !important;
  border-radius: 6px !important;
}

.eokul-card .mini-stat-copy {
  min-width: 0 !important;
  line-height: 1 !important;
}

.eokul-card .mini-stat-copy em {
  margin: 0 0 1px !important;
  font-size: 7.8px !important;
  letter-spacing: .02em !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.eokul-card .mini-stat-copy strong {
  font-size: 9.7px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.eokul-card .compact-grade-table .col-action { width: 11.2% !important; }
.eokul-card .compact-grade-table .col-no { width: 3.4% !important; }
.eokul-card .compact-grade-table .col-course { width: 20.8% !important; }
.eokul-card .compact-grade-table .col-hour { width: 6.0% !important; }
.eokul-card .compact-grade-table .col-grade { width: 5.5% !important; }
.eokul-card .compact-grade-table .col-average { width: 7.3% !important; }
.eokul-card .compact-grade-table .col-status { width: 12.8% !important; }

@media (max-width: 1120px) {
  .eokul-card .student-select-line {
    grid-template-columns: minmax(160px, 1fr) repeat(2, minmax(160px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .eokul-card .student-select-line {
    grid-template-columns: 1fr !important;
  }
}


/* v1057 E-Okul: analiz kutuları sadece sembol + kısa değer, taşmasız */
.eokul-card .student-select-line {
  display: grid !important;
  grid-template-columns: minmax(160px, 190px) repeat(4, minmax(100px, 1fr)) !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.eokul-card .best-grade-student,
.eokul-card .lowest-grade-student,
.eokul-card .best-course-student,
.eokul-card .lowest-course-student {
  height: 34px !important;
  min-height: 34px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px 7px !important;
  border-radius: 11px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

.eokul-card .mini-stat-icon {
  width: 20px !important;
  height: 20px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 13px !important;
  line-height: 1 !important;
  flex: 0 0 20px !important;
}

.eokul-card .mini-stat-copy {
  min-width: 0 !important;
  display: block !important;
  line-height: 1 !important;
  overflow: hidden !important;
}

.eokul-card .mini-stat-copy em {
  display: none !important;
}

.eokul-card .mini-stat-copy strong {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #08263d !important;
}

@media (max-width: 1180px) {
  .eokul-card .student-select-line {
    grid-template-columns: minmax(150px, 1fr) repeat(2, minmax(120px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .eokul-card .student-select-line {
    grid-template-columns: 1fr 1fr !important;
  }

  .eokul-card .student-select-line select {
    grid-column: 1 / -1 !important;
  }
}

/* v1058 E-Okul: ilk iki analiz kutusunda çift sembol düzeltildi */
.eokul-card .best-grade-student::before,
.eokul-card .lowest-grade-student::before {
  content: none !important;
  display: none !important;
  margin: 0 !important;
}

/* Test takip sayfası modern ortaokul görünümü - sadece test.html */
.test-page .test-card.compact-card {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0 12px 16px;
}

.test-page .test-card .tabs {
  background: rgba(255,255,255,.82);
  border: 1px solid #cfe0ee;
  border-radius: 0;
  padding: 10px 12px;
  margin-bottom: 16px;
}

.test-dashboard-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: end;
  margin: 4px 0 16px;
}

.test-breadcrumb-mini {
  color: #6b7f96;
  font-weight: 800;
  font-size: 12px;
  margin-bottom: 10px;
}

.test-modern-title {
  margin: 0 0 6px;
  font-size: 30px;
  color: #073963;
  letter-spacing: -.6px;
}

.test-page-title-area p {
  margin: 0;
  color: #4b627a;
  font-weight: 700;
}

.test-student-modern-select {
  min-width: 240px;
}

.test-student-modern-select label,
.entry-field label {
  display: block;
  font-size: 12px;
  color: #506a83;
  font-weight: 900;
  margin-bottom: 7px;
}

.test-student-modern-select select,
.fake-select {
  width: 100%;
  min-height: 40px;
  border: 1px solid #d4e4f0;
  border-radius: 10px;
  background: #fff;
  color: #082f52;
  font-weight: 850;
  padding: 0 14px;
}

.test-student-summary-panel,
.test-entry-panel,
.test-table-card,
.visual-card,
.test-info-strip {
  background: rgba(255,255,255,.96);
  border: 1px solid #dbe9f3;
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(7, 57, 99, .08);
}

.test-student-summary-panel {
  display: grid;
  grid-template-columns: minmax(240px, 1.8fr) repeat(4, minmax(130px, 1fr));
  gap: 10px;
  align-items: center;
  padding: 20px;
  margin-bottom: 16px;
}

.test-student-identity {
  display: flex;
  align-items: center;
  gap: 16px;
}

.student-avatar {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #8e78ff, #caa8ff);
  color: #fff;
  font-weight: 1000;
  font-size: 20px;
}

.test-student-identity h3 {
  margin: 0 0 4px;
  font-size: 23px;
  color: #073963;
}

.test-student-identity p {
  margin: 0;
  color: #314d69;
  font-weight: 800;
}

.test-big-stat {
  min-height: 72px;
  border: 1px solid #dce9f2;
  border-radius: 13px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 12px 14px;
  background: #fff;
}

.test-big-stat .stat-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 24px;
  font-weight: 1000;
}

.test-big-stat small {
  display: block;
  color: #647a90;
  font-size: 11px;
  font-weight: 900;
  margin-bottom: 5px;
}

.test-big-stat strong {
  display: block;
  color: #073963;
  font-size: 20px;
  line-height: 1;
}

.test-big-stat.good .stat-icon { background: #e9fbf2; color: #12a266; }
.test-big-stat.bad .stat-icon { background: #fff0f1; color: #e23b4d; }
.test-big-stat.focus .stat-icon { background: #f0ecff; color: #7b5cff; }
.test-big-stat.date .stat-icon { background: #eaf4ff; color: #1c86ee; font-size: 20px; }
.test-big-stat.good strong { color: #0a9a61; }
.test-big-stat.bad strong { color: #dc3045; }
.test-big-stat.focus strong { color: #7b46ea; }
.test-big-stat.date strong { color: #1677d8; font-size: 17px; }

.test-entry-panel {
  display: grid;
  grid-template-columns: minmax(240px, 2fr) minmax(150px, 1fr) minmax(140px, 1fr) auto;
  gap: 14px;
  align-items: end;
  padding: 16px;
  margin-bottom: 16px;
}

.entry-field.wide { min-width: 240px; }
.fake-select {
  display: flex;
  align-items: center;
}

.test-summary-add-button.modern-add {
  min-height: 42px;
  border-radius: 10px;
  padding: 0 18px;
  background: #073963;
  color: #fff;
  border: none;
  font-weight: 1000;
  box-shadow: 0 8px 18px rgba(7, 57, 99, .18);
}

.test-table-card {
  padding: 14px;
  margin-bottom: 16px;
}

.test-section-title {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #073963;
  margin: 0 0 12px;
  font-size: 16px;
}

.test-page .test-table-wrap {
  border: 1px solid #dbe8f1;
  border-radius: 12px;
  overflow: auto;
  background: #fff;
  box-shadow: none;
}

.test-page .modern-test-table {
  min-width: 1120px;
  border-collapse: separate;
  border-spacing: 0;
}

.test-page .modern-test-table th {
  background: #073963 !important;
  color: #fff !important;
  padding: 12px 10px;
  font-size: 12px;
  border-color: rgba(255,255,255,.2) !important;
}

.test-page .modern-test-table .total-row th {
  background: #0a4778 !important;
}

.test-page .modern-test-table td {
  padding: 10px 8px;
  border-bottom: 1px solid #edf3f8;
  color: #153a5a;
  font-weight: 800;
}

.test-page .test-input {
  height: 36px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #d7e5ef;
  font-weight: 900;
}

.test-page .test-input[data-key$="Correct"] {
  border-color: #9de1c4;
  background: #fafffd;
  color: #07955a;
}

.test-page .test-input[data-key$="Wrong"] {
  border-color: #ffbdc5;
  background: #fffafb;
  color: #dc3045;
}

.test-page .test-total {
  color: #073963;
  background: #f8fbfd;
}

.test-visual-grid {
  display: grid;
  grid-template-columns: 1.25fr .9fr .9fr;
  gap: 16px;
  margin-bottom: 16px;
}

.visual-card {
  padding: 16px;
  min-height: 210px;
}

.visual-card h3 {
  margin: 0 0 18px;
  color: #073963;
  font-size: 15px;
}

.subject-chart {
  height: 160px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
  align-items: end;
  padding: 8px 6px 0;
  border-bottom: 1px solid #dfe9f1;
}

.chart-column {
  height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  gap: 6px;
  color: #48627a;
  text-align: center;
  font-weight: 900;
}

.chart-column span {
  width: 28px;
  min-height: 8px;
  max-height: 112px;
  border-radius: 8px 8px 0 0;
  background: linear-gradient(180deg, #2993ff, #176dcd);
  box-shadow: 0 8px 18px rgba(41,147,255,.2);
}

.chart-column:nth-child(2) span { background: linear-gradient(180deg, #ffad32, #ff7a00); }
.chart-column:nth-child(3) span { background: linear-gradient(180deg, #1ec982, #049c63); }
.chart-column:nth-child(4) span { background: linear-gradient(180deg, #8b72ff, #6c54df); }
.chart-column:nth-child(5) span { background: linear-gradient(180deg, #ff4f70, #e42e50); }

.chart-column strong {
  color: #073963;
  font-size: 12px;
}

.chart-column small {
  min-height: 26px;
  font-size: 10px;
}

.test-evaluation-list,
.test-history-list {
  display: grid;
  gap: 10px;
}

.test-evaluation-list article,
.test-history-list article {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid #e4eef5;
}

.test-evaluation-list span {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 1000;
}

.eval-good { background: #f0fbf6; }
.eval-good span { background: #dff8ee; color: #09965b; }
.eval-good b { color: #0a9a61; }
.eval-bad { background: #fff5f6; }
.eval-bad span { background: #ffe5e9; color: #dc3045; }
.eval-bad b { color: #dc3045; }
.eval-focus { background: #f1f7ff; }
.eval-focus span { background: #e1efff; color: #1677d8; }
.eval-focus b { color: #1677d8; }

.test-evaluation-list small {
  display: block;
  color: #6c7f91;
  font-size: 11px;
  margin-bottom: 3px;
}

.test-evaluation-list strong {
  color: #073963;
}

.test-history-list article {
  grid-template-columns: 78px 1fr auto;
  background: #fff;
}

.test-history-list span {
  color: #44627c;
  font-weight: 900;
  font-size: 12px;
}

.test-history-list strong {
  color: #073963;
  font-size: 12px;
}

.test-history-list b {
  color: #0a9a61;
}

.empty-panel-note {
  margin: 0;
  color: #6a7f93;
  font-weight: 800;
  background: #f8fbfd;
  border-radius: 12px;
  padding: 16px;
}

.test-info-strip {
  padding: 13px 16px;
  color: #236aa6;
  background: #f1f8ff;
  font-weight: 850;
  margin-bottom: 14px;
}

.test-page .test-actions {
  background: rgba(255,255,255,.96);
  border: 1px solid #dbe9f3;
  border-radius: 16px;
  padding: 12px;
  box-shadow: 0 14px 34px rgba(7,57,99,.08);
}

@media (max-width: 1180px) {
  .test-student-summary-panel {
    grid-template-columns: 1fr 1fr;
  }
  .test-visual-grid,
  .test-entry-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .test-dashboard-head,
  .test-student-identity {
    align-items: stretch;
    flex-direction: column;
  }
  .test-student-summary-panel {
    grid-template-columns: 1fr;
  }
}

/* v1008 Test Takip duzeltme: ust kartlar kompakt, tablo basliklari daha okunur */
.test-page .test-student-summary-panel {
  grid-template-columns: minmax(220px, 1.35fr) repeat(4, minmax(118px, 1fr)) !important;
  gap: 9px !important;
  padding: 14px 16px !important;
  margin-bottom: 14px !important;
  border-radius: 15px !important;
}

.test-page .student-avatar {
  width: 48px !important;
  height: 48px !important;
  font-size: 17px !important;
}

.test-page .test-student-identity {
  gap: 12px !important;
}

.test-page .test-student-identity h3 {
  font-size: 20px !important;
  margin-bottom: 3px !important;
}

.test-page .test-student-identity p {
  font-size: 13px !important;
}

.test-page .test-big-stat {
  min-height: 58px !important;
  gap: 10px !important;
  padding: 9px 11px !important;
  border-radius: 12px !important;
}

.test-page .test-big-stat .stat-icon {
  width: 34px !important;
  height: 34px !important;
  font-size: 20px !important;
}

.test-page .test-big-stat small {
  font-size: 10.5px !important;
  margin-bottom: 3px !important;
}

.test-page .test-big-stat strong,
.test-page .test-big-stat.date strong {
  font-size: 17px !important;
}

.test-page .test-table-card {
  padding: 13px !important;
}

.test-page .modern-test-table {
  min-width: 1220px !important;
}

.test-page .modern-test-table th {
  padding: 9px 8px !important;
  line-height: 1.15 !important;
}

.test-page .modern-test-table th.subject-head {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  min-width: 120px !important;
  max-width: none !important;
}

.test-page .subject-head-box {
  display: grid !important;
  gap: 4px !important;
  justify-items: center !important;
  align-items: center !important;
}

.test-page .subject-head-box .subject-name {
  display: block !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  color: #ffffff !important;
  white-space: nowrap !important;
}

.test-page .subject-head-box .subject-meta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 18px !important;
  padding: 2px 7px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.15) !important;
  color: #d8f5ff !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.test-page .modern-test-table thead tr:nth-child(2) th {
  background: #0a4778 !important;
  font-size: 11px !important;
  color: #eaf7ff !important;
}

.test-page .modern-test-table .total-row th {
  background: #eef8ff !important;
  color: #073963 !important;
  font-size: 12px !important;
  border-color: #d5e6f2 !important;
}

.test-page .general-success-head .general-success-title {
  font-size: 11px !important;
  margin-bottom: 4px !important;
}

.test-page #generalSuccessAverage {
  font-size: 12px !important;
}

@media (max-width: 1180px) {
  .test-page .test-student-summary-panel {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 760px) {
  .test-page .test-student-summary-panel {
    grid-template-columns: 1fr !important;
  }
}

/* Test takip sade ortaokul düzeni - kullanıcı revizyonu */
.test-page .test-dashboard-head.simple-test-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin: 10px 0 10px;
}

.test-page .test-page-title-area .test-modern-title {
  margin: 4px 0 4px;
  font-size: 28px;
  line-height: 1.05;
}

.test-page .test-page-title-area p {
  margin: 0;
  font-size: 13px;
}

.test-page .compact-student-select {
  width: 300px;
  max-width: 34%;
}

.test-page .test-simple-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr)) 150px;
  gap: 10px;
  align-items: stretch;
  padding: 14px;
  margin: 10px 0 12px;
  border: 1px solid #cfe0ef;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(0, 47, 83, .05);
}

.test-page .test-simple-summary article {
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid #d8e7f2;
  border-radius: 13px;
  background: linear-gradient(180deg, #fff, #f8fcff);
}

.test-page .test-simple-summary span {
  display: block;
  color: #4e6680;
  font-weight: 800;
  font-size: 11px;
  margin-bottom: 4px;
}

.test-page .test-simple-summary strong {
  color: #07345c;
  font-size: 21px;
  line-height: 1;
}

.test-page .test-summary-add-button.simple-add {
  width: 100%;
  min-height: 58px;
  border-radius: 13px;
  background: #07345c;
  color: #fff;
  border: 0;
  font-weight: 900;
  cursor: pointer;
}

.test-page .simple-test-table-card {
  margin-top: 0;
  padding: 14px;
}

.test-page .simple-subject-table {
  min-width: 1000px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}

.test-page .simple-subject-table th {
  padding: 10px 8px;
  font-size: 12px;
  background: #07345c;
  color: #fff;
  white-space: nowrap;
}

.test-page .simple-subject-table td {
  padding: 8px;
  font-size: 12px;
  background: #fff;
  border-bottom: 1px solid #dce8f2;
}

.test-page .simple-subject-table .test-group-start td {
  border-top: 4px solid #eef6fb;
}

.test-page .test-no-cell,
.test-page .test-date-cell,
.test-page .simple-action-cell {
  background: #f7fbff !important;
  vertical-align: middle;
  text-align: center;
}

.test-page .subject-name-cell {
  width: 150px;
  font-weight: 900;
  color: #07345c;
  background: #fbfdff !important;
}

.test-page .manual-date-input {
  width: 110px;
  text-align: center;
}

.test-page .topic-input {
  width: 100%;
  min-width: 150px;
  text-align: left;
}

.test-page .number-input {
  max-width: 72px;
  text-align: center;
}

.test-page .simple-success-cell {
  text-align: center;
  font-weight: 900;
  white-space: nowrap;
}

.test-page .test-visual-grid,
.test-page .test-info-strip {
  display: none !important;
}

.test-page .test-actions {
  margin-top: 12px !important;
}

@media (max-width: 1100px) {
  .test-page .test-simple-summary {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
  }
  .test-page .compact-student-select {
    max-width: none;
    width: 100%;
  }
  .test-page .test-dashboard-head.simple-test-head {
    align-items: stretch;
    flex-direction: column;
  }
}

/* v80 Muhasebe alt veri sayfaları: Öğretmen, Gelir-Gider, Veli, Aidat */
.accounting-dashboard {
  display: grid;
  gap: 16px;
}

.accounting-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.accounting-summary-card {
  border: 1px solid rgba(7,135,125,.15);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(240,255,253,.9));
  box-shadow: 0 10px 24px rgba(7,135,125,.07);
  padding: 16px;
  display: grid;
  gap: 5px;
  min-height: 120px;
}

.accounting-summary-icon {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  background: #f0fffd;
  border: 1px solid rgba(7,135,125,.16);
  font-size: 22px;
}

.accounting-summary-card b {
  color: #1f2937;
  font-size: 14px;
}

.accounting-summary-card strong {
  color: var(--green);
  font-size: 26px;
  line-height: 1;
}

.accounting-summary-card small {
  color: #657483;
  font-weight: 700;
}

.accounting-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(7,135,125,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.84);
}

.accounting-section-tab {
  border: 1px solid rgba(7,135,125,.18);
  border-radius: 999px;
  padding: 10px 14px;
  background: #ffffff;
  color: #435264;
  font-weight: 850;
  cursor: pointer;
  transition: .18s ease;
}

.accounting-section-tab:hover,
.accounting-section-tab.active {
  color: #ffffff;
  background: linear-gradient(180deg, #0da497, #067c74);
  border-color: rgba(7,135,125,.36);
  box-shadow: 0 8px 18px rgba(7,135,125,.16);
  transform: translateY(-1px);
}

.accounting-data-panel {
  display: none;
  border: 1px solid rgba(7,135,125,.14);
  border-radius: 22px;
  background: rgba(255,255,255,.94);
  box-shadow: var(--shadow);
  padding: 18px;
}

.accounting-data-panel.active {
  display: grid;
  gap: 14px;
}

.accounting-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
}

.accounting-panel-head h2 {
  margin: 4px 0 4px;
  color: var(--green);
  font-size: 24px;
}

.accounting-panel-head p {
  margin: 0;
  color: #607080;
  font-size: 13px;
}

.accounting-form {
  display: grid;
  grid-template-columns: repeat(5, minmax(120px, 1fr)) auto;
  gap: 8px;
  align-items: center;
}

.accounting-form input,
.accounting-form select {
  min-height: 38px;
  border: 1px solid rgba(7,135,125,.18);
  border-radius: 12px;
  background: #ffffff;
  padding: 8px 10px;
  font-weight: 700;
  color: #1f2937;
  outline: none;
}

.accounting-form input:focus,
.accounting-form select:focus {
  border-color: rgba(7,135,125,.45);
  box-shadow: 0 0 0 3px rgba(7,135,125,.08);
}

.accounting-form button,
.accounting-delete {
  border: 0;
  border-radius: 12px;
  min-height: 38px;
  padding: 8px 12px;
  background: linear-gradient(180deg, #0da497, #067c74);
  color: #ffffff;
  font-weight: 900;
  cursor: pointer;
}

.accounting-delete {
  min-height: 30px;
  background: linear-gradient(180deg, #ef5959, #cf3535);
}

.accounting-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid rgba(7,135,125,.12);
  border-radius: 16px;
}

.accounting-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
}

.accounting-table th,
.accounting-table td {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(7,135,125,.10);
  text-align: left;
  font-size: 13px;
}

.accounting-table th {
  background: #f0fffd;
  color: #05776f;
  font-weight: 900;
}

.accounting-table tr:last-child td {
  border-bottom: 0;
}

.accounting-empty-row {
  text-align: center !important;
  color: #718096;
  font-weight: 800;
  padding: 24px !important;
}

@media (max-width: 1100px) {
  .accounting-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .accounting-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .accounting-summary-grid,
  .accounting-form {
    grid-template-columns: 1fr;
  }
}

/* v90 Muhasebe iki ana sekme ön çalışması */
.accounting-two-page-dashboard {
  gap: 14px;
}

.accounting-main-summary .accounting-summary-card {
  min-height: 104px;
  padding: 14px;
}

.accounting-main-tabs {
  position: sticky;
  top: 8px;
  z-index: 5;
}

.accounting-main-tabs .accounting-section-tab {
  font-size: 15px;
  padding: 11px 18px;
}

.accounting-main-panel {
  display: none;
}

.accounting-main-panel.active {
  display: block;
}

.accounting-wide-panel,
.accounting-data-shell {
  border: 1px solid rgba(7,135,125,.14);
  border-radius: 22px;
  background: rgba(255,255,255,.94);
  box-shadow: var(--shadow);
  padding: 18px;
}

.accounting-data-shell {
  display: grid;
  gap: 14px;
}

.accounting-data-shell .accounting-data-panel {
  box-shadow: none;
}

.accounting-sub-tabs {
  background: linear-gradient(135deg, rgba(240,255,253,.94), rgba(255,255,255,.9));
}

.accounting-panel-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(7,135,125,.16);
  border-radius: 999px;
  padding: 8px 12px;
  background: #f0fffd;
  color: #05776f;
  font-weight: 900;
  white-space: nowrap;
}

.accounting-panel-badge b {
  font-size: 18px;
}

.accounting-teacher-form {
  grid-template-columns: 1.2fr 1fr .9fr .8fr 1.2fr auto;
}

@media (max-width: 1100px) {
  .accounting-teacher-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .accounting-panel-head {
    flex-direction: column;
  }
}

/* v104 Deneme takip modern kontrol paneli ve kompakt düzen */
.deneme-modern-title {
  display: grid !important;
  gap: 9px !important;
  padding: 10px 4px 9px !important;
}

.deneme-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.deneme-title-row h2 {
  margin: 0 0 2px !important;
  color: #008b86 !important;
  font-size: 20px !important;
}

.deneme-title-row p {
  margin: 0 !important;
  color: #587087 !important;
  font-size: 11px !important;
  font-weight: 700;
}

.deneme-add-main:disabled {
  opacity: .55;
  cursor: not-allowed;
  filter: grayscale(.25);
}

.deneme-control-panel {
  display: grid;
  grid-template-columns: minmax(170px, 1fr) 140px minmax(220px, 1.3fr) 120px;
  gap: 8px;
  align-items: end;
  padding: 9px 10px;
  border: 1px solid rgba(7, 135, 125, .18);
  background: linear-gradient(180deg, #fbffff, #f4fbfb);
  border-radius: 14px;
}

.deneme-control-panel label {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.deneme-control-panel label span {
  color: #063865;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .01em;
}

.deneme-control-panel select,
.deneme-control-input {
  width: 100% !important;
  height: 34px !important;
  min-width: 0 !important;
  border-radius: 10px !important;
  border: 1px solid #b9d9f1 !important;
  background: #fff !important;
  color: #063865 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}

.deneme-control-input[readonly] {
  background: #f8fcff !important;
  color: #53718c !important;
}

.deneme-stat-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
}

.deneme-stat-strip .trial-best-student-card {
  min-width: 0 !important;
  height: auto !important;
  min-height: 54px !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  display: grid !important;
  align-content: center;
  gap: 2px !important;
}

.deneme-stat-strip .trial-best-student-card span {
  font-size: 10px !important;
  font-weight: 900 !important;
}

.deneme-stat-strip .trial-best-student-card strong {
  font-size: 13px !important;
  line-height: 1.1 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.deneme-stat-strip .trial-best-student-card small {
  font-size: 9.5px !important;
  line-height: 1.15 !important;
}

.deneme-empty-row {
  padding: 0 !important;
}

.deneme-empty-state {
  min-height: 86px;
  display: grid;
  place-items: center;
  gap: 5px;
  padding: 12px;
  color: #063865;
  background: linear-gradient(180deg, #ffffff, #f7fcff);
}

.deneme-empty-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: #eefafa;
  border: 1px solid rgba(7, 135, 125, .18);
  font-size: 20px;
}

.deneme-empty-state strong {
  font-size: 13px;
  font-weight: 950;
}

.deneme-empty-state p {
  margin: 0;
  color: #637a90;
  font-size: 11px;
  font-weight: 750;
  text-align: center;
}

.trial-page .trial-table-wrap {
  margin-top: 5px !important;
}

.trial-page .trial-table th,
.trial-page .trial-table td {
  padding: 4px 4px !important;
  vertical-align: middle !important;
}

.trial-page .trial-table th {
  font-size: 10.5px !important;
}

.trial-page .trial-table td {
  font-size: 10.5px !important;
}

.trial-page .trial-input,
.trial-page .trial-publisher-select {
  height: 24px !important;
  text-align: center;
}

.trial-page .trial-publisher-select {
  text-align-last: center;
}

.trial-page .trial-summary-grid {
  margin-top: 10px !important;
  align-items: stretch !important;
}

.trial-page .trial-summary-card {
  min-height: 74px !important;
  background: linear-gradient(180deg, #ffffff, #fbffff) !important;
}

.trial-actions {
  justify-content: flex-end !important;
}

.trial-actions .clear-button {
  order: 1;
  max-width: 130px !important;
  background: #fff !important;
  color: #063865 !important;
  border: 1px solid #cbe0f1 !important;
}

.whatsapp-trial-button {
  order: 2;
  max-width: 230px !important;
  background: #eefafa !important;
  color: #008b86 !important;
  border: 1px solid rgba(7, 135, 125, .22) !important;
  box-shadow: none !important;
}

.trial-actions .save-button {
  order: 3;
  max-width: 130px !important;
}

@media (max-width: 1100px) {
  .deneme-control-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .deneme-stat-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .deneme-title-row {
    align-items: stretch;
    flex-direction: column;
  }

  .deneme-control-panel,
  .deneme-stat-strip {
    grid-template-columns: 1fr !important;
  }
}


/* v110 Deneme düzeltme: üst kart kırılmaları ve sınıf açılır menüsü */
.trial-page .deneme-control-panel {
  grid-template-columns: minmax(220px, 1.35fr) 140px minmax(260px, 1.65fr) 128px !important;
}

.trial-page .deneme-class-select {
  cursor: pointer !important;
  text-align-last: center !important;
  background: #ffffff !important;
}

.trial-page .deneme-class-select:disabled {
  opacity: .7 !important;
  cursor: not-allowed !important;
  background: #f8fcff !important;
}

.trial-page .deneme-stat-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
}

.trial-page .deneme-stat-strip .trial-best-student-card,
.trial-page .deneme-stat-strip .trial-weak-student-card,
.trial-page .deneme-stat-strip .trial-top-subject-card,
.trial-page .deneme-stat-strip .trial-low-subject-card {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 68px !important;
  max-height: 82px !important;
  height: 72px !important;
  padding: 9px 11px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 3px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.trial-page .deneme-stat-strip .trial-best-student-card span,
.trial-page .deneme-stat-strip .trial-weak-student-card span,
.trial-page .deneme-stat-strip .trial-top-subject-card span,
.trial-page .deneme-stat-strip .trial-low-subject-card span {
  display: block !important;
  width: 100% !important;
  font-size: 10.5px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

.trial-page .deneme-stat-strip .trial-best-student-card strong,
.trial-page .deneme-stat-strip .trial-weak-student-card strong,
.trial-page .deneme-stat-strip .trial-top-subject-card strong,
.trial-page .deneme-stat-strip .trial-low-subject-card strong {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

.trial-page .deneme-stat-strip .trial-best-student-card small,
.trial-page .deneme-stat-strip .trial-weak-student-card small,
.trial-page .deneme-stat-strip .trial-top-subject-card small,
.trial-page .deneme-stat-strip .trial-low-subject-card small {
  display: block !important;
  width: 100% !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

.trial-page .trial-table-wrap {
  max-height: 260px !important;
  height: auto !important;
  min-height: 82px !important;
  overflow: auto !important;
}

.trial-page .trial-summary-card strong {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: keep-all !important;
}

@media (max-width: 1100px) {
  .trial-page .deneme-control-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .trial-page .deneme-stat-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .trial-page .deneme-control-panel,
  .trial-page .deneme-stat-strip {
    grid-template-columns: 1fr !important;
  }
}

/* v111 Deneme takip: başarı kutucukları yükseklik daraltma */
.trial-page .deneme-modern-title {
  gap: 7px !important;
  padding: 7px 4px 7px !important;
}

.trial-page .deneme-title-row h2 {
  font-size: 19px !important;
  line-height: 1.05 !important;
}

.trial-page .deneme-title-row p {
  font-size: 10.5px !important;
  line-height: 1.1 !important;
}

.trial-page .deneme-control-panel {
  padding: 7px 9px !important;
  gap: 7px !important;
  border-radius: 12px !important;
}

.trial-page .deneme-control-panel label {
  gap: 3px !important;
}

.trial-page .deneme-control-panel select,
.trial-page .deneme-control-input {
  height: 30px !important;
  border-radius: 9px !important;
  font-size: 11.5px !important;
}

.trial-page .deneme-stat-strip {
  gap: 7px !important;
}

.trial-page .deneme-stat-strip .trial-best-student-card,
.trial-page .deneme-stat-strip .trial-weak-student-card,
.trial-page .deneme-stat-strip .trial-top-subject-card,
.trial-page .deneme-stat-strip .trial-low-subject-card {
  min-height: 49px !important;
  max-height: 56px !important;
  height: 52px !important;
  padding: 6px 9px !important;
  gap: 1px !important;
  border-radius: 11px !important;
}

.trial-page .deneme-stat-strip .trial-best-student-card span,
.trial-page .deneme-stat-strip .trial-weak-student-card span,
.trial-page .deneme-stat-strip .trial-top-subject-card span,
.trial-page .deneme-stat-strip .trial-low-subject-card span {
  font-size: 9.8px !important;
  line-height: 1.05 !important;
}

.trial-page .deneme-stat-strip .trial-best-student-card strong,
.trial-page .deneme-stat-strip .trial-weak-student-card strong,
.trial-page .deneme-stat-strip .trial-top-subject-card strong,
.trial-page .deneme-stat-strip .trial-low-subject-card strong {
  font-size: 13px !important;
  line-height: 1.05 !important;
}

.trial-page .deneme-stat-strip .trial-best-student-card small,
.trial-page .deneme-stat-strip .trial-weak-student-card small,
.trial-page .deneme-stat-strip .trial-top-subject-card small,
.trial-page .deneme-stat-strip .trial-low-subject-card small {
  font-size: 9px !important;
  line-height: 1.05 !important;
}

.trial-page .trial-table-wrap {
  margin-top: 7px !important;
  max-height: 245px !important;
  min-height: 74px !important;
}

.trial-page .deneme-empty-state {
  min-height: 78px !important;
  padding: 9px !important;
  gap: 4px !important;
}

.trial-page .deneme-empty-icon {
  width: 31px !important;
  height: 31px !important;
  border-radius: 10px !important;
  font-size: 17px !important;
}

.trial-page .trial-summary-grid {
  margin-top: 8px !important;
  gap: 8px !important;
}

.trial-page .trial-summary-card {
  min-height: 58px !important;
  height: 62px !important;
  padding: 7px 10px !important;
  border-radius: 12px !important;
  gap: 8px !important;
}

.trial-page .trial-summary-icon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 11px !important;
  font-size: 17px !important;
}

.trial-page .trial-summary-card span {
  font-size: 9.7px !important;
  line-height: 1.05 !important;
}

.trial-page .trial-summary-card strong {
  font-size: 15px !important;
  line-height: 1.05 !important;
}

.trial-page .trial-summary-card small {
  font-size: 9px !important;
  line-height: 1.15 !important;
}

.trial-page .trial-actions {
  margin-top: 8px !important;
  padding-top: 0 !important;
}

.trial-page .trial-actions .clear-button,
.trial-page .trial-actions .save-button,
.trial-page .whatsapp-trial-button {
  height: 36px !important;
  min-height: 36px !important;
}

/* Rehberlik yeniden düzenleme - sade tablo + detay paneli */
.guidance-redesign-title {
  margin: 10px 0 10px !important;
}

.guidance-control-panel {
  display: grid;
  grid-template-columns: minmax(230px, 1.4fr) minmax(140px, .7fr) minmax(170px, .9fr) minmax(170px, .9fr) 150px;
  gap: 10px;
  align-items: end;
  border: 1px solid rgba(7,135,125,.14);
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff, #f7ffff);
  padding: 12px;
  margin-bottom: 10px;
}

.guidance-control-field label {
  display: block;
  color: #087f77;
  font-size: 11.5px;
  font-weight: 950;
  margin: 0 0 5px;
}

.guidance-control-field input,
.guidance-control-field select {
  width: 100%;
  height: 35px;
  border: 1px solid #cfe4e5;
  border-radius: 11px;
  background: #fff;
  color: #14243d;
  font-size: 12.5px;
  font-weight: 850;
  padding: 0 10px;
  outline: none;
  box-sizing: border-box;
}

.guidance-control-panel .guidance-add-row {
  height: 35px !important;
  min-width: 0 !important;
  width: 100% !important;
  border-radius: 11px !important;
  background: #003e6b !important;
  color: #fff !important;
  border-color: #003e6b !important;
}

.guidance-redesign-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 8px 0 10px !important;
}

.guidance-redesign-summary .guidance-summary-card {
  min-height: 58px !important;
  padding: 9px 12px !important;
  border-radius: 15px !important;
  gap: 10px !important;
}

.guidance-redesign-summary .guidance-summary-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  font-size: 20px !important;
}

.guidance-summary-icon.risk {
  background: #fff8e7;
}

.guidance-risk-summary-card.risk-mid-card {
  background: linear-gradient(180deg, #fffaf0, #fff7e2) !important;
  border-color: rgba(242,153,24,.26) !important;
}

.guidance-risk-summary-card.risk-high-card {
  background: linear-gradient(180deg, #fff7f7, #fff0f0) !important;
  border-color: rgba(220,38,38,.24) !important;
}

.guidance-redesign-summary .guidance-summary-card span {
  font-size: 11.5px !important;
  margin-bottom: 1px !important;
}

.guidance-redesign-summary .guidance-summary-card strong {
  font-size: 19px !important;
}

.guidance-redesign-summary .guidance-summary-card small {
  display: block;
  margin-left: 0 !important;
  margin-top: 2px;
  font-size: 10.5px !important;
}

.guidance-redesign-table-wrap {
  overflow-x: hidden !important;
  border-radius: 16px !important;
}

.guidance-redesign-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed;
}

.guidance-redesign-table th,
.guidance-redesign-table td {
  padding: 6px 7px !important;
  font-size: 11.5px !important;
  white-space: normal !important;
}

.guidance-redesign-table th:nth-child(1), .guidance-redesign-table td:nth-child(1) { width: 42px !important; }
.guidance-redesign-table th:nth-child(2), .guidance-redesign-table td:nth-child(2) { width: 122px !important; }
.guidance-redesign-table th:nth-child(3), .guidance-redesign-table td:nth-child(3) { width: 160px !important; }
.guidance-redesign-table th:nth-child(4), .guidance-redesign-table td:nth-child(4) { width: 170px !important; }
.guidance-redesign-table th:nth-child(5), .guidance-redesign-table td:nth-child(5) { width: 155px !important; }
.guidance-redesign-table th:nth-child(6), .guidance-redesign-table td:nth-child(6) { width: 115px !important; }
.guidance-redesign-table th:nth-child(7), .guidance-redesign-table td:nth-child(7) { width: 105px !important; }
.guidance-redesign-table th:nth-child(8), .guidance-redesign-table td:nth-child(8) { width: 130px !important; }

.guidance-main-row.risk-high td {
  background: #fff7f7;
}

.guidance-main-row.risk-mid td {
  background: #fffaf0;
}

.guidance-row-actions {
  display: flex;
  justify-content: center;
  gap: 5px;
}

.guidance-detail-btn,
.guidance-delete-btn {
  height: 28px;
  border-radius: 9px;
  border: 1px solid #cfe4e5;
  background: #fff;
  font-size: 11px;
  font-weight: 950;
  cursor: pointer;
  padding: 0 9px;
}

.guidance-detail-btn {
  color: #004b7c;
  background: #f4fbff;
}

.guidance-delete-btn {
  color: #dc2626;
  border-color: rgba(220,38,38,.25);
  background: #fff5f5;
}

.guidance-risk-badge,
.guidance-input.risk-low,
.guidance-input.risk-mid,
.guidance-input.risk-high {
  font-weight: 950 !important;
}

.guidance-risk-badge {
  display: inline-grid;
  place-items: center;
  min-height: 26px;
  min-width: 70px;
  border-radius: 9px;
  font-size: 11px;
  border: 1px solid transparent;
}

.risk-low {
  color: #16824b !important;
  background: #effaf2 !important;
  border-color: rgba(22,130,75,.22) !important;
}

.risk-mid {
  color: #b96a00 !important;
  background: #fff8e7 !important;
  border-color: rgba(242,153,24,.28) !important;
}

.risk-high {
  color: #dc2626 !important;
  background: #fff1f1 !important;
  border-color: rgba(220,38,38,.28) !important;
}

.guidance-detail-row td {
  background: #fbfefe !important;
  padding: 10px !important;
}

.guidance-detail-panel {
  display: grid;
  grid-template-columns: 1.35fr repeat(3, minmax(120px, .75fr));
  gap: 9px;
  align-items: start;
  text-align: left;
}

.guidance-detail-panel label {
  display: grid;
  gap: 5px;
  color: #087f77;
  font-size: 11px;
  font-weight: 950;
}

.guidance-detail-panel p {
  min-height: 34px;
  margin: 0;
  color: #334155;
  background: #fff;
  border: 1px solid #e0ecec;
  border-radius: 10px;
  padding: 8px;
  font-size: 11.5px;
  font-weight: 750;
}

.guidance-textarea {
  width: 100%;
  min-height: 58px;
  resize: vertical;
  border: 1px solid #d8e7e8;
  border-radius: 10px;
  background: #fff;
  color: #14243d;
  font-size: 11.5px;
  font-weight: 750;
  padding: 8px;
  box-sizing: border-box;
}

.guidance-action-note {
  grid-column: span 2;
}

.guidance-percent-readonly {
  color: #087f77;
  font-size: 18px;
}

.guidance-redesign-actions {
  margin-top: 10px !important;
}

@media (max-width: 1280px) {
  .guidance-control-panel {
    grid-template-columns: 1fr 150px 160px;
  }
  .guidance-control-panel .guidance-add-row {
    grid-column: span 3;
  }
  .guidance-redesign-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .guidance-redesign-table-wrap {
    overflow-x: auto !important;
  }
  .guidance-redesign-table {
    min-width: 920px !important;
  }
}

/* Rehberlik takip özellikleri - kategori/takip/risk renklendirme */
.guidance-control-panel {
  grid-template-columns: minmax(190px, 1.4fr) minmax(130px, .8fr) minmax(145px, .9fr) minmax(145px, .9fr) minmax(145px, .9fr) minmax(130px, .8fr) auto !important;
  align-items: end !important;
}
.guidance-follow-date-field input { min-width: 130px; }
.guidance-redesign-table th:nth-child(1), .guidance-redesign-table td:nth-child(1) { width: 42px !important; }
.guidance-redesign-table th:nth-child(2), .guidance-redesign-table td:nth-child(2) { width: 112px !important; }
.guidance-redesign-table th:nth-child(3), .guidance-redesign-table td:nth-child(3) { width: 150px !important; }
.guidance-redesign-table th:nth-child(4), .guidance-redesign-table td:nth-child(4) { width: 145px !important; }
.guidance-redesign-table th:nth-child(5), .guidance-redesign-table td:nth-child(5) { width: 140px !important; }
.guidance-redesign-table th:nth-child(6), .guidance-redesign-table td:nth-child(6) { width: 135px !important; }
.guidance-redesign-table th:nth-child(7), .guidance-redesign-table td:nth-child(7) { width: 115px !important; }
.guidance-redesign-table th:nth-child(8), .guidance-redesign-table td:nth-child(8) { width: 105px !important; }
.guidance-redesign-table th:nth-child(9), .guidance-redesign-table td:nth-child(9) { width: 125px !important; }
.guidance-main-row.risk-low td { background: #f4fff8 !important; }
.guidance-main-row.risk-mid td { background: #fff8e8 !important; }
.guidance-main-row.risk-high td { background: #fff0f1 !important; }
.guidance-main-row.risk-low td:first-child { border-left: 4px solid #16a34a !important; }
.guidance-main-row.risk-mid td:first-child { border-left: 4px solid #f59e0b !important; }
.guidance-main-row.risk-high td:first-child { border-left: 4px solid #ef4444 !important; }
.guidance-category-badge,
.guidance-follow-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
.guidance-category-badge { color: #075985; background: #e0f2fe; border: 1px solid #bae6fd; }
.guidance-follow-badge.follow-needed { color: #b45309; background: #fff7ed; border: 1px solid #fed7aa; }
.guidance-follow-badge.follow-ok { color: #047857; background: #ecfdf5; border: 1px solid #bbf7d0; }
.guidance-input.follow-needed-input { border-color: #f59e0b !important; background: #fff7ed !important; color: #92400e !important; }
.guidance-input.follow-ok-input { border-color: #86efac !important; background: #f0fdf4 !important; color: #166534 !important; }
.guidance-detail-panel {
  grid-template-columns: repeat(4, minmax(160px, 1fr)) !important;
}
.guidance-action-note { grid-column: span 2 !important; }
@media (max-width: 1200px) {
  .guidance-control-panel { grid-template-columns: repeat(3, minmax(160px, 1fr)) !important; }
  .guidance-control-panel .guidance-add-row { grid-column: span 3 !important; }
  .guidance-detail-panel { grid-template-columns: repeat(2, minmax(160px, 1fr)) !important; }
}


/* Rehberlik uyarlama - taşma, kompakt detay ve görünür işlem alanı */
.guidance-page .guidance-control-panel {
  grid-template-columns: minmax(210px, 1.4fr) minmax(130px, .75fr) minmax(150px, .9fr) minmax(150px, .9fr) !important;
  gap: 8px !important;
  padding: 10px !important;
  overflow: visible !important;
}
.guidance-page .guidance-control-panel .guidance-add-row {
  height: 34px !important;
  width: 100% !important;
  white-space: nowrap !important;
  padding: 0 10px !important;
  font-size: 11.5px !important;
}
.guidance-page .guidance-control-field input,
.guidance-page .guidance-control-field select {
  height: 34px !important;
  font-size: 12px !important;
  padding: 0 9px !important;
}
.guidance-page .guidance-redesign-summary {
  gap: 8px !important;
  margin: 7px 0 8px !important;
}
.guidance-page .guidance-redesign-summary .guidance-summary-card {
  min-height: 50px !important;
  padding: 7px 10px !important;
  border-radius: 13px !important;
}
.guidance-page .guidance-redesign-summary .guidance-summary-icon {
  width: 36px !important;
  height: 36px !important;
  font-size: 17px !important;
}
.guidance-page .guidance-redesign-summary .guidance-summary-card strong {
  font-size: 17px !important;
  line-height: 1.05 !important;
}
.guidance-page .guidance-redesign-summary .guidance-summary-card span,
.guidance-page .guidance-redesign-summary .guidance-summary-card small {
  font-size: 10.5px !important;
}
.guidance-page .guidance-redesign-table-wrap {
  overflow-x: auto !important;
  border-radius: 14px !important;
}
.guidance-page .guidance-redesign-table {
  min-width: 900px !important;
  width: 100% !important;
  table-layout: fixed !important;
}
.guidance-page .guidance-redesign-table th,
.guidance-page .guidance-redesign-table td {
  padding: 5px 6px !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}
.guidance-page .guidance-redesign-table th:nth-child(1), .guidance-page .guidance-redesign-table td:nth-child(1) { width: 34px !important; }
.guidance-page .guidance-redesign-table th:nth-child(2), .guidance-page .guidance-redesign-table td:nth-child(2) { width: 94px !important; }
.guidance-page .guidance-redesign-table th:nth-child(3), .guidance-page .guidance-redesign-table td:nth-child(3) { width: 128px !important; }
.guidance-page .guidance-redesign-table th:nth-child(4), .guidance-page .guidance-redesign-table td:nth-child(4) { width: 118px !important; }
.guidance-page .guidance-redesign-table th:nth-child(5), .guidance-page .guidance-redesign-table td:nth-child(5) { width: 124px !important; }
.guidance-page .guidance-redesign-table th:nth-child(6), .guidance-page .guidance-redesign-table td:nth-child(6) { width: 108px !important; }
.guidance-page .guidance-redesign-table th:nth-child(7), .guidance-page .guidance-redesign-table td:nth-child(7) { width: 90px !important; }
.guidance-page .guidance-redesign-table th:nth-child(8), .guidance-page .guidance-redesign-table td:nth-child(8) { width: 78px !important; }
.guidance-page .guidance-redesign-table th:nth-child(9), .guidance-page .guidance-redesign-table td:nth-child(9) { width: 94px !important; }
.guidance-page .guidance-table .guidance-input,
.guidance-page .guidance-table select.guidance-input,
.guidance-page .guidance-table input.guidance-input {
  height: 28px !important;
  min-height: 28px !important;
  font-size: 10.5px !important;
  padding: 0 7px !important;
  border-radius: 8px !important;
}
.guidance-page .guidance-category-badge,
.guidance-page .guidance-follow-badge,
.guidance-page .guidance-risk-badge {
  min-height: 22px !important;
  padding: 3px 7px !important;
  font-size: 10px !important;
  border-radius: 999px !important;
  min-width: 0 !important;
}
.guidance-page .guidance-row-actions {
  gap: 4px !important;
  flex-wrap: nowrap !important;
}
.guidance-page .guidance-detail-btn,
.guidance-page .guidance-delete-btn {
  height: 25px !important;
  padding: 0 7px !important;
  font-size: 10px !important;
  border-radius: 8px !important;
}
.guidance-page .guidance-detail-row td {
  padding: 7px !important;
  white-space: normal !important;
}
.guidance-page .guidance-detail-panel {
  grid-template-columns: 1.25fr 1.25fr repeat(4, minmax(110px, .8fr)) !important;
  gap: 7px !important;
  align-items: end !important;
}
.guidance-page .guidance-detail-panel label {
  gap: 3px !important;
  font-size: 10.5px !important;
}
.guidance-page .guidance-detail-panel label:first-child,
.guidance-page .guidance-detail-panel .guidance-action-note {
  grid-column: span 3 !important;
}
.guidance-page .guidance-textarea {
  min-height: 42px !important;
  max-height: 78px !important;
  padding: 6px !important;
  font-size: 11px !important;
}
.guidance-page .guidance-detail-panel p {
  min-height: 28px !important;
  padding: 6px !important;
  font-size: 11px !important;
}
.guidance-page .guidance-redesign-actions {
  position: sticky !important;
  bottom: 8px !important;
  z-index: 20 !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  padding: 8px 0 4px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.96) 35%, #fff) !important;
}
.guidance-page .guidance-redesign-actions .clear-button,
.guidance-page .guidance-redesign-actions .save-button {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 22px !important;
  border-radius: 14px !important;
}
@media (max-width: 1280px) {
  .guidance-page .guidance-control-panel {
    grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
  }
  .guidance-page .guidance-control-panel .guidance-add-row {
    grid-column: auto !important;
  }
  .guidance-page .guidance-detail-panel {
    grid-template-columns: repeat(3, minmax(140px, 1fr)) !important;
  }
  .guidance-page .guidance-detail-panel label:first-child,
  .guidance-page .guidance-detail-panel .guidance-action-note {
    grid-column: span 3 !important;
  }
}

/* Rehberlik detay butonu ve hazır seçenek düzeni */
.guidance-page .guidance-detail-btn {
  background: linear-gradient(135deg, #0b4b78, #087ca7) !important;
  color: #fff !important;
  border: 1px solid rgba(3, 72, 120, .55) !important;
  box-shadow: 0 4px 10px rgba(3, 72, 120, .18) !important;
  font-weight: 900 !important;
  min-width: 76px !important;
}
.guidance-page .guidance-detail-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 7px 14px rgba(3, 72, 120, .24) !important;
}
.guidance-page .guidance-main-row:has(+ .guidance-detail-row[style*="table-row"]) .guidance-detail-btn,
.guidance-page .guidance-detail-btn[data-toggle-detail] {
  letter-spacing: .1px !important;
}
.guidance-page .guidance-note-field,
.guidance-page .guidance-action-note {
  align-self: stretch !important;
}
.guidance-page .guidance-quick-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin-top: 4px !important;
  max-height: 46px !important;
  overflow: auto !important;
}
.guidance-page .guidance-quick-chip {
  border: 1px solid #b9d7ea !important;
  background: #f3fbff !important;
  color: #07395d !important;
  border-radius: 999px !important;
  padding: 3px 7px !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  max-width: 190px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.guidance-page .guidance-quick-chip:hover {
  background: #e1f3ff !important;
  border-color: #6fb4db !important;
}


/* Rehberlik küçük ek düzenlemeler: kategori, diğer not, zayiat sayı genişliği */
.guidance-page #riskSummaryText {
  display: inline-block !important;
  min-width: 72px !important;
  padding-right: 6px !important;
  white-space: nowrap !important;
}
.guidance-page .guidance-risk-summary-card > div:last-child {
  min-width: 110px !important;
}
.guidance-page .guidance-detail-panel .guidance-other-note {
  grid-column: span 3 !important;
  align-self: stretch !important;
}
@media (max-width: 1280px) {
  .guidance-page .guidance-detail-panel .guidance-other-note {
    grid-column: span 3 !important;
  }
}

/* Rehberlik modern görünüm düzeni - detay alanı ve kartlar */
.guidance-page .guidance-card {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(125, 211, 252, .45) !important;
  box-shadow: 0 18px 42px rgba(15, 76, 117, .08) !important;
  border-radius: 22px !important;
}
.guidance-page .guidance-title-block.guidance-redesign-title {
  margin: 10px 0 12px !important;
  padding: 10px 14px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(236,253,245,.92), rgba(240,249,255,.92)) !important;
  border: 1px solid rgba(94, 234, 212, .38) !important;
}
.guidance-page .guidance-control-panel {
  background: linear-gradient(135deg, #fbfeff, #f5fbff) !important;
  border: 1px solid #c9e8ee !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(15, 76, 117, .05) !important;
  align-items: end !important;
}
.guidance-page .guidance-control-field label,
.guidance-page .guidance-detail-panel label,
.guidance-page .guidance-detail-panel > label > span:first-child {
  color: #008779 !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}
.guidance-page .guidance-control-field input,
.guidance-page .guidance-control-field select,
.guidance-page .guidance-table .guidance-input,
.guidance-page .guidance-detail-panel input,
.guidance-page .guidance-detail-panel select,
.guidance-page .guidance-textarea {
  border: 1px solid #c8e2ea !important;
  background: #fff !important;
  box-shadow: inset 0 1px 2px rgba(15, 76, 117, .035) !important;
}
.guidance-page .guidance-control-field input:focus,
.guidance-page .guidance-control-field select:focus,
.guidance-page .guidance-detail-panel input:focus,
.guidance-page .guidance-detail-panel select:focus,
.guidance-page .guidance-textarea:focus {
  outline: none !important;
  border-color: #14b8a6 !important;
  box-shadow: 0 0 0 3px rgba(20,184,166,.16) !important;
}
.guidance-page .guidance-redesign-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.guidance-page .guidance-redesign-summary .guidance-summary-card {
  background: linear-gradient(135deg, #ffffff, #f7fffd) !important;
  border: 1px solid #cceced !important;
  box-shadow: 0 10px 22px rgba(15, 76, 117, .06) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
.guidance-page .guidance-redesign-summary .guidance-summary-card:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 28px rgba(15, 76, 117, .10) !important;
}
.guidance-page .guidance-redesign-summary .guidance-summary-icon {
  background: linear-gradient(135deg, #ecfeff, #ecfdf5) !important;
  border: 1px solid #bae6fd !important;
  border-radius: 14px !important;
}
.guidance-page .guidance-redesign-table-wrap {
  border: 1px solid #cde9ee !important;
  box-shadow: 0 8px 18px rgba(15, 76, 117, .045) !important;
  background: #fff !important;
}
.guidance-page .guidance-redesign-table th {
  background: linear-gradient(180deg, #f4fbff, #edf8fb) !important;
  color: #034563 !important;
  border-bottom: 1px solid #cfe8ef !important;
  font-weight: 900 !important;
}
.guidance-page .guidance-redesign-table td {
  border-bottom: 1px solid #e4f1f4 !important;
}
.guidance-page .guidance-detail-btn {
  background: linear-gradient(135deg, #003b66, #0086a8) !important;
  min-width: 86px !important;
  height: 30px !important;
  font-size: 11px !important;
  border-radius: 11px !important;
  box-shadow: 0 8px 18px rgba(0, 86, 128, .22) !important;
}
.guidance-page .guidance-detail-btn::before {
  content: "";
}
.guidance-page .guidance-delete-btn {
  background: #fff5f5 !important;
  color: #dc2626 !important;
  border: 1px solid #fecaca !important;
}
.guidance-page .guidance-detail-row td {
  background: linear-gradient(135deg, #fbfeff, #f8fffd) !important;
  padding: 10px !important;
}
.guidance-page .guidance-detail-panel {
  display: grid !important;
  grid-template-columns: 1.45fr 1fr 1fr 1fr !important;
  gap: 10px !important;
  align-items: start !important;
  padding: 10px !important;
  border: 1px solid #d2edf0 !important;
  background: rgba(255,255,255,.94) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 24px rgba(15, 76, 117, .055) !important;
}
.guidance-page .guidance-detail-panel label {
  background: #ffffff !important;
  border: 1px solid #e0f0f3 !important;
  border-radius: 14px !important;
  padding: 8px !important;
  min-height: 68px !important;
}
.guidance-page .guidance-detail-panel label:first-child {
  grid-column: span 2 !important;
  grid-row: span 2 !important;
}
.guidance-page .guidance-detail-panel .guidance-other-note {
  grid-column: span 2 !important;
  grid-row: span 2 !important;
}
.guidance-page .guidance-action-note {
  grid-column: span 2 !important;
  grid-row: span 2 !important;
}
.guidance-page .guidance-textarea {
  min-height: 76px !important;
  max-height: 120px !important;
  resize: vertical !important;
  border-radius: 12px !important;
  line-height: 1.35 !important;
}
.guidance-page .guidance-detail-panel p {
  background: #f8fcfd !important;
  border-radius: 10px !important;
}
.guidance-page .guidance-quick-options {
  gap: 6px !important;
  max-height: 58px !important;
  padding: 2px 1px 0 !important;
}
.guidance-page .guidance-quick-chip {
  background: linear-gradient(135deg, #f0f9ff, #ecfeff) !important;
  border: 1px solid #a7d9ef !important;
  color: #075985 !important;
  border-radius: 999px !important;
  padding: 4px 9px !important;
  font-size: 10px !important;
  box-shadow: 0 2px 5px rgba(14, 116, 144, .08) !important;
}
.guidance-page .guidance-quick-chip:hover {
  background: linear-gradient(135deg, #dff5ff, #d9fbf5) !important;
  transform: translateY(-1px) !important;
}
.guidance-page .guidance-redesign-actions {
  border-top: 1px solid #e3f2f5 !important;
  margin-top: 10px !important;
}
.guidance-page .guidance-redesign-actions .clear-button {
  background: #ffffff !important;
  border: 1px solid #cfe3ec !important;
  color: #07395d !important;
}
.guidance-page .guidance-redesign-actions .save-button {
  background: linear-gradient(135deg, #003b66, #075985) !important;
  box-shadow: 0 8px 18px rgba(3, 72, 120, .22) !important;
}
@media (max-width: 1280px) {
  .guidance-page .guidance-detail-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .guidance-page .guidance-detail-panel label:first-child,
  .guidance-page .guidance-detail-panel .guidance-other-note,
  .guidance-page .guidance-action-note {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
  }
  .guidance-page .guidance-redesign-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Öğrenci yazısı kaldırıldı: seçim kutusu hizasını koru */
.test-field.no-visible-label{align-self:end;}

/* Talebe/Sınıf genel görünümdeyken veri girişi pasif görünümü */
.selection-disabled,
button.selection-disabled,
a.selection-disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
  filter: grayscale(.15);
  pointer-events: auto;
}
button.selection-disabled,
input.selection-disabled,
select.selection-disabled,
textarea.selection-disabled {
  background-color: #f3f4f6 !important;
}
body.selection-entry-locked .test-table tbody tr,
body.selection-entry-locked .trial-table tbody tr,
body.selection-entry-locked .guidance-table tbody tr,
body.selection-entry-locked .book-table tbody tr {
  opacity: .92;
}

/* v130 Yurt Keyfiyet modern özet, renkli ortalama ve taşma kontrolü */
.keyfiyet-static-page .keyfiyet-summary-grid{
  order: 2;
  margin: 0 0 12px 0 !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.keyfiyet-static-page .keyfiyet-summary-grid .sum-card{
  min-height: 64px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(7,135,125,.05) !important;
}
.keyfiyet-static-page .keyfiyet-summary-grid .sum-icon{
  width: 34px !important;
  height: 34px !important;
  font-size: 17px !important;
}
.keyfiyet-static-page .keyfiyet-summary-grid span{
  font-size: 10.5px !important;
  line-height: 1.15 !important;
}
.keyfiyet-static-page .keyfiyet-summary-grid strong{
  font-size: 17px !important;
  line-height: 1.05 !important;
}
.keyfiyet-static-page .keyfiyet-table-wrap{
  overflow-x: auto !important;
  scrollbar-width: thin;
}
.keyfiyet-static-page .keyfiyet-table{
  min-width: 1040px !important;
}
.keyfiyet-static-page .keyfiyet-table tr.score-good td{
  background: rgba(22,163,74,.035) !important;
}
.keyfiyet-static-page .keyfiyet-table tr.score-mid td{
  background: rgba(245,158,11,.045) !important;
}
.keyfiyet-static-page .keyfiyet-table tr.score-low td{
  background: rgba(239,68,68,.04) !important;
}
.keyfiyet-static-page .keyfiyet-avg-progress.score-good .keyfiyet-avg-track i{ background:#16a34a !important; }
.keyfiyet-static-page .keyfiyet-avg-progress.score-mid .keyfiyet-avg-track i{ background:#f59e0b !important; }
.keyfiyet-static-page .keyfiyet-avg-progress.score-low .keyfiyet-avg-track i{ background:#ef4444 !important; }
.keyfiyet-static-page .keyfiyet-avg-progress.score-empty .keyfiyet-avg-track i{ background:#cbd5e1 !important; }
.keyfiyet-static-page .keyfiyet-avg-track{
  background:#fff !important;
  border:1px solid rgba(7,135,125,.16) !important;
}
.keyfiyet-static-page .keyfiyet-toolbar-title{
  min-width: 210px;
}
.keyfiyet-static-page .keyfiyet-inline-btn{
  min-width: 98px !important;
}
.keyfiyet-static-page .keyfiyet-bottom-actions{
  position: sticky;
  bottom: 10px;
  z-index: 5;
  padding: 8px 0 0;
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.96));
}
.keyfiyet-static-page .keyfiyet-insights{
  margin-top: 12px;
  padding: 12px 14px;
  border:1px solid rgba(7,135,125,.12);
  border-radius:14px;
  background: linear-gradient(135deg, #ffffff, #f5fffd);
}
.keyfiyet-static-page .keyfiyet-insights-title{
  font-size: 12px;
  font-weight: 950;
  color:#063c5d;
  margin-bottom: 8px;
}
.keyfiyet-static-page .keyfiyet-insight-list{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.keyfiyet-static-page .keyfiyet-note{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:850;
  border:1px solid rgba(7,135,125,.12);
  background:#fff;
  color:#17344e;
}
.keyfiyet-static-page .keyfiyet-note.good{ background:#ecfdf5; color:#047857; border-color:#bbf7d0; }
.keyfiyet-static-page .keyfiyet-note.warn{ background:#fffbeb; color:#b45309; border-color:#fde68a; }
.keyfiyet-static-page .keyfiyet-note.danger{ background:#fef2f2; color:#dc2626; border-color:#fecaca; }
.keyfiyet-static-page .keyfiyet-note.neutral{ background:#f8fafc; color:#475569; }
@media (max-width: 1380px){
  .keyfiyet-static-page .keyfiyet-summary-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* v77 Kitap Okuma: modern kayıt paneli, tarih seçiniz ve otomatik gün */
.book-page .detail-hero.small-hero {
  min-height: 56px !important;
  padding: 8px 16px !important;
  margin-bottom: 7px !important;
}
.book-page .detail-hero h1 {
  font-size: 20px !important;
  letter-spacing: -.2px !important;
}
.book-page .detail-hero p {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  background: rgba(6, 95, 120, .08) !important;
  color: #073b62 !important;
  font-weight: 900 !important;
}
.book-page .book-title-bar {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  margin-bottom: 8px !important;
}
.book-page .book-title-main h2 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 7px 11px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(0, 150, 136, .12), rgba(0, 67, 107, .06)) !important;
  border: 1px solid rgba(0, 150, 136, .18) !important;
}
.book-page .book-filter-row {
  display: grid !important;
  grid-template-columns: minmax(210px, 250px) minmax(240px, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  margin-top: 5px !important;
}
.book-page #bookStudentSelect {
  width: 100% !important;
  min-width: 0 !important;
  height: 32px !important;
  padding: 0 32px 0 12px !important;
  border: 1px solid rgba(19, 117, 145, .26) !important;
  background-color: #fff !important;
}
.book-page .book-best-reader-card {
  min-height: 34px !important;
  background: linear-gradient(135deg, rgba(255, 249, 222, .95), rgba(236, 253, 245, .94)) !important;
  border: 1px solid rgba(245, 158, 11, .22) !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .04) !important;
}
.book-page .book-table-wrap {
  overflow-x: auto !important;
  border: 1px solid rgba(20, 137, 154, .18) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.55) !important;
}
.book-page .book-table {
  min-width: 1040px !important;
}
.book-page .book-table th,
.book-page .book-table td {
  padding: 5px 5px !important;
}
.book-page .book-table th:nth-child(1),
.book-page .book-table td:nth-child(1) { width: 38px !important; min-width: 38px !important; }
.book-page .book-table th:nth-child(2),
.book-page .book-table td:nth-child(2),
.book-page .book-table th:nth-child(3),
.book-page .book-table td:nth-child(3) { width: 52px !important; min-width: 52px !important; }
.book-page .book-table th:nth-child(4),
.book-page .book-table td:nth-child(4) { width: 130px !important; min-width: 130px !important; }
.book-page .book-table th:nth-child(5),
.book-page .book-table td:nth-child(5) { width: 150px !important; min-width: 150px !important; }
.book-page .book-table th:nth-child(6),
.book-page .book-table td:nth-child(6) { width: 128px !important; min-width: 128px !important; }
.book-page .book-table th:nth-child(7),
.book-page .book-table td:nth-child(7),
.book-page .book-table th:nth-child(8),
.book-page .book-table td:nth-child(8) { width: 116px !important; min-width: 116px !important; }
.book-page .book-table th:nth-child(9),
.book-page .book-table td:nth-child(9) { width: 54px !important; min-width: 54px !important; }
.book-page .book-table th:nth-child(10),
.book-page .book-table td:nth-child(10) { width: 72px !important; min-width: 72px !important; }
.book-page .book-table th:nth-child(11),
.book-page .book-table td:nth-child(11) { width: 250px !important; min-width: 250px !important; }
.book-page .book-table .tiny-add,
.book-page .book-table .tiny-delete {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 24px !important;
  font-size: 13px !important;
  border-radius: 8px !important;
}
.book-page .book-input {
  height: 27px !important;
  border-color: rgba(19, 117, 145, .22) !important;
  background: #fff !important;
  text-align: center !important;
}
.book-page .book-input[data-field="bookName"],
.book-page .book-input[data-field="publisher"],
.book-page .book-input[data-field="comment"] {
  text-align: left !important;
  padding-left: 8px !important;
}
.book-page .book-date-picker {
  cursor: pointer !important;
  color: #073b62 !important;
  font-weight: 900 !important;
  background: #fff !important;
}
.book-page .book-date-picker::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
}
.book-page .book-readonly {
  background: #eff6ff !important;
  color: #00436b !important;
  font-weight: 950 !important;
}
.book-page .book-summary-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin-top: 8px !important;
}
.book-page .book-summary-card {
  min-height: 48px !important;
  padding: 6px 8px !important;
  gap: 7px !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .045) !important;
}
.book-page .book-summary-icon {
  width: 32px !important;
  height: 32px !important;
  font-size: 16px !important;
}
.book-page .book-summary-card span {
  font-size: 9.4px !important;
  line-height: 1.1 !important;
}
.book-page .book-summary-card strong {
  font-size: 17px !important;
}
.book-page .book-actions {
  position: sticky !important;
  bottom: 8px !important;
  background: rgba(255,255,255,.78) !important;
  backdrop-filter: blur(8px) !important;
  padding: 6px 0 0 !important;
  z-index: 4 !important;
}
@media (max-width: 1240px) {
  .book-page .book-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

/* MENU BAR YUKSEKLIK DUZENLEMESI - sadece yükseklik ayarı */
.tabs.compact-tabs,
.compact-tabs.status-tabs,
.management-top-tabs,
.keyfiyet-static-tabs {
  min-height: 46px !important;
  align-items: center !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.tabs.compact-tabs .tab,
.compact-tabs.status-tabs .tab,
.management-top-tabs .tab,
.keyfiyet-static-tabs .tab {
  height: 38px !important;
  min-height: 38px !important;
  line-height: 1.15 !important;
  align-items: center !important;
}

.status-tabs .extra-tab,
.compact-tabs .extra-tab {
  height: 38px !important;
  min-height: 38px !important;
  line-height: 1.15 !important;
  align-items: center !important;
}


/* Rehberlik: detay butonu alt aksiyonlara taşındı */
.guidance-page .guidance-inline-note {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  width: 100% !important;
  border-radius: 9px !important;
  padding: 0 6px !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  color: #64748b !important;
  background: #f8fafc !important;
  border: 1px dashed #cbd5e1 !important;
}
.guidance-page .guidance-main-row.guidance-selected-row td {
  box-shadow: inset 0 0 0 999px rgba(8, 134, 168, .06) !important;
}
.guidance-page .guidance-main-row.guidance-selected-row td:first-child {
  position: relative;
}
.guidance-page .guidance-main-row.guidance-selected-row td:first-child::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 6px;
  bottom: 6px;
  width: 4px;
  border-radius: 999px;
  background: #0891b2;
}
.guidance-page .guidance-redesign-table th:nth-child(9),
.guidance-page .guidance-redesign-table td:nth-child(9) {
  width: 72px !important;
}
.guidance-page .guidance-row-actions {
  justify-content: center !important;
}
.guidance-page .guidance-footer-detail-btn {
  min-width: 118px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.guidance-page .guidance-footer-detail-btn:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}


/* Rehberlik risk seçenekleri ve buton görünümü güncellemesi */
.guidance-page .guidance-add-row,
.guidance-page #saveGuidanceBtn,
.guidance-page #clearGuidanceBtn,
.guidance-page .guidance-footer-detail-btn {
  position: relative !important;
  overflow: hidden !important;
  border: none !important;
  border-radius: 12px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .1px !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .08) !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.guidance-page .guidance-add-row:hover,
.guidance-page #saveGuidanceBtn:hover,
.guidance-page #clearGuidanceBtn:hover,
.guidance-page .guidance-footer-detail-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 22px rgba(15, 23, 42, .14) !important;
  filter: saturate(1.03) !important;
}
.guidance-page .guidance-add-row {
  color: #ffffff !important;
  background: linear-gradient(135deg, #0f766e, #0891b2) !important;
}
.guidance-page .guidance-footer-detail-btn {
  color: #ffffff !important;
  background: linear-gradient(135deg, #0369a1, #0f766e) !important;
}
.guidance-page #saveGuidanceBtn {
  color: #ffffff !important;
  background: linear-gradient(135deg, #0f5d9c, #0b3c73) !important;
}
.guidance-page #clearGuidanceBtn {
  color: #475569 !important;
  background: linear-gradient(135deg, #ffffff, #eef5fb) !important;
  border: 1px solid #cfe0f0 !important;
}
.guidance-page .guidance-delete-btn {
  height: 29px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(239, 68, 68, .22) !important;
  background: linear-gradient(135deg, #fff7f7, #ffe8e8) !important;
  color: #dc2626 !important;
  box-shadow: 0 4px 10px rgba(220, 38, 38, .08) !important;
}
.guidance-page .guidance-delete-btn:hover {
  background: linear-gradient(135deg, #ffeaea, #ffd9d9) !important;
}
.guidance-page .guidance-risk-badge,
.guidance-page .guidance-input.risk-very-low,
.guidance-page .guidance-input.risk-low,
.guidance-page .guidance-input.risk-mid,
.guidance-page .guidance-input.risk-high,
.guidance-page .guidance-input.risk-very-high {
  font-weight: 900 !important;
}
.guidance-page .risk-very-low {
  color: #0f766e !important;
  background: #ecfeff !important;
  border-color: rgba(8, 145, 178, .26) !important;
}
.guidance-page .risk-low {
  color: #15803d !important;
  background: #effaf2 !important;
  border-color: rgba(22, 130, 75, .22) !important;
}
.guidance-page .risk-mid {
  color: #b96a00 !important;
  background: #fff8e7 !important;
  border-color: rgba(242, 153, 24, .28) !important;
}
.guidance-page .risk-high {
  color: #c2410c !important;
  background: #fff1e9 !important;
  border-color: rgba(234, 88, 12, .24) !important;
}
.guidance-page .risk-very-high {
  color: #dc2626 !important;
  background: #fff1f1 !important;
  border-color: rgba(220, 38, 38, .28) !important;
}
.guidance-page .guidance-main-row.risk-very-low td { background: #f0fdff !important; }
.guidance-page .guidance-main-row.risk-low td { background: #f4fff8 !important; }
.guidance-page .guidance-main-row.risk-mid td { background: #fff8e8 !important; }
.guidance-page .guidance-main-row.risk-high td { background: #fff4ec !important; }
.guidance-page .guidance-main-row.risk-very-high td { background: #fff0f1 !important; }
.guidance-page .guidance-main-row.risk-very-low td:first-child { border-left: 4px solid #06b6d4 !important; }
.guidance-page .guidance-main-row.risk-low td:first-child { border-left: 4px solid #16a34a !important; }
.guidance-page .guidance-main-row.risk-mid td:first-child { border-left: 4px solid #f59e0b !important; }
.guidance-page .guidance-main-row.risk-high td:first-child { border-left: 4px solid #f97316 !important; }
.guidance-page .guidance-main-row.risk-very-high td:first-child { border-left: 4px solid #ef4444 !important; }
.guidance-page .guidance-risk-summary-card.risk-very-low-card {
  background: linear-gradient(180deg, #f0fdff, #ecfeff) !important;
  border-color: rgba(8,145,178,.22) !important;
}
.guidance-page .guidance-risk-summary-card.risk-low-card {
  background: linear-gradient(180deg, #f6fff8, #eefbf2) !important;
  border-color: rgba(22,130,75,.18) !important;
}
.guidance-page .guidance-risk-summary-card.risk-mid-card {
  background: linear-gradient(180deg, #fffaf0, #fff7e2) !important;
  border-color: rgba(242,153,24,.26) !important;
}
.guidance-page .guidance-risk-summary-card.risk-high-card {
  background: linear-gradient(180deg, #fff8f2, #ffefe5) !important;
  border-color: rgba(249,115,22,.22) !important;
}
.guidance-page .guidance-risk-summary-card.risk-very-high-card {
  background: linear-gradient(180deg, #fff7f7, #fff0f0) !important;
  border-color: rgba(220,38,38,.24) !important;
}
.guidance-page .guidance-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: 12px !important;
  flex-wrap: wrap !important;
}


/* Admin ana sayfa zayiat riski renklendirme ve yüksek risk uyarısı */
.admin-home-body #studentTable .risk-pill.risk-very-low {
  background: linear-gradient(180deg, #eefdf5, #f9fffb) !important;
  color: #149b61 !important;
  border: 1px solid rgba(20,155,97,.28) !important;
}

.admin-home-body #studentTable .risk-pill.risk-low {
  background: linear-gradient(180deg, #e8fff1, #f8fffb) !important;
  color: #14824a !important;
  border: 1px solid rgba(20,130,74,.28) !important;
}

.admin-home-body #studentTable .risk-pill.risk-mid {
  background: linear-gradient(180deg, #fff6de, #fffdfa) !important;
  color: #b87400 !important;
  border: 1px solid rgba(184,116,0,.30) !important;
}

.admin-home-body #studentTable .risk-pill.risk-high {
  background: linear-gradient(180deg, #ffe7e7, #fff7f7) !important;
  color: #c1262d !important;
  border: 1px solid rgba(193,38,45,.32) !important;
}

.admin-home-body #studentTable .risk-pill.risk-very-high {
  background: linear-gradient(180deg, #ffd9d9, #fff0f0) !important;
  color: #9d1118 !important;
  border: 1px solid rgba(157,17,24,.38) !important;
  font-weight: 900 !important;
}

.admin-home-body #studentTable tr.risk-row-high td,
.admin-home-body #studentTable tr.risk-row-very-high td {
  background: rgba(123, 5, 18, 0.06) !important;
}

.admin-home-body #studentTable tr.risk-row-alert td {
  border-top-color: rgba(123, 5, 18, 0.16) !important;
  border-bottom-color: rgba(123, 5, 18, 0.16) !important;
}

.admin-home-body #studentTable tr.risk-row-alert td:first-child {
  border-left: 4px solid #7b0512 !important;
}

.admin-home-body #studentTable tr.risk-row-alert {
  animation: adminRiskBlink 5s ease-in-out infinite !important;
}

@keyframes adminRiskBlink {
  0%, 82%, 100% {
    box-shadow: inset 0 0 0 9999px rgba(123, 5, 18, 0.00);
  }
  86%, 92% {
    box-shadow: inset 0 0 0 9999px rgba(123, 5, 18, 0.14);
  }
  89% {
    box-shadow: inset 0 0 0 9999px rgba(123, 5, 18, 0.24);
  }
}

.admin-home-body #studentTable tr.risk-row-alert td {
  transition: background-color .25s ease, color .25s ease, box-shadow .25s ease !important;
}


/* Rehberlik rapor butonu */
.guidance-page .guidance-report-btn {
  position: relative !important;
  overflow: hidden !important;
  border: none !important;
  border-radius: 12px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .1px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #7c3aed, #0ea5e9) !important;
  box-shadow: 0 8px 18px rgba(59, 130, 246, .18) !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
  cursor: pointer !important;
}

.guidance-page .guidance-report-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 22px rgba(59, 130, 246, .24) !important;
  filter: saturate(1.05) !important;
}

.guidance-page .guidance-report-btn:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}


/* Sabit risk uyarı animasyonu - ana sayfa zayiat satırları */
.admin-home-body #studentTable tr.risk-row-high td,
.admin-home-body #studentTable tr.risk-row-very-high td {
  background-color: #7f1d1d !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.22) !important;
}

.admin-home-body #studentTable tr.risk-row-high td *,
.admin-home-body #studentTable tr.risk-row-very-high td * {
  color: inherit !important;
}

.admin-home-body #studentTable tr.risk-row-high .student-name,
.admin-home-body #studentTable tr.risk-row-very-high .student-name {
  color: #ffffff !important;
}

.admin-home-body #studentTable tr.risk-row-alert td {
  animation: zayiatRiskRowBlinkFixed 5s ease-in-out infinite !important;
}

.admin-home-body #studentTable tr.risk-row-alert:hover td {
  animation-play-state: running !important;
}

@keyframes zayiatRiskRowBlinkFixed {
  0%, 72%, 100% {
    background-color: #7f1d1d;
    color: #ffffff;
  }
  78%, 88% {
    background-color: #fee2e2;
    color: #7f1d1d;
  }
  83% {
    background-color: #b91c1c;
    color: #ffffff;
  }
}

.admin-home-body #studentTable .risk-pill.risk-high,
.admin-home-body #studentTable .risk-pill.risk-very-high {
  background: #ffffff !important;
  color: #991b1b !important;
  border: 1px solid rgba(127,29,29,.35) !important;
  font-weight: 950 !important;
}

.admin-home-body #studentTable .risk-pill.risk-mid {
  background: #fff7ed !important;
  color: #b45309 !important;
  border: 1px solid rgba(180,83,9,.32) !important;
}

.admin-home-body #studentTable .risk-pill.risk-low,
.admin-home-body #studentTable .risk-pill.risk-very-low {
  background: #ecfdf5 !important;
  color: #047857 !important;
  border: 1px solid rgba(4,120,87,.28) !important;
}

.admin-home-body #studentTable .risk-pill.neutral {
  background: #f1f5f9 !important;
  color: #64748b !important;
  border: 1px solid rgba(100,116,139,.22) !important;
}


/* Ana sayfa zayiat riski - yumuşak renk paleti */
.admin-home-body #studentTable tr.risk-row-high td,
.admin-home-body #studentTable tr.risk-row-very-high td {
  background-color: #ffe4e6 !important;
  color: #7f1d1d !important;
  border-color: rgba(248,113,113,.24) !important;
}

.admin-home-body #studentTable tr.risk-row-high td *,
.admin-home-body #studentTable tr.risk-row-very-high td * {
  color: inherit !important;
}

.admin-home-body #studentTable tr.risk-row-high .student-name,
.admin-home-body #studentTable tr.risk-row-very-high .student-name {
  color: #7f1d1d !important;
}

.admin-home-body #studentTable tr.risk-row-alert td {
  animation: zayiatRiskRowBlinkSoft 5s ease-in-out infinite !important;
}

@keyframes zayiatRiskRowBlinkSoft {
  0%, 72%, 100% {
    background-color: #fff1f2;
    color: #7f1d1d;
  }
  78%, 88% {
    background-color: #fecdd3;
    color: #7f1d1d;
  }
  83% {
    background-color: #fda4af;
    color: #7f1d1d;
  }
}

.admin-home-body #studentTable .risk-pill.risk-high,
.admin-home-body #studentTable .risk-pill.risk-very-high {
  background: #fff7f7 !important;
  color: #be123c !important;
  border: 1px solid rgba(244,63,94,.28) !important;
  font-weight: 950 !important;
}

.admin-home-body #studentTable .risk-pill.risk-mid {
  background: #fff7ed !important;
  color: #c2410c !important;
  border: 1px solid rgba(249,115,22,.28) !important;
}

.admin-home-body #studentTable .risk-pill.risk-low,
.admin-home-body #studentTable .risk-pill.risk-very-low {
  background: #ecfdf5 !important;
  color: #047857 !important;
  border: 1px solid rgba(16,185,129,.26) !important;
}

.admin-home-body #studentTable .risk-pill.neutral {
  background: #f8fafc !important;
  color: #64748b !important;
  border: 1px solid rgba(100,116,139,.20) !important;
}


/* Risk satırı sabit renk kodu: #FF9999 - 5 saniyelik yanıp sönme */
.admin-home-body #studentTable tr.risk-row-high td,
.admin-home-body #studentTable tr.risk-row-very-high td {
  background-color: #FF9999 !important;
  color: #7f1d1d !important;
  border-color: rgba(255, 153, 153, .55) !important;
}

.admin-home-body #studentTable tr.risk-row-high td *,
.admin-home-body #studentTable tr.risk-row-very-high td * {
  color: inherit !important;
}

.admin-home-body #studentTable tr.risk-row-alert td {
  animation-name: zayiatRiskFF9999Blink !important;
  animation-duration: 5s !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
}

@keyframes zayiatRiskFF9999Blink {
  0%, 70%, 100% {
    background-color: #FF9999;
    color: #7f1d1d;
  }
  80%, 90% {
    background-color: #FFE1E1;
    color: #7f1d1d;
  }
  85% {
    background-color: #FF9999;
    color: #7f1d1d;
  }
}

.admin-home-body #studentTable .risk-pill.risk-high,
.admin-home-body #studentTable .risk-pill.risk-very-high {
  background: #ffffff !important;
  color: #b91c1c !important;
  border: 1px solid rgba(185, 28, 28, .30) !important;
  font-weight: 950 !important;
}


/* Test Takip: Talebe Seçiniz modunda sadece Doğru/Yanlış girişleri pasif görünür */
.test-page .number-input:disabled,
.test-input.number-input:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
}


/* v_next Sol menü üstten başlasın ve aşağı doğru uzasın */
.has-fixed-menu .app-chrome.fixed-menu {
  top: 0;
  left: 0;
}

.has-fixed-menu .side-menu.fixed {
  top: 8px !important;
  left: 10px !important;
  bottom: 8px !important;
  height: auto !important;
  min-height: calc(100vh - 16px) !important;
  padding-bottom: 14px !important;
  overflow-y: auto !important;
}


/* v_next Moderatör boş kullanıcı bilgi kartları */
.moderator-user-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  gap: 18px;
  margin: 18px 0;
}

.moderator-user-card {
  min-height: 150px;
  padding: 24px 26px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 16px 34px rgba(19,105,94,.08);
}

.moderator-user-card h2 {
  margin: 0;
  color: var(--green);
  font-size: 22px;
  font-weight: 800;
}

.moderator-user-card-body {
  min-height: 82px;
}

@media (max-width: 860px) {
  .moderator-user-cards {
    grid-template-columns: 1fr;
  }
}


/* v_next Admin zayiat riski kutusu hizalama düzeltmesi */
.admin-home-body .risk-summary-card {
  align-items: center !important;
}

.admin-home-body .risk-summary-card > div:last-child {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.admin-home-body .risk-summary-card span,
.admin-home-body .risk-summary-card strong,
.admin-home-body .risk-summary-card em {
  text-align: center !important;
  align-self: center !important;
}

.admin-home-body .risk-summary-card span {
  width: 100% !important;
  margin: 0 0 6px !important;
}

.admin-home-body .risk-summary-card strong {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  line-height: 1.08 !important;
}

.admin-home-body .risk-summary-card em {
  margin-top: 8px !important;
}


/* v_next Moderatör kartlarını muhasebe menüsü gibi kompakt yap */
.moderator-menu-panel {
  margin-top: 16px;
  border: 1px solid #cfe3ef;
  border-radius: 20px;
  background: linear-gradient(135deg, #ffffff, #f8fcff);
  box-shadow: 0 12px 30px rgba(0, 65, 92, 0.08);
  padding: 18px;
  color: #23465f;
}

.moderator-menu-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.moderator-menu-title h2 {
  margin: 0;
  color: #003b63;
  font-size: 20px;
  font-weight: 950;
}

.moderator-menu-title p {
  margin: 4px 0 0;
  color: #5c7180;
  font-size: 12px;
  font-weight: 750;
}

.moderator-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(190px, 1fr));
  gap: 16px;
}

.moderator-main-card {
  min-height: 146px;
  border: 1px solid #d9e8f0;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(0, 65, 92, 0.07);
  padding: 18px 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
}

.moderator-card-icon {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: #eef9ff;
  border: 1px solid #cfe3ef;
  font-size: 30px;
}

.moderator-main-card h3 {
  margin: 0;
  color: #003b63;
  font-size: 18px;
  font-weight: 950;
  letter-spacing: .01em;
}

.moderator-main-card .empty-note {
  min-height: 18px;
  color: transparent;
  user-select: none;
}

@media (max-width: 1080px) {
  .moderator-card-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }
}

@media (max-width: 560px) {
  .moderator-card-grid {
    grid-template-columns: 1fr;
  }
}


/* v_next Moderatör büyük açıklama alanı kaldırıldı, açıklama kart içine alındı */
.moderator-main-card {
  min-height: 166px;
}

.moderator-card-note {
  margin: 0;
  color: #5c7180;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.45;
}

.moderator-card-note strong {
  display: inline-block;
  color: #007f78;
  font-size: 12.5px;
  font-weight: 900;
  margin-bottom: 3px;
}


/* v_next Moderatör kartları tıklanabilir ve uyarılar açılan sayfada */
.moderator-card-grid {
  grid-template-columns: repeat(4, minmax(190px, 1fr)) !important;
}

.moderator-main-card {
  text-decoration: none !important;
  color: inherit !important;
  cursor: pointer !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease !important;
}

.moderator-main-card:hover,
.moderator-main-card:focus-visible {
  transform: translateY(-3px) !important;
  border-color: #16c7cf !important;
  background: linear-gradient(135deg, #dffcff, #bff5f8) !important;
  box-shadow: 0 16px 30px rgba(0, 151, 160, 0.20) !important;
  outline: none !important;
}

.moderator-main-card:hover .moderator-card-icon,
.moderator-main-card:focus-visible .moderator-card-icon {
  background: #ffffff !important;
  border-color: #16c7cf !important;
  box-shadow: inset 0 0 0 2px rgba(22, 199, 207, 0.12) !important;
}

.moderator-main-card:hover h3,
.moderator-main-card:focus-visible h3 {
  color: #005e68 !important;
}

.moderator-placeholder-page {
  margin-top: 18px;
}


/* v_next Moderatör menü üst butonu */
.moderator-menu-back-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 162px;
  padding: 10px 18px;
  border: 1px solid #cfe3ef;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
  box-shadow: 0 8px 18px rgba(0, 65, 92, 0.06);
  color: #003b63;
  text-decoration: none;
  font-size: 14px;
  font-weight: 900;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.moderator-menu-back-button:hover,
.moderator-menu-back-button:focus-visible {
  transform: translateY(-1px);
  border-color: #16c7cf;
  background: linear-gradient(135deg, #dffcff, #bff5f8);
  box-shadow: 0 12px 24px rgba(0, 151, 160, 0.14);
  outline: none;
}

@media (max-width: 720px) {
  .moderator-menu-title {
    flex-direction: column;
    align-items: stretch;
  }

  .moderator-menu-back-button {
    width: 100%;
  }
}


/* v_next Moderatör menüsü butonu sadece alt sayfa kartlarının içinde */
.moderator-placeholder-back-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  min-width: 170px;
  padding: 11px 18px;
  border: 1px solid #cfe3ef;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
  box-shadow: 0 8px 18px rgba(0, 65, 92, 0.06);
  color: #003b63;
  text-decoration: none;
  font-size: 14px;
  font-weight: 900;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.moderator-placeholder-back-button:hover,
.moderator-placeholder-back-button:focus-visible {
  transform: translateY(-1px);
  border-color: #16c7cf;
  background: linear-gradient(135deg, #dffcff, #bff5f8);
  box-shadow: 0 12px 24px rgba(0, 151, 160, 0.14);
  outline: none;
}


/* v_next Moderatör alt sayfa buton konumu: kart sağ üst */
.moderator-placeholder-page {
  position: relative !important;
  margin-top: 18px;
  padding: 64px 34px 34px !important;
}

.moderator-placeholder-back-button {
  position: absolute;
  top: 22px;
  right: 22px;
  margin-top: 0 !important;
  z-index: 2;
}

@media (max-width: 720px) {
  .moderator-placeholder-page {
    padding: 84px 22px 26px !important;
  }

  .moderator-placeholder-back-button {
    top: 18px;
    right: 18px;
    min-width: 150px;
    padding: 10px 14px;
  }
}


/* DATA-DRIVEN RATE COLORS - düşük kırmızı / orta turuncu / yüksek yeşil */
:root{
  --spy-rate-low:#dc2626;
  --spy-rate-mid:#f59e0b;
  --spy-rate-high:#16a34a;
  --spy-rate-low-soft:rgba(220,38,38,.12);
  --spy-rate-mid-soft:rgba(245,158,11,.14);
  --spy-rate-high-soft:rgba(22,163,74,.13);
}

.spy-rate-low,
.spy-rate-low span,
.spy-rate-low i,
.spy-rate-low::before{
  --progress-color:var(--spy-rate-low);
  --rate-color:var(--spy-rate-low);
}

.spy-rate-mid,
.spy-rate-mid span,
.spy-rate-mid i,
.spy-rate-mid::before{
  --progress-color:var(--spy-rate-mid);
  --rate-color:var(--spy-rate-mid);
}

.spy-rate-high,
.spy-rate-high span,
.spy-rate-high i,
.spy-rate-high::before{
  --progress-color:var(--spy-rate-high);
  --rate-color:var(--spy-rate-high);
}

.spy-rate-low:is(i,span),
.spy-rate-low > i,
.spy-rate-low > span,
.spy-rate-low .progress-fill,
.spy-rate-low .general-progress-fill,
.spy-rate-low .success-progress-fill,
.spy-rate-low .bar i,
.spy-rate-low .dash-bar i,
.spy-rate-low.progress-fill,
.spy-rate-low.general-progress-fill,
.spy-rate-low.success-progress-fill,
.progress span.spy-rate-low,
.bar i.spy-rate-low,
.dash-bar i.spy-rate-low,
.trend-col i.spy-rate-low,
.month-bar-progress i.spy-rate-low,
.yurt-inline-progress-track i.spy-rate-low,
.keyfiyet-avg-track i.spy-rate-low{
  background:linear-gradient(90deg,#ef4444,#dc2626)!important;
}

.spy-rate-mid:is(i,span),
.spy-rate-mid > i,
.spy-rate-mid > span,
.spy-rate-mid .progress-fill,
.spy-rate-mid .general-progress-fill,
.spy-rate-mid .success-progress-fill,
.spy-rate-mid .bar i,
.spy-rate-mid .dash-bar i,
.spy-rate-mid.progress-fill,
.spy-rate-mid.general-progress-fill,
.spy-rate-mid.success-progress-fill,
.progress span.spy-rate-mid,
.bar i.spy-rate-mid,
.dash-bar i.spy-rate-mid,
.trend-col i.spy-rate-mid,
.month-bar-progress i.spy-rate-mid,
.yurt-inline-progress-track i.spy-rate-mid,
.keyfiyet-avg-track i.spy-rate-mid{
  background:linear-gradient(90deg,#fbbf24,#f59e0b)!important;
}

.spy-rate-high:is(i,span),
.spy-rate-high > i,
.spy-rate-high > span,
.spy-rate-high .progress-fill,
.spy-rate-high .general-progress-fill,
.spy-rate-high .success-progress-fill,
.spy-rate-high .bar i,
.spy-rate-high .dash-bar i,
.spy-rate-high.progress-fill,
.spy-rate-high.general-progress-fill,
.spy-rate-high.success-progress-fill,
.progress span.spy-rate-high,
.bar i.spy-rate-high,
.dash-bar i.spy-rate-high,
.trend-col i.spy-rate-high,
.month-bar-progress i.spy-rate-high,
.yurt-inline-progress-track i.spy-rate-high,
.keyfiyet-avg-track i.spy-rate-high{
  background:linear-gradient(90deg,#22c55e,#16a34a)!important;
}

.trend-col i.spy-rate-low{background:linear-gradient(180deg,#ef4444,#dc2626)!important;box-shadow:0 6px 12px rgba(220,38,38,.18)!important;}
.trend-col i.spy-rate-mid{background:linear-gradient(180deg,#fbbf24,#f59e0b)!important;box-shadow:0 6px 12px rgba(245,158,11,.18)!important;}
.trend-col i.spy-rate-high{background:linear-gradient(180deg,#22c55e,#16a34a)!important;box-shadow:0 6px 12px rgba(22,163,74,.18)!important;}

.spy-rate-low :is(.value,b,strong){color:var(--spy-rate-low)!important;}
.spy-rate-mid :is(.value,b,strong){color:var(--spy-rate-mid)!important;}
.spy-rate-high :is(.value,b,strong){color:var(--spy-rate-high)!important;}

.month-progress.spy-rate-low,
.summary-circle-progress.spy-rate-low,
.yurt-row-average-progress.spy-rate-low{
  background:conic-gradient(var(--spy-rate-low) calc(var(--progress,0) * 1%), #fee2e2 0)!important;
}

.month-progress.spy-rate-mid,
.summary-circle-progress.spy-rate-mid,
.yurt-row-average-progress.spy-rate-mid{
  background:conic-gradient(var(--spy-rate-mid) calc(var(--progress,0) * 1%), #fef3c7 0)!important;
}

.month-progress.spy-rate-high,
.summary-circle-progress.spy-rate-high,
.yurt-row-average-progress.spy-rate-high{
  background:conic-gradient(var(--spy-rate-high) calc(var(--progress,0) * 1%), #dcfce7 0)!important;
}



/* 3D CHART & PROGRESS BAR FINAL - taşma engelli, yumuşak kırmızı */
:root{
  --spy-rate-low:#e85d5d;
  --spy-rate-low-deep:#c93f3f;
  --spy-rate-mid:#f2a23a;
  --spy-rate-mid-deep:#d88317;
  --spy-rate-high:#25b86f;
  --spy-rate-high-deep:#158a50;
}

/* Genel taşma kilidi */
.dashboard-panel,
.dashboard-panel *,
.dash-section,
.analysis-card,
.metric-card,
.mini-list,
.mini-row,
.trend-grid,
.table-scroll,
.card,
.list-card,
.compact-card,
.form-card,
.yurt-card,
.guidance-card,
.book-card{
  max-width:100%;
  box-sizing:border-box;
}

/* Progress taşıyıcıları */
.dash-bar,
.mini-row .bar,
.progress,
.progress-track,
.general-progress-track,
.success-progress-track,
.month-bar-progress,
.yurt-inline-progress-track,
.keyfiyet-avg-track{
  position:relative!important;
  max-width:100%!important;
  width:100%!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#dfeaf0,#f7fbfd 48%,#dbe8ef)!important;
  border:1px solid rgba(145,180,195,.55)!important;
  box-shadow:
    inset 0 2px 4px rgba(17,56,78,.14),
    inset 0 -1px 0 rgba(255,255,255,.95),
    0 5px 12px rgba(0,65,92,.06)!important;
}

/* Dolgu çubukları: taşma yok + 3D */
.dash-bar i,
.mini-row .bar i,
.progress span,
.progress-fill,
.general-progress-fill,
.success-progress-fill,
.month-bar-progress i,
.yurt-inline-progress-track i,
.keyfiyet-avg-track i{
  position:relative!important;
  display:block!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  border-radius:999px!important;
  transform:translateZ(0);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -2px 4px rgba(0,0,0,.12),
    0 3px 8px rgba(0,65,92,.12)!important;
}

.dash-bar i::after,
.mini-row .bar i::after,
.progress span::after,
.progress-fill::after,
.general-progress-fill::after,
.success-progress-fill::after,
.month-bar-progress i::after,
.yurt-inline-progress-track i::after,
.keyfiyet-avg-track i::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.08) 38%,rgba(0,0,0,.07) 100%);
}

/* Düşük değer: sert kırmızı yerine premium coral/kiremit 3D */
.spy-rate-low:is(i,span),
.spy-rate-low > i,
.spy-rate-low > span,
.spy-rate-low .progress-fill,
.spy-rate-low .general-progress-fill,
.spy-rate-low .success-progress-fill,
.spy-rate-low .bar i,
.spy-rate-low .dash-bar i,
.spy-rate-low.progress-fill,
.spy-rate-low.general-progress-fill,
.spy-rate-low.success-progress-fill,
.progress span.spy-rate-low,
.bar i.spy-rate-low,
.dash-bar i.spy-rate-low,
.month-bar-progress i.spy-rate-low,
.yurt-inline-progress-track i.spy-rate-low,
.keyfiyet-avg-track i.spy-rate-low{
  background:linear-gradient(90deg,#ff8b8b 0%,var(--spy-rate-low) 48%,var(--spy-rate-low-deep) 100%)!important;
}

/* Orta değer: 3D turuncu */
.spy-rate-mid:is(i,span),
.spy-rate-mid > i,
.spy-rate-mid > span,
.spy-rate-mid .progress-fill,
.spy-rate-mid .general-progress-fill,
.spy-rate-mid .success-progress-fill,
.spy-rate-mid .bar i,
.spy-rate-mid .dash-bar i,
.spy-rate-mid.progress-fill,
.spy-rate-mid.general-progress-fill,
.spy-rate-mid.success-progress-fill,
.progress span.spy-rate-mid,
.bar i.spy-rate-mid,
.dash-bar i.spy-rate-mid,
.month-bar-progress i.spy-rate-mid,
.yurt-inline-progress-track i.spy-rate-mid,
.keyfiyet-avg-track i.spy-rate-mid{
  background:linear-gradient(90deg,#ffd166 0%,var(--spy-rate-mid) 48%,var(--spy-rate-mid-deep) 100%)!important;
}

/* Yüksek değer: 3D yeşil */
.spy-rate-high:is(i,span),
.spy-rate-high > i,
.spy-rate-high > span,
.spy-rate-high .progress-fill,
.spy-rate-high .general-progress-fill,
.spy-rate-high .success-progress-fill,
.spy-rate-high .bar i,
.spy-rate-high .dash-bar i,
.spy-rate-high.progress-fill,
.spy-rate-high.general-progress-fill,
.spy-rate-high.success-progress-fill,
.progress span.spy-rate-high,
.bar i.spy-rate-high,
.dash-bar i.spy-rate-high,
.month-bar-progress i.spy-rate-high,
.yurt-inline-progress-track i.spy-rate-high,
.keyfiyet-avg-track i.spy-rate-high{
  background:linear-gradient(90deg,#6ee7a8 0%,var(--spy-rate-high) 48%,var(--spy-rate-high-deep) 100%)!important;
}

/* Dashboard dikey grafik çubukları: 3D sütun görünümü */
.trend-grid{
  overflow:hidden!important;
  max-width:100%!important;
  padding-inline:4px!important;
  perspective:800px;
}

.trend-col{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

.trend-col i{
  position:relative!important;
  max-width:min(42px,72%)!important;
  overflow:hidden!important;
  transform:skewX(-2deg) translateZ(0);
  transform-origin:bottom center;
  border-radius:12px 12px 5px 5px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    inset -4px 0 6px rgba(0,0,0,.10),
    inset 3px 0 5px rgba(255,255,255,.24),
    0 9px 16px rgba(0,65,92,.16)!important;
}

.trend-col i::before{
  content:"";
  position:absolute;
  top:0;
  left:9%;
  right:9%;
  height:28%;
  border-radius:999px;
  background:rgba(255,255,255,.42);
  pointer-events:none;
}

.trend-col i::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,0) 38%,rgba(0,0,0,.13));
  pointer-events:none;
}

.trend-col i.spy-rate-low{
  background:linear-gradient(180deg,#ffa1a1 0%,var(--spy-rate-low) 50%,var(--spy-rate-low-deep) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    inset -4px 0 6px rgba(125,20,20,.12),
    0 8px 15px rgba(201,63,63,.20)!important;
}

.trend-col i.spy-rate-mid{
  background:linear-gradient(180deg,#ffd987 0%,var(--spy-rate-mid) 50%,var(--spy-rate-mid-deep) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    inset -4px 0 6px rgba(132,76,10,.12),
    0 8px 15px rgba(216,131,23,.20)!important;
}

.trend-col i.spy-rate-high{
  background:linear-gradient(180deg,#75e8ad 0%,var(--spy-rate-high) 50%,var(--spy-rate-high-deep) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    inset -4px 0 6px rgba(12,89,49,.12),
    0 8px 15px rgba(21,138,80,.20)!important;
}

/* Dairesel progress renkleri daha yumuşak */
.month-progress.spy-rate-low,
.summary-circle-progress.spy-rate-low,
.yurt-row-average-progress.spy-rate-low{
  background:conic-gradient(var(--spy-rate-low) calc(var(--progress,0) * 1%), #ffe8e8 0)!important;
}

.month-progress.spy-rate-mid,
.summary-circle-progress.spy-rate-mid,
.yurt-row-average-progress.spy-rate-mid{
  background:conic-gradient(var(--spy-rate-mid) calc(var(--progress,0) * 1%), #fff3d9 0)!important;
}

.month-progress.spy-rate-high,
.summary-circle-progress.spy-rate-high,
.yurt-row-average-progress.spy-rate-high{
  background:conic-gradient(var(--spy-rate-high) calc(var(--progress,0) * 1%), #e4fbe9 0)!important;
}

/* Küçük ekran taşma güvenliği */
@media(max-width:700px){
  .trend-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .trend-col i{
    max-width:min(34px,68%)!important;
  }
  .mini-row{
    grid-template-columns:minmax(0,1fr)!important;
    overflow:hidden!important;
  }
}



/* FINAL PROGRESS LOGIC FIX - yazılar boya değil, sadece gerçek dolgu renklenir */
.metric-card.spy-rate-low,
.metric-card.spy-rate-mid,
.metric-card.spy-rate-high{
  background:linear-gradient(180deg,#ffffff,#f9fdff)!important;
}

.metric-card.spy-rate-low > span,
.metric-card.spy-rate-mid > span,
.metric-card.spy-rate-high > span,
.metric-card.spy-rate-low .label,
.metric-card.spy-rate-mid .label,
.metric-card.spy-rate-high .label,
.metric-card.spy-rate-low .sub,
.metric-card.spy-rate-mid .sub,
.metric-card.spy-rate-high .sub{
  background:transparent!important;
  box-shadow:none!important;
}

.metric-card.spy-rate-low .value{color:#d94b4b!important;}
.metric-card.spy-rate-mid .value{color:#d88317!important;}
.metric-card.spy-rate-high .value{color:#158a50!important;}

.metric-card.spy-rate-low{
  border-color:rgba(217,75,75,.28)!important;
}
.metric-card.spy-rate-mid{
  border-color:rgba(216,131,23,.30)!important;
}
.metric-card.spy-rate-high{
  border-color:rgba(21,138,80,.28)!important;
}

/* Kart içindeki sadece gerçek bar dolgusu renk alsın */
.metric-card.spy-rate-low > span:not(.value):not(.label):not(.sub),
.metric-card.spy-rate-mid > span:not(.value):not(.label):not(.sub),
.metric-card.spy-rate-high > span:not(.value):not(.label):not(.sub){
  color:inherit!important;
}

/* Yüzde 0 olan progress dolguları gereksiz dolu görünmesin */
.dash-bar i[style*="width:0%"],
.mini-row .bar i[style*="width:0%"],
.progress span[style*="width:0%"],
.progress-fill[style*="width:0%"],
.general-progress-fill[style*="width:0%"],
.success-progress-fill[style*="width:0%"],
.month-bar-progress i[style*="width:0%"],
.yurt-inline-progress-track i[style*="width:0%"],
.keyfiyet-avg-track i[style*="width:0%"]{
  min-width:0!important;
  width:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* Çok düşük ama sıfır olmayan değerlerde sadece küçük dolgu görünsün */
.dash-bar i,
.mini-row .bar i,
.progress span,
.progress-fill,
.general-progress-fill,
.success-progress-fill,
.month-bar-progress i,
.yurt-inline-progress-track i,
.keyfiyet-avg-track i{
  max-width:100%!important;
  flex-shrink:0!important;
}

/* Kırmızı 3D daha sade; metin üstüne yayılmasın */
.trend-col i.spy-rate-low{
  background:linear-gradient(180deg,#ff9b8f 0%,#e66b5f 52%,#bf463f 100%)!important;
}

/* Progress taşıyıcılarında dolu izlenimi oluşturan fazlalıkları yumuşat */
.dash-bar,
.mini-row .bar,
.progress,
.progress-track,
.general-progress-track,
.success-progress-track,
.month-bar-progress,
.yurt-inline-progress-track,
.keyfiyet-avg-track{
  background:linear-gradient(180deg,#eef6f9,#ffffff 52%,#e2edf3)!important;
}

/* Düşük değer barları daha zarif görünsün */
.progress span.spy-rate-low,
.bar i.spy-rate-low,
.dash-bar i.spy-rate-low,
.month-bar-progress i.spy-rate-low,
.yurt-inline-progress-track i.spy-rate-low,
.keyfiyet-avg-track i.spy-rate-low{
  background:linear-gradient(90deg,#ff9b8f 0%,#e66b5f 55%,#bf463f 100%)!important;
}



/* ABSOLUTE FINAL PROGRESS FIX - yüzde kartlarında şerit yok, sadece gerçek bar dolar */

/* Metric kartlara gelen rate sınıfı artık arka plan/şerit oluşturmasın */
.metric-card.spy-rate-low,
.metric-card.spy-rate-mid,
.metric-card.spy-rate-high,
.metric-card.spy-rate-low *,
.metric-card.spy-rate-mid *,
.metric-card.spy-rate-high *{
  background-image:none!important;
  box-shadow:none!important;
}

.metric-card.spy-rate-low,
.metric-card.spy-rate-mid,
.metric-card.spy-rate-high{
  background:linear-gradient(180deg,#ffffff,#f9fdff)!important;
  overflow:hidden!important;
}

.metric-card.spy-rate-low > span,
.metric-card.spy-rate-mid > span,
.metric-card.spy-rate-high > span,
.metric-card.spy-rate-low .label,
.metric-card.spy-rate-mid .label,
.metric-card.spy-rate-high .label,
.metric-card.spy-rate-low .sub,
.metric-card.spy-rate-mid .sub,
.metric-card.spy-rate-high .sub{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#6d8190!important;
}

.metric-card.spy-rate-low .label,
.metric-card.spy-rate-mid .label,
.metric-card.spy-rate-high .label{
  color:#6b7f8d!important;
}

.metric-card.spy-rate-low .value{color:#d94b4b!important;background:transparent!important;}
.metric-card.spy-rate-mid .value{color:#d88317!important;background:transparent!important;}
.metric-card.spy-rate-high .value{color:#158a50!important;background:transparent!important;}

/* Yalnızca gerçek dolgu elemanları 3D renk alsın */
.dash-bar > i,
.mini-row .bar > i,
.progress > span,
.progress-fill,
.general-progress-fill,
.success-progress-fill,
.month-bar-progress > i,
.yurt-inline-progress-track > i,
.keyfiyet-avg-track > i{
  position:relative!important;
  display:block!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  border-radius:999px!important;
}

/* %0 ise kesinlikle dolu görünmesin */
.dash-bar > i[style*="width: 0%"],
.dash-bar > i[style*="width:0%"],
.mini-row .bar > i[style*="width: 0%"],
.mini-row .bar > i[style*="width:0%"],
.progress > span[style*="width: 0%"],
.progress > span[style*="width:0%"],
.progress-fill[style*="width: 0%"],
.progress-fill[style*="width:0%"],
.general-progress-fill[style*="width: 0%"],
.general-progress-fill[style*="width:0%"],
.success-progress-fill[style*="width: 0%"],
.success-progress-fill[style*="width:0%"],
.month-bar-progress > i[style*="width: 0%"],
.month-bar-progress > i[style*="width:0%"],
.yurt-inline-progress-track > i[style*="width: 0%"],
.yurt-inline-progress-track > i[style*="width:0%"],
.keyfiyet-avg-track > i[style*="width: 0%"],
.keyfiyet-avg-track > i[style*="width:0%"]{
  width:0!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* Taşıyıcılar boşken de kaliteli ama dolu gibi görünmeyen ray olsun */
.dash-bar,
.mini-row .bar,
.progress,
.progress-track,
.general-progress-track,
.success-progress-track,
.month-bar-progress,
.yurt-inline-progress-track,
.keyfiyet-avg-track{
  background:linear-gradient(180deg,#edf6fa,#ffffff 55%,#e3edf3)!important;
  overflow:hidden!important;
  max-width:100%!important;
}

/* Sadece dolgu rengi */
.dash-bar > i.spy-rate-low,
.mini-row .bar > i.spy-rate-low,
.progress > span.spy-rate-low,
.progress-fill.spy-rate-low,
.general-progress-fill.spy-rate-low,
.success-progress-fill.spy-rate-low,
.month-bar-progress > i.spy-rate-low,
.yurt-inline-progress-track > i.spy-rate-low,
.keyfiyet-avg-track > i.spy-rate-low{
  background:linear-gradient(90deg,#ff9b8f 0%,#e66b5f 58%,#bf463f 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 4px rgba(0,0,0,.10), 0 3px 8px rgba(191,70,63,.16)!important;
}

.dash-bar > i.spy-rate-mid,
.mini-row .bar > i.spy-rate-mid,
.progress > span.spy-rate-mid,
.progress-fill.spy-rate-mid,
.general-progress-fill.spy-rate-mid,
.success-progress-fill.spy-rate-mid,
.month-bar-progress > i.spy-rate-mid,
.yurt-inline-progress-track > i.spy-rate-mid,
.keyfiyet-avg-track > i.spy-rate-mid{
  background:linear-gradient(90deg,#ffd166 0%,#f2a23a 58%,#d88317 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 4px rgba(0,0,0,.10), 0 3px 8px rgba(216,131,23,.16)!important;
}

.dash-bar > i.spy-rate-high,
.mini-row .bar > i.spy-rate-high,
.progress > span.spy-rate-high,
.progress-fill.spy-rate-high,
.general-progress-fill.spy-rate-high,
.success-progress-fill.spy-rate-high,
.month-bar-progress > i.spy-rate-high,
.yurt-inline-progress-track > i.spy-rate-high,
.keyfiyet-avg-track > i.spy-rate-high{
  background:linear-gradient(90deg,#6ee7a8 0%,#25b86f 58%,#158a50 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 4px rgba(0,0,0,.10), 0 3px 8px rgba(21,138,80,.16)!important;
}

/* Dashboard dikey grafiklerde düşük değerler çizgi gibi sade, yüksek değer 3D sütun */
.trend-col i{
  max-width:min(42px,72%)!important;
  overflow:hidden!important;
}

.trend-col i.spy-rate-low{
  background:linear-gradient(180deg,#ff9b8f,#bf463f)!important;
  box-shadow:0 3px 7px rgba(191,70,63,.14), inset 0 1px 0 rgba(255,255,255,.50)!important;
}

.trend-col i.spy-rate-mid{
  background:linear-gradient(180deg,#ffd166,#d88317)!important;
  box-shadow:0 6px 12px rgba(216,131,23,.16), inset 0 1px 0 rgba(255,255,255,.50)!important;
}

.trend-col i.spy-rate-high{
  background:linear-gradient(180deg,#75e8ad,#158a50)!important;
  box-shadow:0 9px 16px rgba(21,138,80,.20), inset 0 1px 0 rgba(255,255,255,.55), inset -4px 0 6px rgba(0,0,0,.10)!important;
}

/* Çok küçük dikey değerlerde kocaman kırmızı blok oluşmasın */
.trend-col i.spy-rate-low[style*="height:6px"],
.trend-col i.spy-rate-low[style*="height: 6px"]{
  height:5px!important;
  border-radius:999px!important;
  transform:none!important;
}

/* Dolgu üzerindeki parlaklık sadece dolgu varsa görünsün */
.dash-bar > i::after,
.mini-row .bar > i::after,
.progress > span::after,
.progress-fill::after,
.general-progress-fill::after,
.success-progress-fill::after,
.month-bar-progress > i::after,
.yurt-inline-progress-track > i::after,
.keyfiyet-avg-track > i::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.08) 40%,rgba(0,0,0,.06));
  pointer-events:none;
}



/* ADMIN RISK UI FINAL FIX - soft tablo, kısa rozet, taşma yok */
.admin-home-body #studentTable{
  table-layout:fixed!important;
  width:100%!important;
}

.admin-home-body #studentTable th,
.admin-home-body #studentTable td{
  vertical-align:middle!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.admin-home-body #studentTable th:nth-child(1),
.admin-home-body #studentTable td:nth-child(1){
  width:58px!important;
  text-align:center!important;
}

.admin-home-body #studentTable th:nth-child(2),
.admin-home-body #studentTable td:nth-child(2){
  width:18%!important;
}

.admin-home-body #studentTable th:nth-child(3),
.admin-home-body #studentTable td:nth-child(3){
  width:10%!important;
}

.admin-home-body #studentTable th:nth-child(4),
.admin-home-body #studentTable td:nth-child(4){
  width:16%!important;
}

.admin-home-body #studentTable th:nth-child(5),
.admin-home-body #studentTable td:nth-child(5),
.admin-home-body #studentTable th:nth-child(6),
.admin-home-body #studentTable td:nth-child(6),
.admin-home-body #studentTable th:nth-child(7),
.admin-home-body #studentTable td:nth-child(7){
  width:10%!important;
  text-align:center!important;
}

.admin-home-body #studentTable th:nth-child(8),
.admin-home-body #studentTable td:nth-child(8){
  width:22%!important;
}

/* Çok sert kırmızı satır yerine soft risk arka planı */
.admin-home-body #studentTable tr.risk-row-high td,
.admin-home-body #studentTable tr.risk-row-very-high td{
  background:#fff6f6!important;
  color:#1f2a44!important;
  border-top-color:rgba(248,113,113,.18)!important;
  border-bottom-color:rgba(248,113,113,.18)!important;
  animation:none!important;
}

.admin-home-body #studentTable tr.risk-row-high td *,
.admin-home-body #studentTable tr.risk-row-very-high td *{
  color:inherit!important;
}

.admin-home-body #studentTable tr.risk-row-alert td{
  animation:none!important;
  transition:background-color .16s ease, border-color .16s ease!important;
}

.admin-home-body #studentTable tr.risk-row-alert td:first-child{
  border-left:4px solid #ef6f6c!important;
}

.admin-home-body #studentTable tr.risk-row-alert:hover td{
  background:#fff0f0!important;
}

/* Çok yüksek riskte sadece sol çizgi ve rozet alarm versin */
.admin-home-body #studentTable tr.risk-row-very-high td:first-child{
  border-left-color:#dc4f4f!important;
}

.admin-home-body #studentTable .risk-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:100%!important;
  min-width:0!important;
  height:24px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}

.admin-home-body #studentTable .risk-pill.risk-high,
.admin-home-body #studentTable .risk-pill.risk-very-high{
  background:linear-gradient(180deg,#fff,#fff5f5)!important;
  color:#c24141!important;
  border:1px solid rgba(239,111,108,.34)!important;
}

.admin-home-body #studentTable .risk-pill.risk-mid{
  background:linear-gradient(180deg,#fff,#fff8ea)!important;
  color:#b76a00!important;
  border:1px solid rgba(245,158,11,.30)!important;
}

.admin-home-body #studentTable .risk-pill.risk-low,
.admin-home-body #studentTable .risk-pill.risk-very-low{
  background:linear-gradient(180deg,#fff,#eefdf5)!important;
  color:#11845b!important;
  border:1px solid rgba(22,163,74,.26)!important;
}

.admin-home-body #studentTable .risk-pill.neutral{
  background:#f8fafc!important;
  color:#64748b!important;
  border:1px solid rgba(100,116,139,.20)!important;
}

/* Yıl sonu rozetleri buton gibi aşırı durmasın */
.admin-home-body #studentTable td .pill:not(.risk-pill){
  min-width:54px!important;
  height:23px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  box-shadow:none!important;
}

/* Üst risk kartları: metin sıkışmasın */
.admin-home-body .stat-card,
.admin-home-body .summary-card,
.admin-home-body .dashboard-stat-card{
  overflow:hidden!important;
}

.admin-home-body .stat-card small,
.admin-home-body .summary-card small,
.admin-home-body .dashboard-stat-card small{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.15!important;
}

/* Görsel hiyerarşi: risk kartları daha soft */
.admin-home-body .stat-card.risk,
.admin-home-body .summary-card.risk,
.admin-home-body .dashboard-stat-card.risk,
.admin-home-body [class*="risk-card"],
.admin-home-body [class*="Risk"]{
  border-color:rgba(239,111,108,.36)!important;
}

/* Tablo biraz nefes alsın */
.admin-home-body #studentTable tr{
  height:31px!important;
}

.admin-home-body #studentTable td{
  padding-top:5px!important;
  padding-bottom:5px!important;
}



/* HIGH RISK SUBTEXT REMOVE - üst karttaki 'yüksek riskli talebe' yazısı gizlendi */
.admin-home-body [id*="risk" i] small,
.admin-home-body [id*="Risk" i] small,
.admin-home-body .risk-card small,
.admin-home-body .stat-card.risk small,
.admin-home-body .summary-card.risk small,
.admin-home-body .dashboard-stat-card.risk small{
  display:none!important;
}


/* HIGHEST RISK ANALYSIS CARD */
.admin-home-body #highestRiskCard {
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.admin-home-body #highestRiskCard .stat-mini-icon {
  font-size: 28px !important;
}
.admin-home-body #highestRiskCard span {
  letter-spacing: .01em;
}
.admin-home-body #highestRiskCard strong {
  font-size: 17px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.admin-home-body #highestRiskCard em {
  display: block !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.admin-home-body #highestRiskCard.stat-empty {
  background: linear-gradient(180deg,#ffffff,#f8fafc) !important;
  border-color: rgba(148,163,184,.30) !important;
}
.admin-home-body #highestRiskCard.stat-empty .stat-mini-icon,
.admin-home-body #highestRiskCard.stat-empty strong,
.admin-home-body #highestRiskCard.stat-empty em { color: #64748b !important; }
.admin-home-body #highestRiskCard.stat-risk-low {
  background: linear-gradient(180deg,#ffffff,#eefcf4) !important;
  border-color: rgba(22,163,74,.28) !important;
  box-shadow: 0 8px 20px rgba(22,163,74,.08) !important;
}
.admin-home-body #highestRiskCard.stat-risk-low .stat-mini-icon,
.admin-home-body #highestRiskCard.stat-risk-low strong,
.admin-home-body #highestRiskCard.stat-risk-low em { color: #15803d !important; }
.admin-home-body #highestRiskCard.stat-risk-mid {
  background: linear-gradient(180deg,#ffffff,#fff7e8) !important;
  border-color: rgba(245,158,11,.34) !important;
  box-shadow: 0 8px 20px rgba(245,158,11,.08) !important;
}
.admin-home-body #highestRiskCard.stat-risk-mid .stat-mini-icon,
.admin-home-body #highestRiskCard.stat-risk-mid strong,
.admin-home-body #highestRiskCard.stat-risk-mid em { color: #b45309 !important; }
.admin-home-body #highestRiskCard.stat-risk-high {
  background: linear-gradient(180deg,#ffffff,#fff1f1) !important;
  border-color: rgba(239,68,68,.32) !important;
  box-shadow: 0 8px 22px rgba(239,68,68,.10) !important;
}
.admin-home-body #highestRiskCard.stat-risk-high .stat-mini-icon,
.admin-home-body #highestRiskCard.stat-risk-high strong,
.admin-home-body #highestRiskCard.stat-risk-high em { color: #c24141 !important; }

/* CARD TEXT OVERFLOW FINAL FIX */
.admin-home-body .stats-grid {
  align-items: stretch !important;
}
.admin-home-body .stats-grid .stat-card {
  min-width: 0 !important;
  overflow: hidden !important;
}
.admin-home-body .stats-grid .stat-card > div:last-child {
  min-width: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
}
.admin-home-body .stats-grid .stat-card span,
.admin-home-body .stats-grid .stat-card strong,
.admin-home-body .stats-grid .stat-card em {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.admin-home-body .stats-grid .stat-card span {
  display: block !important;
  white-space: normal !important;
  line-height: 1.08 !important;
  font-size: 12px !important;
}
.admin-home-body .stats-grid .stat-card strong {
  display: block !important;
  white-space: nowrap !important;
  line-height: 1.08 !important;
  font-size: 18px !important;
  margin-top: 4px !important;
}
.admin-home-body .stats-grid .stat-card em {
  display: block !important;
  min-height: 14px !important;
  white-space: nowrap !important;
  line-height: 1.05 !important;
  font-size: 10px !important;
  margin-top: 4px !important;
}

/* Kurum Zayiat Oranı kutusunda alt bilgi görünmesin */
.admin-home-body #riskAverageNote {
  display: none !important;
}

/* En yüksek risk kutusu daha düzenli sığsın */
.admin-home-body #highestRiskCard {
  padding-right: 12px !important;
}
.admin-home-body #highestRiskCard .stat-mini-icon {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  font-size: 24px !important;
}
.admin-home-body #highestRiskTitle {
  font-size: 12px !important;
  line-height: 1.05 !important;
}
.admin-home-body #highestRiskValue {
  font-size: 16px !important;
  line-height: 1.06 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.admin-home-body #highestRiskNote {
  font-size: 10px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Kurum Zayiat Oranı kartı daha temiz görünsün */
.admin-home-body .risk-summary-card strong {
  font-size: 18px !important;
}
.admin-home-body .risk-summary-card span {
  font-size: 12px !important;
}

@media (max-width: 1180px) {
  .admin-home-body .stats-grid .stat-card strong {
    font-size: 16px !important;
  }
  .admin-home-body #highestRiskValue {
    font-size: 15px !important;
  }
}

/* FINAL STAT CARD TEXT LAYOUT FIX */
.admin-home-body .stats-grid {
  align-items: stretch !important;
}
.admin-home-body .stats-grid .stat-card {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 12px 14px !important;
}
.admin-home-body .stats-grid .stat-card > div:last-child {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
}
.admin-home-body .stats-grid .stat-mini-icon {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  font-size: 23px !important;
}
.admin-home-body .stats-grid .stat-card span {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  line-height: 1.05 !important;
  font-size: 11px !important;
  max-height: 24px !important;
}
.admin-home-body .stats-grid .stat-card strong {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  line-height: 1.08 !important;
  font-size: 16px !important;
  margin-top: 4px !important;
  word-break: break-word !important;
}
.admin-home-body .stats-grid .stat-card em {
  display: none !important;
}

/* Kurum Zayiat Oranı kartı sade olsun */
.admin-home-body .risk-summary-card span {
  font-size: 11px !important;
}
.admin-home-body .risk-summary-card strong {
  font-size: 16px !important;
}

/* Riskli Talebe kartı özel düzen */
.admin-home-body #highestRiskCard {
  padding-right: 12px !important;
}
.admin-home-body #highestRiskTitle {
  font-size: 11px !important;
}
.admin-home-body #highestRiskValue {
  font-size: 15px !important;
  line-height: 1.08 !important;
}
.admin-home-body #highestRiskNote {
  display: none !important;
}

/* Kısa sayısal kartlarda değer net gözüksün */
.admin-home-body #totalStudents,
.admin-home-body #firstAverage,
.admin-home-body #secondAverage,
.admin-home-body #yearAverage,
.admin-home-body #riskAverage {
  font-size: 17px !important;
  -webkit-line-clamp: 1 !important;
}

@media (max-width: 1180px) {
  .admin-home-body .stats-grid .stat-card {
    padding: 10px 12px !important;
    gap: 10px !important;
  }
  .admin-home-body .stats-grid .stat-mini-icon {
    flex-basis: 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    font-size: 21px !important;
  }
  .admin-home-body .stats-grid .stat-card strong {
    font-size: 14px !important;
  }
  .admin-home-body .stats-grid .stat-card span {
    font-size: 10.5px !important;
  }
}

/* FINAL RISKLI TALEBE CARD MULTILINE FIX */
.admin-home-body #highestRiskCard {
  align-items: flex-start !important;
}
.admin-home-body #highestRiskCard > div:last-child {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
}
.admin-home-body #highestRiskTitle {
  display: block !important;
  -webkit-line-clamp: 1 !important;
  max-height: none !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
.admin-home-body #highestRiskValue {
  display: block !important;
  -webkit-line-clamp: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
  margin-top: 1px !important;
}
.admin-home-body #highestRiskNote {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  margin-top: 0 !important;
  min-height: 12px !important;
}
.admin-home-body #highestRiskCard .stat-mini-icon {
  margin-top: 2px !important;
}
/* Kutulardaki tüm yazılar taşmadan daha düzenli */
.admin-home-body .stats-grid .stat-card strong {
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}
.admin-home-body .stats-grid .stat-card span {
  overflow-wrap: anywhere !important;
}

/* FINAL HIGHEST RISK TITLE OVERFLOW FIX */
.admin-home-body #highestRiskCard {
  gap: 10px !important;
  padding: 10px 12px !important;
}
.admin-home-body #highestRiskCard .stat-mini-icon {
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  font-size: 20px !important;
  margin-top: 1px !important;
}
.admin-home-body #highestRiskCard > div:last-child {
  min-width: 0 !important;
  width: calc(100% - 46px) !important;
  max-width: calc(100% - 46px) !important;
  gap: 2px !important;
}
.admin-home-body #highestRiskTitle {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  -webkit-line-clamp: 1 !important;
}
.admin-home-body #highestRiskValue {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 14px !important;
  line-height: 1.05 !important;
}
.admin-home-body #highestRiskNote {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

/* TALEBE RISK ORANI SINGLE-LINE CARD FIX */
.admin-home-body #highestRiskCard {
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 12px !important;
}
.admin-home-body #highestRiskCard .stat-mini-icon {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  font-size: 18px !important;
  margin-top: 0 !important;
}
.admin-home-body #highestRiskCard > div:last-child {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: calc(100% - 42px) !important;
  max-width: calc(100% - 42px) !important;
  gap: 3px !important;
  overflow: hidden !important;
}
.admin-home-body #highestRiskTitle {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  -webkit-line-clamp: 1 !important;
}
.admin-home-body #highestRiskValue {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 13.5px !important;
  line-height: 1.05 !important;
  margin-top: 0 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  -webkit-line-clamp: 1 !important;
}
.admin-home-body #highestRiskNote {
  display: none !important;
}

/* Üst kutulardaki tüm yazılar taşmasın ve okunur kalsın */
.admin-home-body .stats-grid .stat-card {
  min-width: 0 !important;
  overflow: hidden !important;
}
.admin-home-body .stats-grid .stat-card > div:last-child {
  min-width: 0 !important;
  overflow: hidden !important;
}
.admin-home-body .stats-grid .stat-card span,
.admin-home-body .stats-grid .stat-card strong,
.admin-home-body .stats-grid .stat-card em {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.admin-home-body .stats-grid .stat-card span {
  white-space: nowrap !important;
}

@media (max-width: 1180px) {
  .admin-home-body #highestRiskTitle {
    font-size: 9.5px !important;
  }
  .admin-home-body #highestRiskValue {
    font-size: 12.5px !important;
  }
}

/* FULL NAME NO ELLIPSIS FIX */
.admin-home-body #highestRiskCard {
  align-items: flex-start !important;
  padding: 10px 12px !important;
}
.admin-home-body #highestRiskCard .stat-mini-icon {
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  font-size: 17px !important;
  margin-top: 2px !important;
}
.admin-home-body #highestRiskCard > div:last-child {
  min-width: 0 !important;
  width: calc(100% - 40px) !important;
  max-width: calc(100% - 40px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  overflow: hidden !important;
}
.admin-home-body #highestRiskTitle {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
}
.admin-home-body #highestRiskValue {
  display: block !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 12px !important;
  line-height: 1.08 !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  -webkit-line-clamp: unset !important;
  max-height: 26px !important;
}
.admin-home-body #highestRiskNote {
  display: block !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 10px !important;
  line-height: 1.02 !important;
  color: inherit !important;
  min-height: 10px !important;
  -webkit-line-clamp: unset !important;
}

/* FINAL FULL NAME CARD FIX */
.admin-home-body #highestRiskCard {
  min-height: 94px !important;
  padding: 10px 10px !important;
  gap: 6px !important;
  align-items: flex-start !important;
}
.admin-home-body #highestRiskCard .stat-mini-icon {
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  font-size: 16px !important;
  margin-top: 2px !important;
}
.admin-home-body #highestRiskCard > div:last-child {
  width: calc(100% - 34px) !important;
  max-width: calc(100% - 34px) !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 2px !important;
  overflow: visible !important;
}
.admin-home-body #highestRiskTitle {
  display: block !important;
  width: 100% !important;
  font-size: 9px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.admin-home-body #highestRiskValue {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 11px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  -webkit-line-clamp: unset !important;
  display: block !important;
  max-height: none !important;
}
.admin-home-body #highestRiskNote {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 9px !important;
  line-height: 1.02 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  -webkit-line-clamp: unset !important;
  min-height: 0 !important;
}

/* FINAL NAME WRAP FIX - isim sığmazsa alta insin */
.admin-home-body #highestRiskCard {
  min-height: 98px !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 10px 10px !important;
}
.admin-home-body #highestRiskCard .stat-mini-icon {
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  font-size: 16px !important;
  margin-top: 2px !important;
}
.admin-home-body #highestRiskCard > div:last-child {
  width: calc(100% - 36px) !important;
  max-width: calc(100% - 36px) !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  overflow: visible !important;
}
.admin-home-body #highestRiskTitle {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 9px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.admin-home-body #highestRiskValue {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 11.5px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: auto !important;
  max-height: none !important;
  min-height: 24px !important;
}
.admin-home-body #highestRiskNote {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 9.5px !important;
  line-height: 1.02 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  min-height: 10px !important;
}

/* RISK NOTE FONT SIZE TWEAK */
.admin-home-body #highestRiskNote {
  font-size: 10.5px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
}

/* TITLE FONT SIZE TWEAK - Talebe Risk Oranı biraz büyütüldü */
.admin-home-body #highestRiskTitle {
  font-size: 11px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
}


/* PROFESSIONAL FINAL TOP STATS FIX */
.admin-home-body .stats-grid {
  align-items: stretch !important;
  gap: 14px !important;
}
.admin-home-body .stats-grid .stat-card {
  min-width: 0 !important;
  min-height: 94px !important;
  padding: 10px 12px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  overflow: hidden !important;
}
.admin-home-body .stats-grid .stat-mini-icon {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  font-size: 18px !important;
  margin-top: 3px !important;
}
.admin-home-body .stats-grid .stat-card > div:last-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: calc(100% - 43px) !important;
  max-width: calc(100% - 43px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  overflow: hidden !important;
}
.admin-home-body .stats-grid .stat-card span {
  display: block !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  max-height: 24px !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}
.admin-home-body .stats-grid .stat-card strong {
  display: block !important;
  width: 100% !important;
  font-size: 16px !important;
  line-height: 1.08 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}
.admin-home-body .stats-grid .stat-card em {
  display: block !important;
  width: 100% !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* Kurum Zayiat kartı notu gizli ve oran net */
.admin-home-body #riskAverageNote {
  display: none !important;
}
.admin-home-body .risk-summary-card strong {
  font-size: 17px !important;
}

/* Talebe Risk Oranı kutusu: profesyonel 3 satır düzen */
.admin-home-body #highestRiskCard {
  min-height: 102px !important;
}
.admin-home-body #highestRiskTitle {
  font-size: 11px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-height: none !important;
}
.admin-home-body #highestRiskValue {
  font-size: 12px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
  max-height: 28px !important;
  min-height: 24px !important;
}
.admin-home-body #highestRiskNote {
  font-size: 10.5px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
  min-height: 12px !important;
}

/* Responsive safety */
@media (max-width: 1180px) {
  .admin-home-body .stats-grid .stat-card {
    min-height: 98px !important;
    padding: 10px 10px !important;
    gap: 8px !important;
  }
  .admin-home-body .stats-grid .stat-mini-icon {
    flex-basis: 30px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    font-size: 16px !important;
  }
  .admin-home-body .stats-grid .stat-card > div:last-child {
    width: calc(100% - 38px) !important;
    max-width: calc(100% - 38px) !important;
  }
  .admin-home-body .stats-grid .stat-card span {
    font-size: 10px !important;
  }
  .admin-home-body .stats-grid .stat-card strong {
    font-size: 14px !important;
  }
  .admin-home-body #highestRiskValue {
    font-size: 11px !important;
  }
  .admin-home-body #highestRiskNote {
    font-size: 10px !important;
  }
}


/* REAL FINAL FIX - Talebe Risk Oranı isim asla üç nokta olmasın */
.admin-home-body #highestRiskCard {
  min-height: 104px !important;
  padding: 9px 10px !important;
  gap: 7px !important;
  align-items: flex-start !important;
  overflow: hidden !important;
}

.admin-home-body #highestRiskCard .stat-mini-icon,
.admin-home-body #highestRiskIcon {
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  font-size: 16px !important;
  margin-top: 2px !important;
}

.admin-home-body #highestRiskCard > div:last-child {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 2px !important;
  min-width: 0 !important;
  width: calc(100% - 37px) !important;
  max-width: calc(100% - 37px) !important;
  overflow: visible !important;
}

.admin-home-body #highestRiskTitle {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 10.5px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  letter-spacing: 0 !important;
}

.admin-home-body #highestRiskValue {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 25px !important;
  max-height: none !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  font-size: 11.5px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

.admin-home-body #highestRiskValue .risk-name-line {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.08 !important;
}

.admin-home-body #highestRiskNote {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 12px !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  font-size: 10.5px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
}

/* Üstteki diğer kart başlıkları da üç nokta olmasın, kontrollü kırılsın */
.admin-home-body .stats-grid .stat-card:not(#highestRiskCard) span {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.05 !important;
}

.admin-home-body .stats-grid .stat-card:not(#highestRiskCard) strong {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}



/* FINAL FONT + REMOVE NOTE BAR FIX */
.admin-home-body #highestRiskTitle {
  font-size: 11px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
}
.admin-home-body #highestRiskValue {
  font-size: 12.5px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}
.admin-home-body #highestRiskNote {
  font-size: 11px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  background: transparent !important;
  background-image: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
}
.admin-home-body #highestRiskCard em,
.admin-home-body #highestRiskNote,
.admin-home-body .highest-risk-card em {
  background: transparent !important;
  background-image: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}


/* E-OKUL PROFESSIONAL FINAL UPDATE */
.eokul-card.compact-card {
  border-radius: 22px !important;
  box-shadow: 0 16px 34px rgba(8,38,61,.06) !important;
}

.eokul-card .eokul-top.compact-top {
  gap: 14px !important;
}

.eokul-card .eokul-page-note {
  color: #61708a !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

/* Üst seçim ve analiz kutuları */
.eokul-card .student-select-line {
  display: grid !important;
  grid-template-columns: minmax(190px, 220px) repeat(4, minmax(135px, 1fr)) !important;
  align-items: stretch !important;
  gap: 10px !important;
  margin-top: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.eokul-card .student-select-line select {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  background: #fff !important;
}

.eokul-card .best-grade-student,
.eokul-card .lowest-grade-student,
.eokul-card .best-course-student,
.eokul-card .lowest-course-student {
  min-height: 46px !important;
  height: 46px !important;
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 7px 10px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(8,38,61,.12) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65) !important;
}

.eokul-card .best-grade-student,
.eokul-card .best-course-student {
  background: linear-gradient(180deg, #fffaf0, #ffffff) !important;
  border-color: rgba(223, 171, 26, .26) !important;
}

.eokul-card .lowest-grade-student,
.eokul-card .lowest-course-student {
  background: linear-gradient(180deg, #f8fbff, #ffffff) !important;
  border-color: rgba(77, 125, 181, .18) !important;
}

.eokul-card .mini-stat-icon {
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 14px !important;
  line-height: 1 !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.84) !important;
  color: #0b3a64 !important;
}

.eokul-card .mini-stat-copy {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
  overflow: hidden !important;
}

.eokul-card .mini-stat-copy em {
  display: block !important;
  margin: 0 !important;
  font-style: normal !important;
  font-size: 8.7px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
  color: #6d7a8d !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.eokul-card .mini-stat-copy strong {
  display: block !important;
  margin: 0 !important;
  font-size: 11.1px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  color: #08263d !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Tablo daha rahat görünsün */
.eokul-card .grade-table-wrap {
  margin-top: 10px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(8,38,61,.08) !important;
  box-shadow: 0 10px 24px rgba(8,38,61,.04) !important;
  overflow: auto !important;
}

.eokul-card .grouped-grade-head th {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.eokul-card .grade-sub-head th {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.eokul-card .compact-grade-table tbody td {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  vertical-align: middle !important;
}

.eokul-card .all-grade-chip {
  padding: 5px 10px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.eokul-card .grade-code-hint {
  color: #6a7890 !important;
  margin-top: 6px !important;
  margin-bottom: 8px !important;
}

/* Alt özet kartları daha premium ve sade */
.eokul-card .summary-grid.compact-summary {
  gap: 12px !important;
  margin-top: 18px !important;
}

.eokul-card .eokul-summary-card {
  background: linear-gradient(180deg, #ffffff, #fbfdfe) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 28px rgba(8,38,61,.05) !important;
  border: 1px solid rgba(8,38,61,.08) !important;
}

.eokul-card .eokul-summary-card::after {
  display: none !important;
}

.eokul-card .eokul-summary-card .summary-icon {
  background: #f4f8ff !important;
  border-color: rgba(8,38,61,.10) !important;
  color: #0a355a !important;
}

.eokul-card .eokul-summary-card span {
  color: #5f6f88 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.eokul-card .eokul-summary-card strong {
  color: #08263d !important;
  font-size: 16px !important;
  line-height: 1.08 !important;
}

.eokul-card .eokul-summary-card small {
  color: #7b899c !important;
  font-size: 10.7px !important;
}

.eokul-card #certificateStatus .certificate-empty,
.eokul-card .certificate-card #certificateStatus .certificate-empty {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fffaf2, #fff6ea) !important;
  border: 1px solid rgba(240, 167, 41, .24) !important;
  color: #b86d08 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

/* İşlem alanı daha net ayrılsın */
.eokul-card .eokul-action-strip {
  margin-top: 16px !important;
  padding: 14px 8px 2px !important;
  border-top: 1px solid rgba(8,38,61,.10) !important;
}

.eokul-card .eokul-action-note {
  gap: 3px !important;
  font-size: 11.8px !important;
}

.eokul-card .eokul-action-note strong {
  font-size: 13px !important;
}

@media (max-width: 1180px) {
  .eokul-card .student-select-line {
    grid-template-columns: minmax(170px, 1fr) repeat(2, minmax(160px, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  .eokul-card .student-select-line {
    grid-template-columns: 1fr !important;
  }
}


/* DENEME NET HESAPLA BUTTON TEXT OVERFLOW FIX */
.trial-page .trial-top-add,
.deneme-page .trial-top-add,
.trial-top-add.deneme-add-main,
#trialTopAddRowBtn {
  min-width: 118px !important;
  max-width: 150px !important;
  height: 40px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.trial-page .grade-title-row,
.deneme-page .grade-title-row {
  gap: 12px !important;
}

.trial-page .row-tools,
.deneme-page .row-tools {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
}



/* DENEME NET HESAPLAMA EKRANI */
.net-calc-modal.hidden {
  display: none !important;
}

.net-calc-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
  background: rgba(8, 38, 61, .34) !important;
  backdrop-filter: blur(6px) !important;
}

.net-calc-panel {
  width: min(760px, calc(100vw - 40px)) !important;
  max-height: calc(100vh - 48px) !important;
  overflow: auto !important;
  border-radius: 22px !important;
  border: 1px solid rgba(188, 221, 232, .95) !important;
  background: linear-gradient(180deg, #ffffff, #f8fdff) !important;
  box-shadow: 0 24px 60px rgba(8, 38, 61, .22) !important;
  padding: 18px !important;
}

.net-calc-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

.net-calc-head h3 {
  margin: 0 !important;
  color: #083d68 !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  letter-spacing: -.02em !important;
}

.net-calc-head p {
  margin: 4px 0 0 !important;
  color: #61708a !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
}

.net-calc-close {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(188, 221, 232, .95) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #083d68 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.net-calc-table-wrap {
  border: 1px solid rgba(188, 221, 232, .95) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #fff !important;
}

.net-calc-table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
}

.net-calc-table th {
  background: #0b4a75 !important;
  color: #fff !important;
  padding: 12px 10px !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.net-calc-table td {
  padding: 10px !important;
  border-bottom: 1px solid rgba(188, 221, 232, .55) !important;
  color: #08263d !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-align: center !important;
}

.net-calc-table td:first-child,
.net-calc-table th:first-child {
  text-align: left !important;
  width: 34% !important;
}

.net-calc-table input {
  width: 88px !important;
  max-width: 100% !important;
  height: 34px !important;
  border: 1px solid #cfe3ec !important;
  border-radius: 10px !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  color: #083d68 !important;
  background: #fbfdff !important;
  outline: none !important;
}

.net-calc-table input:focus {
  border-color: #12b8c8 !important;
  box-shadow: 0 0 0 3px rgba(18, 184, 200, .14) !important;
  background: #fff !important;
}

.net-calc-table strong {
  display: inline-flex !important;
  min-width: 58px !important;
  height: 28px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #eefcf4 !important;
  color: #12834e !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.net-calc-summary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.net-calc-summary div {
  border: 1px solid rgba(188, 221, 232, .95) !important;
  border-radius: 16px !important;
  background: #fff !important;
  padding: 12px !important;
}

.net-calc-summary span {
  display: block !important;
  color: #6d7a8d !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.net-calc-summary strong {
  display: block !important;
  margin-top: 4px !important;
  color: #083d68 !important;
  font-size: 20px !important;
  font-weight: 950 !important;
}

.net-calc-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.net-calc-actions button {
  min-width: 120px !important;
  height: 40px !important;
  border-radius: 13px !important;
  font-weight: 900 !important;
}

@media (max-width: 620px) {
  .net-calc-summary {
    grid-template-columns: 1fr !important;
  }

  .net-calc-table input {
    width: 62px !important;
  }

  .net-calc-table td,
  .net-calc-table th {
    padding: 8px 6px !important;
    font-size: 11px !important;
  }
}



/* NET COLUMN CLEARLY NEXT TO YANLIS */
.net-calc-table th:nth-child(2),
.net-calc-table td:nth-child(2),
.net-calc-table th:nth-child(3),
.net-calc-table td:nth-child(3),
.net-calc-table th:nth-child(4),
.net-calc-table td:nth-child(4) {
  width: 22% !important;
  text-align: center !important;
}

.net-calc-table th:nth-child(4) {
  background: #0f6b4f !important;
}

.net-calc-table td:nth-child(4) {
  background: #f3fcf7 !important;
}

.net-calc-table td:nth-child(4) strong {
  min-width: 70px !important;
  height: 30px !important;
  font-size: 12.5px !important;
  background: linear-gradient(180deg, #eefcf4, #e4f8ec) !important;
  border: 1px solid rgba(18, 131, 78, .18) !important;
}



/* FINAL NET TABLE 4-COLUMN FIX */
.net-calc-panel {
  width: min(880px, calc(100vw - 36px)) !important;
}

.net-calc-table-wrap {
  overflow-x: auto !important;
}

.net-calc-table {
  table-layout: auto !important;
  min-width: 680px !important;
}

.net-calc-table th,
.net-calc-table td {
  white-space: nowrap !important;
}

.net-calc-table th:first-child,
.net-calc-table td:first-child {
  width: 34% !important;
}

.net-calc-table th:nth-child(2),
.net-calc-table td:nth-child(2),
.net-calc-table th:nth-child(3),
.net-calc-table td:nth-child(3),
.net-calc-table th:nth-child(4),
.net-calc-table td:nth-child(4) {
  width: 22% !important;
  min-width: 118px !important;
  text-align: center !important;
}

.net-calc-table th:nth-child(4) {
  background: #0f6b4f !important;
  color: #fff !important;
}

.net-calc-table td:nth-child(4) {
  background: #f3fcf7 !important;
}

.net-calc-table input {
  width: 82px !important;
}

.net-calc-table td:nth-child(4) strong,
.net-calc-table [data-net-result] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 76px !important;
  height: 32px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #eefcf4, #e4f8ec) !important;
  border: 1px solid rgba(18,131,78,.20) !important;
  color: #12834e !important;
  font-size: 12.5px !important;
  font-weight: 950 !important;
}

@media (max-width: 760px) {
  .net-calc-panel {
    width: min(96vw, 96vw) !important;
  }
  .net-calc-table {
    min-width: 640px !important;
  }
}


/* ZAYIAT BILGISI - YURT ZAYIAT ORANI */
.loss-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 12px 0 !important;
}

.loss-summary-card {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  min-height: 92px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(212, 226, 236, .95) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #ffffff, #fbfdff) !important;
  box-shadow: 0 12px 26px rgba(8, 38, 61, .055) !important;
  overflow: hidden !important;
}

.loss-summary-icon {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  background: #f7fbff !important;
  border: 1px solid rgba(188, 221, 232, .88) !important;
  font-size: 21px !important;
}

.loss-summary-card > div:last-child {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.loss-summary-card span {
  display: block !important;
  color: #6a7890 !important;
  font-size: 11.5px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  white-space: normal !important;
}

.loss-summary-card strong {
  display: block !important;
  color: #083d68 !important;
  font-size: 23px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.loss-summary-card small {
  display: block !important;
  color: #758499 !important;
  font-size: 10.5px !important;
  line-height: 1.15 !important;
  font-weight: 750 !important;
}

.loss-ratio-card.loss-good {
  background: linear-gradient(180deg, #ffffff, #f0fff6) !important;
  border-color: rgba(22, 163, 74, .28) !important;
}

.loss-ratio-card.loss-good strong,
.loss-ratio-card.loss-good .loss-summary-icon {
  color: #15803d !important;
}

.loss-ratio-card.loss-mid {
  background: linear-gradient(180deg, #ffffff, #fff8ea) !important;
  border-color: rgba(245, 158, 11, .34) !important;
}

.loss-ratio-card.loss-mid strong,
.loss-ratio-card.loss-mid .loss-summary-icon {
  color: #b45309 !important;
}

.loss-ratio-card.loss-bad {
  background: linear-gradient(180deg, #ffffff, #fff1f1) !important;
  border-color: rgba(239, 68, 68, .32) !important;
}

.loss-ratio-card.loss-bad strong,
.loss-ratio-card.loss-bad .loss-summary-icon {
  color: #c24141 !important;
}

@media (max-width: 1100px) {
  .loss-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .loss-summary-grid {
    grid-template-columns: 1fr !important;
  }
}



/* SIBYAN KAYIT PAGE */
.sibyan-hero {
  background: linear-gradient(135deg, #ffffff, #f0fffb) !important;
}

.sibyan-card {
  margin-top: 12px !important;
  border: 1px solid rgba(188, 221, 232, .95) !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 14px 30px rgba(8, 38, 61, .06) !important;
  padding: 18px !important;
}

.sibyan-title-row {
  display: flex !important;
  justify-content: space-between !important;
  gap: 14px !important;
  align-items: flex-start !important;
  margin-bottom: 14px !important;
}

.sibyan-title-row h2 {
  margin: 0 !important;
  color: #083d68 !important;
  font-size: 22px !important;
  font-weight: 950 !important;
}

.sibyan-title-row p {
  margin: 4px 0 0 !important;
  color: #61708a !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

.sibyan-form {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) auto !important;
  gap: 10px !important;
  align-items: end !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: #f8fdff !important;
  border: 1px solid rgba(188, 221, 232, .8) !important;
  margin-bottom: 14px !important;
}

.sibyan-form label {
  display: grid !important;
  gap: 5px !important;
  color: #083d68 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.sibyan-form input {
  width: 100% !important;
  height: 38px !important;
  border: 1px solid #cfe3ec !important;
  border-radius: 12px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  outline: none !important;
  background: #fff !important;
}

.sibyan-form input:focus {
  border-color: #12b8c8 !important;
  box-shadow: 0 0 0 3px rgba(18, 184, 200, .14) !important;
}

.sibyan-table-wrap {
  overflow: auto !important;
  border: 1px solid rgba(188, 221, 232, .9) !important;
  border-radius: 18px !important;
}

.sibyan-table {
  width: 100% !important;
  border-collapse: collapse !important;
  min-width: 760px !important;
}

.sibyan-table th {
  background: #0b4a75 !important;
  color: #fff !important;
  padding: 12px 10px !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.sibyan-table td {
  padding: 10px !important;
  border-bottom: 1px solid rgba(188, 221, 232, .55) !important;
  color: #08263d !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  text-align: center !important;
}

.sibyan-table td:nth-child(2) {
  text-align: left !important;
}

.sibyan-delete-btn {
  min-width: 58px !important;
  height: 30px !important;
  padding: 0 10px !important;
}

@media (max-width: 1100px) {
  .sibyan-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .sibyan-form {
    grid-template-columns: 1fr !important;
  }
}


/* SIBYAN TITLE ACTIONS */
.sibyan-title-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.sibyan-title-actions .clear-button,
.sibyan-title-actions .row-add-button {
  min-width: 118px !important;
  height: 36px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

@media (max-width: 680px) {
  .sibyan-title-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .sibyan-title-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }
}


/* SON 2 KUTU YUKARI DOĞRU DARALTMA
   Kurum Zayiat Oranı ve Talebe Risk Oranı kutuları birlikte kısaltıldı.
   Yazı içeriklerine dokunulmadı. */
.admin-home-body .stats-grid .risk-summary-card,
.admin-home-body .stats-grid #highestRiskCard {
  height: 92px !important;
  min-height: 92px !important;
  max-height: 92px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  box-sizing: border-box !important;
  align-self: start !important;
  overflow: hidden !important;
}

/* İki kutunun iç hizası daha yukarıda dursun */
.admin-home-body .stats-grid .risk-summary-card,
.admin-home-body .stats-grid #highestRiskCard {
  align-items: flex-start !important;
}

/* İç yazılar yukarıdan başlasın */
.admin-home-body .stats-grid .risk-summary-card > div:last-child,
.admin-home-body .stats-grid #highestRiskCard > div:last-child {
  justify-content: flex-start !important;
  gap: 2px !important;
}


/* TALEBE BİLGİ FORMU - OKUNABİLİRLİK VE ALAN BOYUTU DÜZELTMESİ */
#studentInfoForm {
  max-width: 980px !important;
}

.student-info-form-layout,
.form-grid.single-form-grid.student-info-form-layout {
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 12px !important;
}

.student-info-form-layout .form-column {
  gap: 8px !important;
}

.student-info-form-layout .paired-field-row {
  display: grid !important;
  grid-template-columns: minmax(180px, max-content) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
}

.student-info-form-layout .top-date-row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 10px !important;
}

.student-info-form-layout .two-pair-row {
  grid-template-columns: minmax(170px, max-content) minmax(180px, 1fr) minmax(150px, max-content) minmax(180px, 1fr) !important;
  gap: 8px !important;
}

.student-info-form-layout .health-row {
  grid-template-columns: minmax(205px, max-content) minmax(150px, 170px) minmax(220px, 1fr) !important;
  gap: 8px !important;
}

.student-info-form-layout .private-note-row {
  display: grid !important;
  grid-template-columns: minmax(180px, max-content) minmax(0, 1fr) !important;
  gap: 8px !important;
}

.student-info-form-layout .field-label-box,
.student-info-form-layout .paired-field label,
.student-info-form-layout .private-note-row label {
  display: flex !important;
  align-items: center !important;
  min-height: 38px !important;
  height: auto !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

.student-info-form-layout input,
.student-info-form-layout select,
.student-info-form-layout textarea,
.student-info-form-layout .phone-input-wrap input,
.form-column input,
.form-column select,
.form-column textarea {
  width: 100% !important;
  min-height: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  padding: 0 12px !important;
}

.student-info-form-layout textarea,
.form-column textarea,
#privateNote,
#illness,
#medicine {
  min-height: 74px !important;
  height: 74px !important;
  padding: 10px 12px !important;
  line-height: 1.35 !important;
}

.student-info-form-layout .phone-input-wrap {
  min-width: 0 !important;
}

.student-info-form-layout .phone-input-wrap small {
  display: block !important;
  margin-top: 4px !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
}

.student-info-form-layout select {
  padding-right: 34px !important;
}

@media (max-width: 1100px) {
  .student-info-form-layout .two-pair-row,
  .student-info-form-layout .health-row {
    grid-template-columns: 1fr !important;
  }
}


/* Talebe Ekle Açılır Pencere */
body.modal-open {
  overflow: hidden !important;
}

.student-add-modal.hidden {
  display: none !important;
}

.student-add-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 22px !important;
}

.student-add-modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(8, 38, 61, .42) !important;
  backdrop-filter: blur(5px) !important;
}

.student-add-modal-card {
  position: relative !important;
  width: min(980px, 96vw) !important;
  max-height: 92vh !important;
  overflow: auto !important;
  border: 1px solid rgba(8, 38, 61, .14) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 26px 70px rgba(8, 38, 61, .24) !important;
  padding: 18px !important;
}

.student-add-modal-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 6px 6px 14px !important;
  border-bottom: 1px solid rgba(8, 38, 61, .1) !important;
  margin-bottom: 14px !important;
}

.student-add-modal-head h2 {
  margin: 0 !important;
  color: #08263d !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
}

.student-add-modal-head p {
  margin: 5px 0 0 !important;
  color: #526a7f !important;
  font-size: 13px !important;
}

.student-add-modal-close {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(8, 38, 61, .14) !important;
  border-radius: 13px !important;
  background: #f7fafc !important;
  color: #08263d !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.student-add-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.student-add-mini-form label {
  min-width: 0 !important;
}

.student-add-mini-form label span {
  display: flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  margin-bottom: 5px !important;
  border: 1px solid #cfdce8 !important;
  border-radius: 10px !important;
  background: #f8fbfd !important;
  color: #0b3558 !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

.student-add-mini-form label span em {
  color: #d23b3b !important;
  font-style: normal !important;
  margin-left: 4px !important;
}

.student-add-mini-form input,
.student-add-mini-form select,
.student-add-mini-form textarea {
  width: 100% !important;
  min-height: 40px !important;
  height: 40px !important;
  border: 1px solid #d5e1ec !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  color: #08263d !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
}

.student-add-mini-form textarea {
  height: 78px !important;
  min-height: 78px !important;
  padding: 10px 12px !important;
  line-height: 1.35 !important;
  resize: vertical !important;
}

.student-add-note {
  display: block !important;
  margin-top: 10px !important;
}

.student-add-modal-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: 16px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(8, 38, 61, .1) !important;
}

.student-add-cancel,
.student-add-save {
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 999px !important;
  padding: 0 22px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.student-add-cancel {
  border: 1px solid #d5e1ec !important;
  color: #0b3558 !important;
  background: #ffffff !important;
}

.student-add-save {
  border: 1px solid #0b3558 !important;
  color: #ffffff !important;
  background: #0b3558 !important;
}

@media (max-width: 760px) {
  .student-add-modal {
    padding: 12px !important;
  }

  .student-add-form-grid {
    grid-template-columns: 1fr !important;
  }

  .student-add-modal-card {
    max-height: 94vh !important;
    border-radius: 18px !important;
  }
}


/* TALebe FORM MODERN RESPONSIVE FINAL */
body.admin-body .form-shell {
  max-width: 1180px !important;
  padding: 14px 18px 26px !important;
}

body.admin-body .big-form-card {
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 24px !important;
  border: 1px solid rgba(8, 38, 61, .10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,253,.96)) !important;
  box-shadow: 0 22px 50px rgba(8, 38, 61, .08) !important;
  padding: 18px 20px 20px !important;
}

#studentInfoForm {
  max-width: 1030px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.form-title-with-actions,
.form-title.form-title-with-actions {
  display: grid !important;
  grid-template-columns: minmax(250px, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 2px 0 18px !important;
  padding: 0 2px !important;
}

.form-title h2 {
  color: #08263d !important;
  font-size: 26px !important;
  line-height: 1.05 !important;
  letter-spacing: -.02em !important;
  margin: 0 !important;
}

.form-title p {
  margin-top: 5px !important;
  color: #60758a !important;
  font-size: 12.5px !important;
  line-height: 1.25 !important;
}

.excel-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.excel-button,
.student-new-button {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  color: #083050 !important;
  border: 1px solid rgba(8, 38, 61, .14) !important;
  background: #ffffff !important;
  box-shadow: 0 8px 18px rgba(8, 38, 61, .06) !important;
}

.student-info-form-layout,
.form-grid.single-form-grid.student-info-form-layout {
  width: 100% !important;
  max-width: 1030px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.student-info-form-layout .form-column {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
}

/* Normal satırlar: etiket + alan */
.student-info-form-layout .paired-field-row {
  display: grid !important;
  grid-template-columns: minmax(170px, 180px) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 9px !important;
  margin: 0 !important;
}

/* Üst kayıt tarihi satırı */
.student-info-form-layout .top-date-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-bottom: 6px !important;
}

.student-info-form-layout .top-date-row .paired-field {
  min-width: 0 !important;
}

.student-info-form-layout .top-date-row .paired-field label {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Baba/anne satırları: 4 kolon daha dengeli */
.student-info-form-layout .two-pair-row {
  display: grid !important;
  grid-template-columns:
    minmax(155px, 170px)
    minmax(190px, 1fr)
    minmax(135px, 150px)
    minmax(190px, 1fr) !important;
  align-items: start !important;
  gap: 9px !important;
  margin: 0 !important;
}

/* Sağlık satırları */
.student-info-form-layout .health-row {
  display: grid !important;
  grid-template-columns: minmax(205px, 220px) minmax(160px, 180px) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 9px !important;
}

/* Not alanı */
.student-info-form-layout .private-note-row {
  display: grid !important;
  grid-template-columns: minmax(170px, 180px) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 9px !important;
  margin-top: 4px !important;
}

/* Etiket kutuları */
.student-info-form-layout .field-label-box,
.student-info-form-layout .paired-field label,
.student-info-form-layout .private-note-row label {
  display: flex !important;
  align-items: center !important;
  min-height: 40px !important;
  height: auto !important;
  box-sizing: border-box !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(8, 38, 61, .14) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, #ffffff, #f5f9fc) !important;
  color: #08263d !important;
  font-size: 13px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75) !important;
}

/* Input/select kutuları */
.student-info-form-layout input,
.student-info-form-layout select,
.student-info-form-layout textarea,
.student-info-form-layout .phone-input-wrap input,
.form-column input,
.form-column select,
.form-column textarea {
  width: 100% !important;
  min-height: 40px !important;
  height: 40px !important;
  box-sizing: border-box !important;
  padding: 0 13px !important;
  border: 1px solid rgba(8, 38, 61, .12) !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  color: #08263d !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(8,38,61,.02) !important;
}

.student-info-form-layout input:focus,
.student-info-form-layout select:focus,
.student-info-form-layout textarea:focus {
  border-color: rgba(8, 38, 61, .34) !important;
  box-shadow: 0 0 0 4px rgba(8, 38, 61, .08) !important;
  background: #ffffff !important;
}

.student-info-form-layout select {
  padding-right: 34px !important;
  cursor: pointer !important;
}

.student-info-form-layout textarea,
.form-column textarea,
#privateNote,
#illness,
#medicine {
  min-height: 78px !important;
  height: 78px !important;
  padding: 11px 13px !important;
  line-height: 1.35 !important;
  resize: vertical !important;
}

/* Telefon alt notları */
.student-info-form-layout .phone-input-wrap {
  min-width: 0 !important;
}

.student-info-form-layout .phone-input-wrap small {
  display: block !important;
  margin-top: 5px !important;
  padding-left: 3px !important;
  color: #6a7c8e !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
}

/* Zorunlu yıldız */
.required-star,
.student-info-form-layout .required-star {
  color: #e13b3b !important;
  margin-left: 1px !important;
  font-weight: 950 !important;
}

/* Kaydet/Temizle alanı */
.form-actions {
  position: sticky !important;
  bottom: 10px !important;
  z-index: 20 !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  max-width: 1030px !important;
  margin: 14px auto 0 !important;
  padding: 10px !important;
  border: 1px solid rgba(8, 38, 61, .08) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.88) !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 -10px 30px rgba(8, 38, 61, .08) !important;
}

.clear-button,
.save-button {
  min-height: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  padding: 0 24px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.save-button {
  background: #08263d !important;
  border-color: #08263d !important;
}

.clear-button {
  color: #08263d !important;
  background: #ffffff !important;
  border-color: rgba(8, 38, 61, .14) !important;
}

/* Daha rahat okunan sayfa akışı */
body.admin-body {
  background:
    radial-gradient(circle at top left, rgba(0, 128, 128, .12), transparent 34%),
    linear-gradient(180deg, #f7fbfd, #ffffff) !important;
}

/* Laptop ve küçük ekranlarda iki-kolon satırlar düzgün kırılsın */
@media (max-width: 1120px) {
  body.admin-body .form-shell {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .form-title-with-actions,
  .form-title.form-title-with-actions {
    grid-template-columns: 1fr !important;
  }

  .excel-actions {
    justify-content: flex-start !important;
  }

  .student-info-form-layout .two-pair-row {
    grid-template-columns: minmax(155px, 180px) minmax(0, 1fr) !important;
  }

  .student-info-form-layout .health-row {
    grid-template-columns: minmax(205px, 220px) minmax(0, 1fr) !important;
  }
}

/* Tablet */
@media (max-width: 860px) {
  body.admin-body .big-form-card {
    padding: 16px 14px !important;
    border-radius: 20px !important;
  }

  .student-info-form-layout .paired-field-row,
  .student-info-form-layout .private-note-row,
  .student-info-form-layout .two-pair-row,
  .student-info-form-layout .health-row {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .student-info-form-layout .top-date-row {
    grid-template-columns: 1fr !important;
  }

  .student-info-form-layout .field-label-box,
  .student-info-form-layout .paired-field label,
  .student-info-form-layout .private-note-row label {
    min-height: 36px !important;
  }
}

/* Mobil */
@media (max-width: 560px) {
  body.admin-body .form-shell {
    padding: 10px 10px 20px !important;
  }

  body.admin-body .big-form-card {
    padding: 14px 12px !important;
    border-radius: 18px !important;
  }

  .form-title h2 {
    font-size: 22px !important;
  }

  .form-title p {
    font-size: 12px !important;
  }

  .excel-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .excel-button,
  .student-new-button {
    width: 100% !important;
    justify-content: center !important;
  }

  .student-info-form-layout .form-column {
    gap: 8px !important;
  }

  .student-info-form-layout input,
  .student-info-form-layout select,
  .student-info-form-layout textarea,
  .student-info-form-layout .phone-input-wrap input,
  .form-column input,
  .form-column select,
  .form-column textarea {
    min-height: 42px !important;
    height: 42px !important;
    font-size: 13.5px !important;
  }

  .student-info-form-layout .field-label-box,
  .student-info-form-layout .paired-field label,
  .student-info-form-layout .private-note-row label {
    font-size: 12.5px !important;
    min-height: 36px !important;
  }

  .form-actions {
    position: static !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .clear-button,
  .save-button {
    width: 100% !important;
  }
}
/* TALebe FORM MODERN RESPONSIVE FINAL END */


/* Talebe Bilgi Formu üstündeki Talebe Ekle butonu kaldırıldı */
#heroAddStudentBtn,
.form-hero-actions .form-add-student {
  display: none !important;
}


/* Talebe Ayrılış - Personel Görüşü alanı */
#staffOpinion {
  min-height: 110px !important;
  resize: vertical !important;
}

label[for="staffOpinion"] {
  margin-top: 14px !important;
}


/* Talebe Ayrılış sayfası sağ üst Anasayfa butonu */
.departure-home-top-btn {
  position: absolute !important;
  top: 26px !important;
  right: 30px !important;
  min-width: 118px !important;
  height: 40px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(205, 43, 58, .22) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #c92a3a !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(201, 42, 58, .10) !important;
  z-index: 5 !important;
}

.departure-home-top-btn:hover {
  background: #fff5f6 !important;
  transform: translateY(-1px) !important;
}

.form-hero,
.departure-hero,
.hero-card {
  position: relative !important;
}

@media (max-width: 760px) {
  .departure-home-top-btn {
    position: static !important;
    width: 100% !important;
    margin: 10px 0 0 !important;
  }
}


/* Talebe Bilgi Formu üstündeki Güncelle butonu kaldırıldı */
#enableEditBtn {
  display: none !important;
}



/* Fix: Talebe düzenleme ekranındaki Güncelle butonu tekrar görünür */
#enableEditBtn {
  display: inline-flex !important;
}
#enableEditBtn.hidden {
  display: none !important;
}

/* Düzenleme notu: Giriş formlarındaki uyarı mesajları için eklendi. */
.login-warning {
  min-height: 20px;
  margin: 8px 0 0;
  font-size: 13px;
  font-weight: 700;
  color: #b42318;
}

/* Talebe Bilgisi: Güncelle butonu üstteki Anasayfa butonunun yanına taşındı */
.form-hero-actions .hero-update-button {
  min-width: 130px;
  height: 42px;
  padding: 0 22px;
  border-radius: 999px;
}

@media (max-width: 720px) {
  .form-hero-actions .hero-update-button {
    width: 100%;
  }
}

/* Talebe Bilgisi sayfası alt buton renkleri: Temizle kırmızı, Kaydet mavi, hover parıltı */
#studentInfoForm .form-actions .clear-button,
#studentInfoForm .form-actions .save-button {
  color: #ffffff !important;
  border-width: 1px !important;
  transition: transform .18s ease, box-shadow .22s ease, filter .22s ease, background .22s ease, border-color .22s ease !important;
}

#studentInfoForm .form-actions .clear-button {
  background: linear-gradient(180deg, #ff6b6b 0%, #e03131 100%) !important;
  border-color: #cf2a2a !important;
  box-shadow: 0 10px 24px rgba(224, 49, 49, 0.26) !important;
}

#studentInfoForm .form-actions .clear-button:hover {
  background: linear-gradient(180deg, #ff8787 0%, #f03e3e 100%) !important;
  box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.18), 0 0 24px rgba(255, 107, 107, 0.55), 0 12px 28px rgba(224, 49, 49, 0.34) !important;
  transform: translateY(-2px) !important;
  filter: brightness(1.05) !important;
}

#studentInfoForm .form-actions .save-button {
  background: linear-gradient(180deg, #4dabf7 0%, #1c7ed6 100%) !important;
  border-color: #1971c2 !important;
  box-shadow: 0 10px 24px rgba(28, 126, 214, 0.26) !important;
}

#studentInfoForm .form-actions .save-button:hover {
  background: linear-gradient(180deg, #74c0fc 0%, #228be6 100%) !important;
  box-shadow: 0 0 0 3px rgba(116, 192, 252, 0.18), 0 0 24px rgba(116, 192, 252, 0.58), 0 12px 28px rgba(28, 126, 214, 0.34) !important;
  transform: translateY(-2px) !important;
  filter: brightness(1.05) !important;
}

#studentInfoForm .form-actions .clear-button:active,
#studentInfoForm .form-actions .save-button:active {
  transform: translateY(0) scale(0.98) !important;
}

/* Talebe Bilgi Formu üst butonları: Anasayfa ve Güncelle aynı boyut/hiza */
.form-hero-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}

.form-hero-actions .form-home-button,
.form-hero-actions .hero-update-button {
  width: 116px !important;
  min-width: 116px !important;
  height: 40px !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.form-hero-actions .hero-update-button {
  background: linear-gradient(180deg, #174a7c 0%, #0b355f 100%) !important;
  border: 1px solid #0b355f !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(11, 53, 95, 0.24) !important;
}

.form-hero-actions .hero-update-button:hover {
  background: linear-gradient(180deg, #205d98 0%, #114271 100%) !important;
  box-shadow: 0 0 0 3px rgba(29, 78, 137, 0.12), 0 0 22px rgba(29, 78, 137, 0.28) !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 720px) {
  .form-hero-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .form-hero-actions .form-home-button,
  .form-hero-actions .hero-update-button {
    width: 100% !important;
    min-width: 100% !important;
  }
}

/* Talebe Bilgi Formu üst butonları: Güncelle biraz daha dikey dar, Anasayfa ile aynı ölçüde */
.form-hero-actions .form-home-button,
.form-hero-actions .hero-update-button {
  width: 116px !important;
  min-width: 116px !important;
  height: 38px !important;
  padding: 0 16px !important;
  border-radius: 15px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

/* Güncelle, Kaydet, Temizle aktif görünsün ve tıklanabilsin */
#enableEditBtn,
#studentInfoForm .form-actions .save-button,
#studentInfoForm .form-actions .clear-button {
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.form-locked #studentInfoForm .form-actions .save-button,
.form-locked #studentInfoForm .form-actions .clear-button {
  opacity: 1 !important;
  pointer-events: auto !important;
  filter: none !important;
}

#studentInfoForm .form-actions .save-button:disabled,
#studentInfoForm .form-actions .clear-button:disabled,
#enableEditBtn:disabled {
  opacity: 1 !important;
  cursor: pointer !important;
}


/* Talebe Bilgi Formu: Güncelle butonu daha küçük ve yukarı doğru daha dar */
.form-hero-actions {
  align-items: flex-start !important;
  padding-top: 0 !important;
}

.form-hero-actions .hero-update-button {
  width: 104px !important;
  min-width: 104px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  border-radius: 13px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  margin-top: -2px !important;
}

.form-hero-actions .form-home-button {
  height: 38px !important;
  min-height: 38px !important;
}


/* Talebe Bilgi Formu: Üst butonlarda boyut korunarak renk ve hover düzeni */
.form-hero-actions .form-home-button,
.form-hero-actions .form-update-button {
  transition: background .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .18s ease, filter .22s ease !important;
}

.form-hero-actions .form-home-button:hover {
  border-color: rgba(7, 135, 125, .36) !important;
  color: #06766e !important;
  background: linear-gradient(180deg, #ffffff 0%, #e9fffb 100%) !important;
  box-shadow: 0 0 0 3px rgba(7, 135, 125, .12), 0 0 24px rgba(7, 135, 125, .20), 0 12px 28px rgba(7, 135, 125, .16) !important;
  transform: translateY(-1px) !important;
  filter: brightness(1.02) !important;
}

.form-hero-actions .form-update-button {
  border-color: rgba(10, 152, 133, .24) !important;
  color: #ffffff !important;
  background: linear-gradient(180deg, #1fc7ad 0%, #0f9f8f 100%) !important;
  box-shadow: 0 10px 24px rgba(15, 159, 143, .24) !important;
}

.form-hero-actions .form-update-button:hover {
  border-color: rgba(18, 175, 154, .38) !important;
  color: #ffffff !important;
  background: linear-gradient(180deg, #32d8be 0%, #11b3a0 100%) !important;
  box-shadow: 0 0 0 3px rgba(31, 199, 173, .16), 0 0 24px rgba(31, 199, 173, .34), 0 14px 30px rgba(15, 159, 143, .24) !important;
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
}

.form-hero-actions .form-home-button:active,
.form-hero-actions .form-update-button:active {
  transform: translateY(0) scale(.985) !important;
}

/* Talebe Bilgi Formu: Anasayfa butonu Güncelle rengini tamamlayan tona çevrildi */
.form-hero-actions .form-home-button:not(.form-update-button) {
  border-color: rgba(34, 107, 122, .24) !important;
  color: #ffffff !important;
  background: linear-gradient(180deg, #2e7d8a 0%, #1f5f6d 100%) !important;
  box-shadow: 0 10px 24px rgba(31, 95, 109, .22) !important;
}

.form-hero-actions .form-home-button:not(.form-update-button):hover {
  border-color: rgba(49, 138, 156, .34) !important;
  color: #ffffff !important;
  background: linear-gradient(180deg, #3d93a1 0%, #27717f 100%) !important;
  box-shadow: 0 0 0 3px rgba(61, 147, 161, .14), 0 0 24px rgba(61, 147, 161, .28), 0 14px 30px rgba(31, 95, 109, .24) !important;
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
}


/* Talebe Bilgi Formu: Alt Temizle/Kaydet kaldırıldı, yerine Anasayfa/Güncelle aynı boyutta eklendi */
#studentInfoForm .bottom-nav-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
}

#studentInfoForm .bottom-nav-actions .bottom-home-button,
#studentInfoForm .bottom-nav-actions .bottom-update-button {
  width: 132px !important;
  min-width: 132px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  transition: background .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .18s ease, filter .22s ease !important;
}

#studentInfoForm .bottom-nav-actions .bottom-home-button {
  border-color: rgba(34, 107, 122, .24) !important;
  color: #ffffff !important;
  background: linear-gradient(180deg, #2e7d8a 0%, #1f5f6d 100%) !important;
  box-shadow: 0 10px 24px rgba(31, 95, 109, .22) !important;
}

#studentInfoForm .bottom-nav-actions .bottom-home-button:hover {
  border-color: rgba(49, 138, 156, .34) !important;
  color: #ffffff !important;
  background: linear-gradient(180deg, #3d93a1 0%, #27717f 100%) !important;
  box-shadow: 0 0 0 3px rgba(61, 147, 161, .14), 0 0 24px rgba(61, 147, 161, .28), 0 14px 30px rgba(31, 95, 109, .24) !important;
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
}

#studentInfoForm .bottom-nav-actions .bottom-update-button {
  border-color: rgba(10, 152, 133, .24) !important;
  color: #ffffff !important;
  background: linear-gradient(180deg, #1fc7ad 0%, #0f9f8f 100%) !important;
  box-shadow: 0 10px 24px rgba(15, 159, 143, .24) !important;
}

#studentInfoForm .bottom-nav-actions .bottom-update-button:hover {
  border-color: rgba(18, 175, 154, .38) !important;
  color: #ffffff !important;
  background: linear-gradient(180deg, #32d8be 0%, #11b3a0 100%) !important;
  box-shadow: 0 0 0 3px rgba(31, 199, 173, .16), 0 0 24px rgba(31, 199, 173, .34), 0 14px 30px rgba(15, 159, 143, .24) !important;
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
}

@media (max-width: 720px) {
  #studentInfoForm .bottom-nav-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #studentInfoForm .bottom-nav-actions .bottom-home-button,
  #studentInfoForm .bottom-nav-actions .bottom-update-button {
    width: 100% !important;
    min-width: 100% !important;
  }
}


/* Talebe Bilgi Formu: yazılı üst geri alanı kaldırıldı, yerine kompakt geri ikonu eklendi */
.form-hero .hero-heading-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.form-hero .back-icon-button {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(18, 60, 94, .12) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4f9fb 100%) !important;
  color: #123c5e !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(18, 60, 94, .10) !important;
  cursor: pointer !important;
  transition: transform .18s ease, box-shadow .22s ease, background .22s ease, color .22s ease !important;
}

.form-hero .back-icon-button:hover {
  background: linear-gradient(180deg, #ffffff 0%, #eaf7fb 100%) !important;
  color: #0f6584 !important;
  box-shadow: 0 0 0 3px rgba(15, 101, 132, .10), 0 0 20px rgba(15, 101, 132, .14), 0 12px 24px rgba(18, 60, 94, .14) !important;
  transform: translateY(-1px) !important;
}

.form-hero .back-icon-button:active {
  transform: translateY(0) scale(.98) !important;
}

@media (max-width: 720px) {
  .form-hero .back-icon-button {
    margin-bottom: 8px !important;
  }
}


/* Admin ana sayfa: üstteki 3 kısayol butonu Anasayfa olarak düzenlendi */
.admin-home-body .hero-actions .action-button.home-shortcut {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid rgba(34, 107, 122, .20) !important;
  background: linear-gradient(180deg, #2e7d8a 0%, #1f5f6d 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(31, 95, 109, .20) !important;
}

.admin-home-body .hero-actions .action-button.home-shortcut::before,
.admin-home-body .hero-actions .action-button.home-shortcut::after {
  content: none !important;
}

.admin-home-body .hero-actions .action-button.home-shortcut:hover,
.admin-home-body .hero-actions .action-button.home-shortcut:focus-visible {
  background: linear-gradient(180deg, #3d93a1 0%, #27717f 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(61, 147, 161, .14), 0 0 24px rgba(61, 147, 161, .28), 0 14px 30px rgba(31, 95, 109, .24) !important;
}


/* Anasayfa: 3 adet buton yan yana */
.admin-home-body .admin-home-three-buttons {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(34, 107, 122, .20) !important;
  background: linear-gradient(180deg, #2e7d8a 0%, #1f5f6d 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(31, 95, 109, .20) !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut::before,
.admin-home-body .admin-home-three-buttons .home-shortcut::after {
  content: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:hover {
  background: linear-gradient(180deg, #3d93a1 0%, #27717f 100%) !important;
  box-shadow: 0 0 0 3px rgba(61, 147, 161, .14), 0 0 24px rgba(61, 147, 161, .28), 0 14px 30px rgba(31, 95, 109, .24) !important;
}


/* Anasayfa: üstteki 3 buton dikey daraltıldı ve biraz yukarı taşındı */
.admin-home-body .admin-home-three-buttons {
  margin-top: -8px !important;
  transform: translateY(-6px) !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut {
  height: 34px !important;
  min-height: 34px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
  border-radius: 12px !important;
}


/* Anasayfa: 3 buton daha yukarı hizalandı, gölge ve hareket efektleri kaldırıldı */
.admin-home-body .admin-home-three-buttons {
  align-self: flex-start !important;
  margin-top: -2px !important;
  transform: none !important;
  position: relative !important;
  top: -16px !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut {
  box-shadow: none !important;
  transition: none !important;
  transform: none !important;
  filter: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:active {
  box-shadow: none !important;
  transition: none !important;
  transform: none !important;
  filter: none !important;
}

/* Anasayfa: üst butonlar "Şehitler Proje Yurdu" başlığıyla aynı hizaya alındı */
.admin-home-body .hero-card {
  align-items: flex-start !important;
}

.admin-home-body .hero-brand {
  align-items: flex-start !important;
}

.admin-home-body .admin-home-three-buttons {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  align-self: flex-start !important;
  margin-top: 18px !important;
  top: 0 !important;
  transform: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut {
  box-shadow: none !important;
  transition: none !important;
  transform: none !important;
}


/* Anasayfa: butonlar kutucuğun en sağında, taşmadan içeride */
.admin-home-body .hero-card {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  overflow: hidden !important;
}

.admin-home-body .hero-brand {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.admin-home-body .admin-home-three-buttons {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
  max-width: calc(100% - 24px) !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  position: relative !important;
  right: 0 !important;
  top: 0 !important;
  transform: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut {
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  transform: none !important;
}

@media (max-width: 980px) {
  .admin-home-body .hero-card {
    flex-wrap: wrap !important;
  }

  .admin-home-body .admin-home-three-buttons {
    width: 100% !important;
    justify-content: flex-end !important;
  }
}

/* Anasayfa üst butonlar: tamamen beyaz arka plan, tüm parlama/gölge/hareket efektleri kapalı */
.admin-home-body .admin-home-three-buttons .home-shortcut,
.admin-home-body .hero-actions .action-button.home-shortcut {
  background: #ffffff !important;
  background-image: none !important;
  color: #1f5f6d !important;
  border: 1px solid rgba(31, 95, 109, .22) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut::before,
.admin-home-body .admin-home-three-buttons .home-shortcut::after,
.admin-home-body .hero-actions .action-button.home-shortcut::before,
.admin-home-body .hero-actions .action-button.home-shortcut::after {
  content: none !important;
  display: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:active,
.admin-home-body .hero-actions .action-button.home-shortcut:hover,
.admin-home-body .hero-actions .action-button.home-shortcut:focus,
.admin-home-body .hero-actions .action-button.home-shortcut:focus-visible,
.admin-home-body .hero-actions .action-button.home-shortcut:active {
  background: #ffffff !important;
  background-image: none !important;
  color: #1f5f6d !important;
  border: 1px solid rgba(31, 95, 109, .22) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
  outline: none !important;
}

/* Anasayfa üst buton renkleri: Talebe Ekle turkuaz, Talebe Sil kırmızı, Çıkış mavi */
.admin-home-body .admin-home-three-buttons .home-shortcut {
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1) {
  color: #0f9f8f !important;
  border: 1px solid rgba(15, 159, 143, 0.38) !important;
}
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2) {
  color: #d9485f !important;
  border: 1px solid rgba(217, 72, 95, 0.38) !important;
}
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3) {
  color: #2563eb !important;
  border: 1px solid rgba(37, 99, 235, 0.38) !important;
}

/* Hover'da butonun kendisi renklensin */
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):active {
  background: #0f9f8f !important;
  color: #ffffff !important;
  border-color: #0f9f8f !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):active {
  background: #d9485f !important;
  color: #ffffff !important;
  border-color: #d9485f !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):active {
  background: #2563eb !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}


/* DÜZELTME: Anasayfa üst butonların iç rengi kesin ve sabit #F5F5F5.
   Hover/active/focus durumlarında yanıp sönme, geçiş, parlama, renk dolması yok. */
.admin-home-body .admin-home-three-buttons .home-shortcut,
.admin-home-body .admin-home-three-buttons .home-shortcut:hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:active,
.admin-home-body .hero-actions .action-button.home-shortcut,
.admin-home-body .hero-actions .action-button.home-shortcut:hover,
.admin-home-body .hero-actions .action-button.home-shortcut:focus,
.admin-home-body .hero-actions .action-button.home-shortcut:focus-visible,
.admin-home-body .hero-actions .action-button.home-shortcut:active {
  background: #F5F5F5 !important;
  background-color: #F5F5F5 !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  outline: none !important;
}

/* Yazı ve kenarlık renkleri sabit kalsın; iç dolgu asla değişmesin */
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1),
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):active {
  color: #0f9f8f !important;
  border-color: rgba(15, 159, 143, 0.38) !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2),
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):active {
  color: #d9485f !important;
  border-color: rgba(217, 72, 95, 0.38) !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3),
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):active {
  color: #2563eb !important;
  border-color: rgba(37, 99, 235, 0.38) !important;
}

/* Anasayfa üst butonları: taşmadan PNG ikon eklendi, buton boyutları korunur */
.admin-home-body .admin-home-three-buttons .home-shortcut,
.admin-home-body .hero-actions .action-button.home-shortcut {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut .button-png-icon,
.admin-home-body .hero-actions .action-button.home-shortcut .button-png-icon {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  object-fit: contain !important;
  display: inline-block !important;
  flex: 0 0 12px !important;
  pointer-events: none !important;
  user-select: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut .action-label,
.admin-home-body .hero-actions .action-button.home-shortcut .action-label {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* İkonlar biraz daha belirgin olsun, buton boyutu değişmesin */
.admin-home-body .admin-home-three-buttons .home-shortcut .button-png-icon,
.admin-home-body .hero-actions .action-button.home-shortcut .button-png-icon {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  flex: 0 0 16px !important;
}


/* Talebe Ekle butonu: kutu boyutu bozulmadan ikon/yazı iç yerleşimi düzeltildi */
.admin-home-body .admin-home-three-buttons .home-shortcut:first-child,
.admin-home-body .hero-actions .action-button.home-shortcut:first-child {
  padding-left: 12px !important;
  padding-right: 12px !important;
  gap: 4px !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:first-child .button-png-icon,
.admin-home-body .hero-actions .action-button.home-shortcut:first-child .button-png-icon {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  flex: 0 0 14px !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:first-child .action-label,
.admin-home-body .hero-actions .action-button.home-shortcut:first-child .action-label {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}


/* Üst butonlar: normal görünüm korunur, sadece hover'da renk yanar; parlama/yansıma yok */
.admin-home-body .admin-home-three-buttons .home-shortcut,
.admin-home-body .hero-actions .action-button.home-shortcut {
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease !important;
}

/* Hover dışında mevcut görünüm sabit kalsın */
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):not(:hover):not(:focus):not(:focus-visible):not(:active),
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(1):not(:hover):not(:focus):not(:focus-visible):not(:active) {
  background: #F5F5F5 !important;
  color: #0f9f8f !important;
  border-color: rgba(15, 159, 143, 0.38) !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):not(:hover):not(:focus):not(:focus-visible):not(:active),
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(2):not(:hover):not(:focus):not(:focus-visible):not(:active) {
  background: #F5F5F5 !important;
  color: #d9485f !important;
  border-color: rgba(217, 72, 95, 0.38) !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):not(:hover):not(:focus):not(:focus-visible):not(:active),
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(3):not(:hover):not(:focus):not(:focus-visible):not(:active) {
  background: #F5F5F5 !important;
  color: #2563eb !important;
  border-color: rgba(37, 99, 235, 0.38) !important;
}

/* Sadece üzerine gelince buton renklensin */
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):active,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(1):hover,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(1):focus,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(1):focus-visible,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(1):active {
  background: #16a34a !important;
  color: #ffffff !important;
  border-color: #16a34a !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):active,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(2):hover,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(2):focus,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(2):focus-visible,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(2):active {
  background: #dc2626 !important;
  color: #ffffff !important;
  border-color: #dc2626 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):active,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(3):hover,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(3):focus,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(3):focus-visible,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(3):active {
  background: #2563eb !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
}


/* Talebe Sil modal alanı */
.student-delete-form-grid .student-delete-full {
  grid-column: 1 / -1 !important;
}

.student-delete-modal-card {
  width: min(760px, 96vw) !important;
}

.student-delete-mini-form textarea {
  min-height: 96px !important;
  height: 96px !important;
}

.student-delete-modal-actions {
  justify-content: flex-end !important;
}

#deleteExitWarning {
  min-height: 18px !important;
  margin-top: 10px !important;
}


/* Anasayfa üst buton ikonları: daha net ve belirgin PNG, buton boyutu korunur */
.admin-home-body .admin-home-three-buttons .home-shortcut,
.admin-home-body .hero-actions .action-button.home-shortcut {
  gap: 5px !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut .button-png-icon,
.admin-home-body .hero-actions .action-button.home-shortcut .button-png-icon {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  flex: 0 0 18px !important;
  object-fit: contain !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:first-child,
.admin-home-body .hero-actions .action-button.home-shortcut:first-child {
  padding-left: 10px !important;
  padding-right: 10px !important;
  gap: 4px !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:first-child .button-png-icon,
.admin-home-body .hero-actions .action-button.home-shortcut:first-child .button-png-icon {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  flex: 0 0 17px !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut .action-label,
.admin-home-body .hero-actions .action-button.home-shortcut .action-label {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}


/* Talebe Bilgi Formu: geri ikonu sade, net ve modern görünüm */
.form-hero .back-icon-button {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(11, 53, 88, 0.20) !important;
  border-radius: 12px !important;
  background: #F5F5F5 !important;
  background-image: none !important;
  color: #0b3558 !important;
  font-size: 21px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  cursor: pointer !important;
  transition: background-color .12s ease, border-color .12s ease, color .12s ease !important;
}

.form-hero .back-icon-button span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}

.form-hero .back-icon-button:hover,
.form-hero .back-icon-button:focus,
.form-hero .back-icon-button:focus-visible {
  background: #EAF3F6 !important;
  background-image: none !important;
  color: #08263d !important;
  border-color: rgba(11, 53, 88, 0.28) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  outline: none !important;
}

.form-hero .back-icon-button:active {
  background: #E2EEF2 !important;
  transform: none !important;
  box-shadow: none !important;
}


/* Talebe Bilgi Formu: üst sağ Güncelle / Anasayfa butonlarında arka parlama ve gölge kaldırıldı */
.form-hero-actions .form-home-button,
.form-hero-actions .form-update-button,
.form-hero-actions .hero-update-button {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

.form-hero-actions .form-home-button:hover,
.form-hero-actions .form-home-button:focus,
.form-hero-actions .form-home-button:focus-visible,
.form-hero-actions .form-home-button:active,
.form-hero-actions .form-update-button:hover,
.form-hero-actions .form-update-button:focus,
.form-hero-actions .form-update-button:focus-visible,
.form-hero-actions .form-update-button:active,
.form-hero-actions .hero-update-button:hover,
.form-hero-actions .hero-update-button:focus,
.form-hero-actions .hero-update-button:focus-visible,
.form-hero-actions .hero-update-button:active {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
}


/* Talebe Sil modalı: hafif kırmızı uyarı teması */
#studentDeleteModal .student-add-modal-backdrop {
  background: rgba(120, 24, 35, 0.16) !important;
}

#studentDeleteModal .student-delete-modal-card {
  background: #fffafa !important;
  border: 1px solid #f1d0d0 !important;
  box-shadow: 0 18px 36px rgba(122, 37, 47, 0.10) !important;
}

#studentDeleteModal .student-add-modal-head {
  background: linear-gradient(180deg, #fff4f4 0%, #ffeaea 100%) !important;
  border-bottom: 1px solid #f3d3d3 !important;
}

#studentDeleteModal .student-add-modal-head h2 {
  color: #b42318 !important;
}

#studentDeleteModal .student-add-modal-head p {
  color: #9b4a4a !important;
}

#studentDeleteModal .student-add-modal-close {
  color: #b42318 !important;
  background: #fff7f7 !important;
  border: 1px solid #efcaca !important;
}

#studentDeleteModal .student-add-modal-close:hover,
#studentDeleteModal .student-add-modal-close:focus,
#studentDeleteModal .student-add-modal-close:focus-visible {
  background: #ffeaea !important;
  border-color: #e8b3b3 !important;
  color: #9f1d14 !important;
}

#studentDeleteModal .student-delete-mini-form label > span {
  color: #8c2f39 !important;
}

#studentDeleteModal .student-delete-mini-form input,
#studentDeleteModal .student-delete-mini-form select,
#studentDeleteModal .student-delete-mini-form textarea {
  background: #fffdfd !important;
  border: 1px solid #efcfcf !important;
}

#studentDeleteModal .student-delete-mini-form input:focus,
#studentDeleteModal .student-delete-mini-form select:focus,
#studentDeleteModal .student-delete-mini-form textarea:focus {
  border-color: #de8f95 !important;
  box-shadow: 0 0 0 3px rgba(222, 143, 149, 0.14) !important;
  outline: none !important;
}

#studentDeleteModal #deleteExitWarning {
  color: #b42318 !important;
}

#studentDeleteModal .student-delete-modal-actions .student-add-save {
  background: linear-gradient(180deg, #ef5350 0%, #dc2626 100%) !important;
  border: 1px solid #cf2b2b !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

#studentDeleteModal .student-delete-modal-actions .student-add-save:hover,
#studentDeleteModal .student-delete-modal-actions .student-add-save:focus,
#studentDeleteModal .student-delete-modal-actions .student-add-save:focus-visible {
  background: linear-gradient(180deg, #f36a67 0%, #e03131 100%) !important;
  box-shadow: none !important;
}

#studentDeleteModal .student-delete-modal-actions .student-add-cancel {
  background: #fff7f7 !important;
  border: 1px solid #efcaca !important;
  color: #9f3b46 !important;
  box-shadow: none !important;
}

#studentDeleteModal .student-delete-modal-actions .student-add-cancel:hover,
#studentDeleteModal .student-delete-modal-actions .student-add-cancel:focus,
#studentDeleteModal .student-delete-modal-actions .student-add-cancel:focus-visible {
  background: #ffecec !important;
  border-color: #e9b5b5 !important;
  color: #8d2d38 !important;
  box-shadow: none !important;
}


/* Talebe Bilgi Formu: Anasayfa / Güncelle üst butonlarında parlama, yansıma, gölge yok */
.form-hero-actions .form-home-button,
.form-hero-actions .form-update-button,
.form-hero-actions .hero-update-button {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

.form-hero-actions .form-home-button:hover,
.form-hero-actions .form-home-button:focus,
.form-hero-actions .form-home-button:focus-visible,
.form-hero-actions .form-home-button:active,
.form-hero-actions .form-update-button:hover,
.form-hero-actions .form-update-button:focus,
.form-hero-actions .form-update-button:focus-visible,
.form-hero-actions .form-update-button:active,
.form-hero-actions .hero-update-button:hover,
.form-hero-actions .hero-update-button:focus,
.form-hero-actions .hero-update-button:focus-visible,
.form-hero-actions .hero-update-button:active {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

/* Talebe Bilgi Formu: geri ikonu sayfa yapısını bozmadan daha sade hale getirildi */
.form-hero .back-icon-button {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #d7e4ec !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0b3558 !important;
  font-size: 0 !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  cursor: pointer !important;
  transition: none !important;
}

.form-hero .back-icon-button span {
  display: none !important;
}

.form-hero .back-icon-button::before {
  content: "‹" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: #0b3558 !important;
  transform: translateY(-1px) !important;
}

.form-hero .back-icon-button:hover,
.form-hero .back-icon-button:focus,
.form-hero .back-icon-button:focus-visible,
.form-hero .back-icon-button:active {
  background: #f7fafc !important;
  background-image: none !important;
  border-color: #c8d9e3 !important;
  color: #0b3558 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  outline: none !important;
}


/* Dashboard: "← Anasayfa / DASHBOARD" yazısı yerine sade geri ikonu */
.dashboard-back-icon,
.detail-hero .dashboard-back-icon,
.hero-card .dashboard-back-icon {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #d7e4ec !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0b3558 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  cursor: pointer !important;
  transition: none !important;
}

.dashboard-back-icon span {
  display: none !important;
}

.dashboard-back-icon::before {
  content: "‹" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: #0b3558 !important;
  transform: translateY(-1px) !important;
}

.dashboard-back-icon:hover,
.dashboard-back-icon:focus,
.dashboard-back-icon:focus-visible,
.dashboard-back-icon:active {
  background: #f7fafc !important;
  background-image: none !important;
  border-color: #c8d9e3 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  outline: none !important;
}


/* Site geneli: tüm geri ikonları ve açılır kart kapatma ikonları için tek tip sade stil */
.universal-back-button,
.detail-hero .universal-back-button,
.form-hero .universal-back-button,
.hero-card .universal-back-button,
.dashboard-back-icon,
.student-add-modal-close {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #d7e4ec !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0b3558 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: background-color .12s ease, border-color .12s ease, color .12s ease !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
}

.universal-back-button {
  font-size: 0 !important;
  line-height: 1 !important;
}

.universal-back-button span,
.dashboard-back-icon span {
  display: none !important;
}

.universal-back-button::before,
.dashboard-back-icon::before {
  content: "‹" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: #0b3558 !important;
  transform: translateY(-1px) !important;
}

.student-add-modal-close {
  font-size: 0 !important;
  line-height: 1 !important;
}

.student-add-modal-close::before {
  content: "×" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: #0b3558 !important;
  transform: translateY(-1px) !important;
}

.universal-back-button:hover,
.universal-back-button:focus,
.universal-back-button:focus-visible,
.universal-back-button:active,
.dashboard-back-icon:hover,
.dashboard-back-icon:focus,
.dashboard-back-icon:focus-visible,
.dashboard-back-icon:active,
.student-add-modal-close:hover,
.student-add-modal-close:focus,
.student-add-modal-close:focus-visible,
.student-add-modal-close:active {
  background: #dc2626 !important;
  background-image: none !important;
  border-color: #dc2626 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  outline: none !important;
}

.universal-back-button:hover::before,
.universal-back-button:focus::before,
.universal-back-button:focus-visible::before,
.universal-back-button:active::before,
.dashboard-back-icon:hover::before,
.dashboard-back-icon:focus::before,
.dashboard-back-icon:focus-visible::before,
.dashboard-back-icon:active::before,
.student-add-modal-close:hover::before,
.student-add-modal-close:focus::before,
.student-add-modal-close:focus-visible::before,
.student-add-modal-close:active::before {
  color: #ffffff !important;
}

.universal-back-button + .hero-label,
.dashboard-back-icon + .hero-label,
.back-link {
  display: none !important;
}


/* Talebe ekle butonu: hover'da gradient koyu yeşil */
.student-new-button {
  background: #ffffff !important;
  color: #0b3558 !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease !important;
}
.student-new-button:hover,
.student-new-button:focus,
.student-new-button:focus-visible {
  background: linear-gradient(135deg, #0b7f6e 0%, #065a4f 100%) !important;
  border-color: #0b7f6e !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Talebe bilgi formu açılır sayfa / modal sheet */
.student-form-sheet-overlay {
  position: fixed;
  inset: 0;
  background: rgba(8, 23, 40, 0.16);
  z-index: 1400;
}
body.student-sheet-open {
  overflow: hidden !important;
}
body.student-sheet-open #studentInfoForm {
  display: block !important;
  position: fixed !important;
  left: 50%;
  top: 24px;
  transform: translateX(-50%);
  width: min(1120px, calc(100vw - 44px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  z-index: 1500;
  background: #fdfefe;
  border: 1px solid rgba(11, 127, 110, 0.14);
  border-radius: 22px;
  padding: 18px 18px 22px;
  box-shadow: 0 24px 56px rgba(10, 36, 63, 0.12);
}
body.student-sheet-open #studentInfoForm .form-title {
  position: sticky;
  top: -18px;
  z-index: 2;
  background: #fdfefe;
  padding-top: 8px;
}
.student-sheet-close {
  background: #fff7f7 !important;
  border-color: rgba(220, 38, 38, 0.2) !important;
  color: #c62828 !important;
}
.student-sheet-close:hover,
.student-sheet-close:focus,
.student-sheet-close:focus-visible {
  background: #c62828 !important;
  border-color: #c62828 !important;
  color: #ffffff !important;
}

/* Talebelik süresi sıralı renkleri - koyu olmayan pastel tonlar */
.student-info-click-row.duration-tier-high {
  background: #eef9f2 !important;
}
.student-info-click-row.duration-tier-mid {
  background: #fff6e9 !important;
}
.student-info-click-row.duration-tier-low {
  background: #fff0f0 !important;
}
.student-info-click-row.duration-tier-high:nth-child(even) {
  background: #e6f6ec !important;
}
.student-info-click-row.duration-tier-mid:nth-child(even) {
  background: #fff1de !important;
}
.student-info-click-row.duration-tier-low:nth-child(even) {
  background: #ffe7e7 !important;
}
.student-info-click-row.duration-tier-high:hover,
.student-info-click-row.duration-tier-high:focus {
  background: #def2e7 !important;
}
.student-info-click-row.duration-tier-mid:hover,
.student-info-click-row.duration-tier-mid:focus {
  background: #ffead2 !important;
}
.student-info-click-row.duration-tier-low:hover,
.student-info-click-row.duration-tier-low:focus {
  background: #ffdede !important;
}
.registration-day-pill-high {
  background: #dff4e6 !important;
  border-color: #8fd1a5 !important;
  color: #18794e !important;
}
.registration-day-pill-mid {
  background: #fff0da !important;
  border-color: #f2c57b !important;
  color: #b56a00 !important;
}
.registration-day-pill-low {
  background: #ffe3e3 !important;
  border-color: #f0a0a0 !important;
  color: #c0392b !important;
}

@media (max-width: 860px) {
  body.student-sheet-open #studentInfoForm {
    width: calc(100vw - 16px);
    top: 8px;
    max-height: calc(100vh - 16px);
    padding: 12px;
  }
}


/* Deneme Net Hesaplama: kompakt premium modal */
.net-calc-modal {
  background: rgba(8, 38, 61, .26) !important;
  backdrop-filter: blur(5px) !important;
  padding: 14px !important;
}

.net-calc-panel {
  width: min(760px, calc(100vw - 32px)) !important;
  max-height: calc(100vh - 34px) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(11, 127, 110, .18) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fcfb 100%) !important;
  box-shadow: 0 22px 48px rgba(8, 38, 61, .16) !important;
  padding: 14px !important;
}

.net-calc-head {
  align-items: center !important;
  margin-bottom: 10px !important;
  padding: 4px 4px 10px !important;
  border-bottom: 1px solid rgba(11, 127, 110, .12) !important;
}

.net-calc-head h3 {
  color: #08263d !important;
  font-size: 21px !important;
  letter-spacing: -.03em !important;
}

.net-calc-head p {
  margin-top: 3px !important;
  color: #526a7f !important;
  font-size: 12px !important;
}

.net-calc-student-note {
  display: inline-flex !important;
  margin-top: 6px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: #e9f8f4 !important;
  border: 1px solid rgba(15, 159, 143, .16) !important;
  color: #0b7f6e !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.net-calc-close {
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  border: 1px solid #d7e8e5 !important;
  background: #ffffff !important;
  color: #0b3558 !important;
  box-shadow: none !important;
}

.net-calc-close:hover,
.net-calc-close:focus,
.net-calc-close:focus-visible {
  background: #e3262e !important;
  border-color: #e3262e !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.net-calc-table-wrap {
  border-color: rgba(11, 127, 110, .18) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

.net-calc-table {
  min-width: 610px !important;
}

.net-calc-table th {
  background: #0b3558 !important;
  padding: 9px 10px !important;
  font-size: 11.5px !important;
}

.net-calc-table th:nth-child(4) {
  background: #0b7f6e !important;
}

.net-calc-table td {
  padding: 8px 10px !important;
  font-size: 12.5px !important;
  border-bottom: 1px solid rgba(11, 127, 110, .11) !important;
}

.net-calc-table tr.net-row-active td {
  background: #f0faf7 !important;
}

.net-calc-table input {
  width: 72px !important;
  height: 31px !important;
  border-radius: 10px !important;
  border-color: #d5e6e3 !important;
  background: #fbfefe !important;
  color: #0b3558 !important;
}

.net-calc-table input:focus {
  border-color: #0f9f8f !important;
  box-shadow: 0 0 0 3px rgba(15, 159, 143, .12) !important;
}

.net-calc-table td:nth-child(4),
.net-calc-table td:nth-child(4) strong,
.net-calc-table [data-net-result] {
  background: #eaf8f2 !important;
}

.net-calc-table td:nth-child(4) strong,
.net-calc-table [data-net-result] {
  min-width: 68px !important;
  height: 28px !important;
  border-color: rgba(15, 159, 143, .22) !important;
  color: #0b7f4b !important;
}

.net-calc-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin-top: 10px !important;
}

.net-calc-summary div {
  border-color: rgba(11, 127, 110, .15) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}

.net-calc-summary span {
  color: #607589 !important;
  font-size: 10.5px !important;
}

.net-calc-summary strong {
  color: #0b3558 !important;
  font-size: 18px !important;
}

.net-calc-actions {
  margin-top: 10px !important;
  gap: 9px !important;
}

.net-calc-actions button {
  min-width: 112px !important;
  height: 38px !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

#netCalcApplyBtn {
  background: linear-gradient(135deg, #0b7f6e 0%, #064f46 100%) !important;
  color: #ffffff !important;
  border-color: #0b7f6e !important;
}

#netCalcResetBtn {
  background: #ffffff !important;
  color: #0b3558 !important;
  border-color: #d5e6e3 !important;
}

@media (max-width: 760px) {
  .net-calc-panel {
    width: calc(100vw - 18px) !important;
    padding: 11px !important;
  }

  .net-calc-summary {
    grid-template-columns: 1fr !important;
  }
}


/* Deneme Net Hesaplama: 3D, dolgun kutucuk ve buton görünümü */
.net-calc-panel {
  background: linear-gradient(180deg, #ffffff 0%, #f0f8f7 100%) !important;
  border: 1px solid rgba(11, 127, 110, .22) !important;
  box-shadow:
    0 26px 58px rgba(8, 38, 61, .18),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.net-calc-table-wrap {
  background: linear-gradient(180deg, #ffffff 0%, #f5fbfa 100%) !important;
  box-shadow:
    0 14px 26px rgba(8, 38, 61, .08),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.net-calc-table th {
  background: linear-gradient(180deg, #145f86 0%, #0b3558 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.net-calc-table th:nth-child(4) {
  background: linear-gradient(180deg, #15936f 0%, #0b6b54 100%) !important;
}

.net-calc-table td {
  background: linear-gradient(180deg, #ffffff 0%, #f8fcfd 100%) !important;
}

.net-calc-table tr.net-row-active td {
  background: linear-gradient(180deg, #f0fbf8 0%, #e7f6f1 100%) !important;
}

.net-calc-table input {
  background: linear-gradient(180deg, #ffffff 0%, #eef7fb 100%) !important;
  border: 1px solid #bfdae8 !important;
  box-shadow:
    inset 0 1px 2px rgba(8, 38, 61, .08),
    0 2px 0 rgba(255,255,255,.88) !important;
  font-weight: 900 !important;
}

.net-calc-table input:focus {
  border-color: #0f9f8f !important;
  box-shadow:
    inset 0 1px 2px rgba(8, 38, 61, .08),
    0 0 0 3px rgba(15, 159, 143, .16),
    0 3px 8px rgba(15, 159, 143, .12) !important;
}

.net-calc-table [data-net-result] {
  background: linear-gradient(180deg, #effcf4 0%, #dff6e7 100%) !important;
  border: 1px solid #9bd8ad !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 3px 7px rgba(14, 127, 74, .10) !important;
  font-weight: 950 !important;
}

.net-calc-summary div {
  background: linear-gradient(180deg, #ffffff 0%, #f4fbfa 100%) !important;
  border: 1px solid rgba(11, 127, 110, .18) !important;
  box-shadow:
    0 8px 16px rgba(8, 38, 61, .06),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.net-calc-actions button,
#netCalcApplyBtn,
#netCalcResetBtn {
  font-weight: 950 !important;
  border-radius: 14px !important;
  box-shadow:
    0 7px 0 rgba(8, 38, 61, .14),
    0 13px 22px rgba(8, 38, 61, .10),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
  transform: translateY(0) !important;
}

#netCalcApplyBtn {
  background: linear-gradient(180deg, #119b7d 0%, #075f51 100%) !important;
  border: 1px solid #075f51 !important;
  color: #ffffff !important;
}

#netCalcResetBtn {
  background: linear-gradient(180deg, #ffffff 0%, #eef4f7 100%) !important;
  border: 1px solid #cfe0e8 !important;
  color: #0b3558 !important;
}

.net-calc-actions button:hover,
#netCalcApplyBtn:hover,
#netCalcResetBtn:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    0 8px 0 rgba(8, 38, 61, .14),
    0 16px 24px rgba(8, 38, 61, .13),
    inset 0 1px 0 rgba(255,255,255,.25) !important;
}

.net-calc-actions button:active,
#netCalcApplyBtn:active,
#netCalcResetBtn:active {
  transform: translateY(2px) !important;
  box-shadow:
    0 3px 0 rgba(8, 38, 61, .16),
    0 8px 14px rgba(8, 38, 61, .10),
    inset 0 1px 0 rgba(255,255,255,.20) !important;
}

.net-calc-close {
  background: linear-gradient(180deg, #ffffff 0%, #eef6f8 100%) !important;
  box-shadow:
    0 4px 0 rgba(8, 38, 61, .10),
    0 10px 16px rgba(8, 38, 61, .08),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.net-calc-close:hover,
.net-calc-close:focus,
.net-calc-close:focus-visible {
  background: linear-gradient(180deg, #f04444 0%, #dc2626 100%) !important;
  color: #ffffff !important;
  box-shadow:
    0 4px 0 rgba(120, 24, 35, .22),
    0 10px 16px rgba(120, 24, 35, .14),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}


/* Deneme Net Hesaplama: eksi netlerde kırmızı satır, yeşil kullanılmaz, canlı başlık */
.net-calc-table th {
  background: linear-gradient(180deg, #2563eb 0%, #123f91 100%) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24) !important;
}

.net-calc-table th:nth-child(4) {
  background: linear-gradient(180deg, #7c3aed 0%, #4c1d95 100%) !important;
  color: #ffffff !important;
}

.net-calc-head h3 {
  color: #123f91 !important;
}

.net-calc-student-note {
  background: #eef2ff !important;
  border-color: rgba(37, 99, 235, .18) !important;
  color: #1d4ed8 !important;
}

/* Aktif satır yeşil değil, mavi-mor premium vurgu */
.net-calc-table tr.net-row-active td {
  background: linear-gradient(180deg, #f3f6ff 0%, #eef2ff 100%) !important;
}

.net-calc-table tr.net-row-active td:nth-child(4),
.net-calc-table tr.net-row-active [data-net-result] {
  background: linear-gradient(180deg, #f5f3ff 0%, #ede9fe 100%) !important;
  border-color: #c4b5fd !important;
  color: #5b21b6 !important;
}

/* Doğru sayısı yanlış sayısından az ise satır kırmızı */
.net-calc-table tr.net-row-danger td {
  background: linear-gradient(180deg, #fff1f2 0%, #ffe4e6 100%) !important;
  color: #8f1d2c !important;
}

.net-calc-table tr.net-row-danger td:first-child {
  color: #7f1d1d !important;
}

.net-calc-table tr.net-row-danger input {
  background: linear-gradient(180deg, #fffafa 0%, #ffe9eb 100%) !important;
  border-color: #f2a5ad !important;
  color: #991b1b !important;
}

.net-calc-table tr.net-row-danger [data-net-result],
.net-calc-table tr.net-row-danger td:nth-child(4) strong {
  background: linear-gradient(180deg, #fee2e2 0%, #fecaca 100%) !important;
  border-color: #f87171 !important;
  color: #b91c1c !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.8),
    0 3px 7px rgba(185, 28, 28, .10) !important;
}

/* Varsayılan net kutusu yeşil olmasın */
.net-calc-table [data-net-result],
.net-calc-table td:nth-child(4) strong {
  background: linear-gradient(180deg, #f5f3ff 0%, #ede9fe 100%) !important;
  border: 1px solid #c4b5fd !important;
  color: #5b21b6 !important;
}

/* Butonlarda yeşil yerine canlı mavi/mor */
#netCalcApplyBtn {
  background: linear-gradient(180deg, #2563eb 0%, #1e3a8a 100%) !important;
  border-color: #1e40af !important;
  color: #ffffff !important;
}

#netCalcApplyBtn:hover,
#netCalcApplyBtn:focus,
#netCalcApplyBtn:focus-visible {
  background: linear-gradient(180deg, #3b82f6 0%, #1d4ed8 100%) !important;
  border-color: #1d4ed8 !important;
}

.net-calc-panel {
  border-color: rgba(37, 99, 235, .22) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f6f8ff 100%) !important;
}

.net-calc-table-wrap,
.net-calc-summary div {
  border-color: rgba(37, 99, 235, .16) !important;
}


/* Deneme sayfası sağ üst Net Hesapla butonu - dar yükseklik */
#trialTopAddRowBtn.deneme-add-main {
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  padding: 0 14px !important;
  line-height: 1 !important;
  align-self: center !important;
}


/* Deneme sayfası sağ üst Net Hesapla butonu hover rengi */
#trialTopAddRowBtn:hover {
  background: #07877d !important;
  color: #ffffff !important;
  border-color: #07877d !important;
  box-shadow: 0 8px 18px rgba(7, 135, 125, 0.22) !important;
  transform: translateY(-1px);
}


/* Deneme sayfası alt kısımdaki Ekle butonu rengi */
.deneme-empty-state .row-add-button {
  background: #eefafa !important;
  color: #07877d !important;
  border: 1px solid rgba(7, 135, 125, 0.35) !important;
  box-shadow: 0 6px 14px rgba(7, 135, 125, 0.10) !important;
}

.deneme-empty-state .row-add-button:hover {
  background: #07877d !important;
  color: #ffffff !important;
  border-color: #07877d !important;
  box-shadow: 0 8px 18px rgba(7, 135, 125, 0.22) !important;
}

/* Net Hesaplama modalı - minimal, dar ve sade tasarım */
.net-calc-modal {
  background: rgba(15, 23, 42, .22) !important;
  backdrop-filter: blur(3px) !important;
  padding: 10px !important;
}

.net-calc-panel {
  width: min(620px, calc(100vw - 30px)) !important;
  max-height: calc(100vh - 28px) !important;
  padding: 10px 12px 12px !important;
  border-radius: 10px !important;
  border: 1px solid #d8e2ee !important;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .16) !important;
}

.net-calc-head {
  margin-bottom: 8px !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid #e5edf5 !important;
}

.net-calc-head h3 {
  color: #0f2f4f !important;
  font-size: 18px !important;
  letter-spacing: -.02em !important;
}

.net-calc-head p {
  margin-top: 2px !important;
  color: #6b7c8f !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.net-calc-student-note {
  margin-top: 5px !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  background: #f3f6fb !important;
  border: 1px solid #dce6f2 !important;
  color: #244766 !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
}

.net-calc-close {
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  border: 1px solid #d8e2ee !important;
  color: #244766 !important;
  box-shadow: none !important;
}

.net-calc-close:hover,
.net-calc-close:focus,
.net-calc-close:focus-visible {
  background: #eef2f7 !important;
  border-color: #cbd6e2 !important;
  color: #0f2f4f !important;
  box-shadow: none !important;
}

.net-calc-table-wrap {
  border-radius: 8px !important;
  border: 1px solid #d8e2ee !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.net-calc-table {
  min-width: 540px !important;
  border-collapse: collapse !important;
}

.net-calc-table th {
  height: 28px !important;
  padding: 5px 8px !important;
  background: #eef3f8 !important;
  color: #173653 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
}

.net-calc-table th:nth-child(4) {
  background: #e9edf7 !important;
  color: #27385f !important;
}

.net-calc-table td {
  height: 34px !important;
  padding: 4px 8px !important;
  background: #ffffff !important;
  color: #173653 !important;
  font-size: 11.5px !important;
  border-bottom: 1px solid #e8eef5 !important;
}

.net-calc-table tr:last-child td {
  border-bottom: 0 !important;
}

.net-calc-table tr.net-row-active td {
  background: #f7faff !important;
}

.net-calc-table input {
  width: 54px !important;
  height: 24px !important;
  padding: 0 6px !important;
  border-radius: 6px !important;
  border: 1px solid #cbd8e6 !important;
  background: #fbfdff !important;
  color: #173653 !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.net-calc-table input:focus {
  border-color: #7896b8 !important;
  box-shadow: 0 0 0 2px rgba(120, 150, 184, .16) !important;
}

.net-calc-table td:nth-child(4),
.net-calc-table td:nth-child(4) strong,
.net-calc-table [data-net-result] {
  background: #f6f7fb !important;
}

.net-calc-table [data-net-result],
.net-calc-table td:nth-child(4) strong {
  min-width: 54px !important;
  height: 23px !important;
  padding: 0 7px !important;
  border-radius: 6px !important;
  border: 1px solid #d6ddec !important;
  color: #27385f !important;
  background: #f8f9fd !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.net-calc-table tr.net-row-danger td {
  background: #fff7f7 !important;
  color: #8a2631 !important;
}

.net-calc-table tr.net-row-danger input,
.net-calc-table tr.net-row-danger [data-net-result],
.net-calc-table tr.net-row-danger td:nth-child(4) strong {
  background: #fff4f4 !important;
  border-color: #efb8bf !important;
  color: #9f1d2c !important;
  box-shadow: none !important;
}

.net-calc-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin-top: 8px !important;
}

.net-calc-summary div {
  padding: 7px 9px !important;
  border-radius: 8px !important;
  border: 1px solid #d8e2ee !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.net-calc-summary span {
  color: #718093 !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
}

.net-calc-summary strong {
  margin-top: 3px !important;
  color: #173653 !important;
  font-size: 15px !important;
}

.net-calc-actions {
  margin-top: 8px !important;
  gap: 8px !important;
}

.net-calc-actions button,
#netCalcApplyBtn,
#netCalcResetBtn {
  min-width: 96px !important;
  height: 32px !important;
  border-radius: 8px !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
  transform: none !important;
}

#netCalcApplyBtn {
  background: #274c77 !important;
  border: 1px solid #274c77 !important;
  color: #ffffff !important;
}

#netCalcApplyBtn:hover,
#netCalcApplyBtn:focus,
#netCalcApplyBtn:focus-visible {
  background: #1f3d60 !important;
  border-color: #1f3d60 !important;
  box-shadow: none !important;
  transform: none !important;
}

#netCalcResetBtn {
  background: #f8fafc !important;
  border: 1px solid #d8e2ee !important;
  color: #244766 !important;
}

#netCalcResetBtn:hover,
#netCalcResetBtn:focus,
#netCalcResetBtn:focus-visible {
  background: #eef2f7 !important;
  border-color: #cbd6e2 !important;
  color: #173653 !important;
  box-shadow: none !important;
  transform: none !important;
}

@media (max-width: 680px) {
  .net-calc-panel {
    width: calc(100vw - 16px) !important;
    padding: 9px !important;
  }

  .net-calc-summary {
    grid-template-columns: 1fr !important;
  }
}

/* Deneme sayfası alt Ekle butonu - dar yükseklik */
.deneme-empty-state .row-add-button {
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 12px !important;
  line-height: 1 !important;
  border-radius: 7px !important;
  font-size: 11px !important;
  min-width: 76px !important;
}


/* Deneme net hesaplama modalı - daha dar, hafif sola yakın ve ortalanmış içerik */
.net-calc-panel {
  width: min(560px, calc(100vw - 42px)) !important;
  transform: translateX(-26px) !important;
  padding: 10px 12px 12px !important;
}

.net-calc-head,
.net-calc-summary,
.net-calc-actions {
  max-width: 520px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.net-calc-table-wrap {
  width: 520px !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.net-calc-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

.net-calc-table th,
.net-calc-table td {
  text-align: center !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.net-calc-table th:first-child,
.net-calc-table td:first-child {
  width: 34% !important;
  text-align: left !important;
  padding-left: 8px !important;
}

.net-calc-table th:nth-child(2),
.net-calc-table td:nth-child(2),
.net-calc-table th:nth-child(3),
.net-calc-table td:nth-child(3),
.net-calc-table th:nth-child(4),
.net-calc-table td:nth-child(4) {
  width: 22% !important;
}

.net-calc-table td {
  height: 31px !important;
}

.net-calc-table input {
  width: 48px !important;
  height: 22px !important;
  margin: 0 auto !important;
}

.net-calc-table [data-net-result],
.net-calc-table td:nth-child(4) strong {
  min-width: 48px !important;
  height: 22px !important;
}

@media (max-width: 680px) {
  .net-calc-panel {
    transform: none !important;
    width: calc(100vw - 16px) !important;
  }
  .net-calc-table-wrap {
    width: 100% !important;
  }
}

/* Deneme sayfası WhatsApp yerine Rapor butonu */
.report-trial-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  border-radius: 8px !important;
  border: 1px solid #d8e2ee !important;
  background: #f8fafc !important;
  color: #244766 !important;
  font-weight: 850 !important;
  font-size: 12px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

.report-trial-button:hover,
.report-trial-button:focus,
.report-trial-button:focus-visible {
  background: #eef2f7 !important;
  border-color: #cbd6e2 !important;
  color: #173653 !important;
  outline: none !important;
}

/* Deneme sayfası alt aksiyon butonları: eşit boyut, daha dar ve daha kısa */
.trial-page .trial-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.trial-page .trial-actions .report-trial-button,
.trial-page .trial-actions .clear-button,
.trial-page .trial-actions .save-button {
  width: 104px !important;
  min-width: 104px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}


/* Deneme sayfası alt buton renkleri: özel renk isteği */
.trial-page .trial-actions .report-trial-button,
.trial-page .trial-actions .clear-button,
.trial-page .trial-actions .save-button {
  background: #a5c0bf !important;
  border-color: #a5c0bf !important;
  color: #000000 !important;
  box-shadow: none !important;
}

.trial-page .trial-actions .report-trial-button:hover,
.trial-page .trial-actions .report-trial-button:focus,
.trial-page .trial-actions .report-trial-button:focus-visible,
.trial-page .trial-actions .clear-button:hover,
.trial-page .trial-actions .clear-button:focus,
.trial-page .trial-actions .clear-button:focus-visible,
.trial-page .trial-actions .save-button:hover,
.trial-page .trial-actions .save-button:focus,
.trial-page .trial-actions .save-button:focus-visible {
  background: #166866 !important;
  border-color: #166866 !important;
  color: #ffffff !important;
  outline: none !important;
}

/* Deneme sayfası Kaydet butonu aktif görünüm ve tıklanabilirlik */
.trial-page .trial-actions .save-button,
#saveTrialBtn {
  opacity: 1 !important;
  filter: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  background: #a5c0bf !important;
  border-color: #a5c0bf !important;
  color: #000000 !important;
}

.trial-page .trial-actions .save-button:hover,
.trial-page .trial-actions .save-button:focus,
.trial-page .trial-actions .save-button:focus-visible,
#saveTrialBtn:hover,
#saveTrialBtn:focus,
#saveTrialBtn:focus-visible {
  background: #166866 !important;
  border-color: #166866 !important;
  color: #ffffff !important;
  outline: none !important;
}

.trial-page .trial-actions .save-button:disabled,
#saveTrialBtn:disabled {
  opacity: 1 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

/* Deneme rapor butonu: kayıt yokken pasif görünüm */
.trial-page .trial-actions .report-trial-button.is-disabled,
.trial-page .trial-actions .report-trial-button:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
}


/* E-Okul alt işlem butonları: Temizle → Rapor → Kaydet düzeni */
.eokul-page .form-actions,
body.eokul-page .form-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
}

.eokul-page .form-actions .clear-button,
.eokul-page .form-actions .report-button,
.eokul-page .form-actions .save-button,
body.eokul-page .form-actions .clear-button,
body.eokul-page .form-actions .report-button,
body.eokul-page .form-actions .save-button {
  width: 108px !important;
  min-width: 108px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: background-color .16s ease, color .16s ease, border-color .16s ease, transform .16s ease !important;
}

.eokul-page .form-actions .report-button,
body.eokul-page .form-actions .report-button {
  background: #a5c0bf !important;
  border: 1px solid #8eadac !important;
  color: #000000 !important;
}

.eokul-page .form-actions .report-button:hover,
.eokul-page .form-actions .report-button:focus-visible,
body.eokul-page .form-actions .report-button:hover,
body.eokul-page .form-actions .report-button:focus-visible {
  background: #166866 !important;
  border-color: #166866 !important;
  color: #ffffff !important;
  outline: none !important;
}

.eokul-page .form-actions .clear-button,
body.eokul-page .form-actions .clear-button {
  background: #fff1f1 !important;
  border: 1px solid #f0b8b8 !important;
  color: #111111 !important;
}

.eokul-page .form-actions .clear-button:hover,
.eokul-page .form-actions .clear-button:focus-visible,
body.eokul-page .form-actions .clear-button:hover,
body.eokul-page .form-actions .clear-button:focus-visible {
  background: #b93737 !important;
  border-color: #b93737 !important;
  color: #ffffff !important;
  outline: none !important;
}

.eokul-page .form-actions .save-button,
body.eokul-page .form-actions .save-button {
  background: #166866 !important;
  border: 1px solid #166866 !important;
  color: #ffffff !important;
}

.eokul-page .form-actions .save-button:hover,
.eokul-page .form-actions .save-button:focus-visible,
body.eokul-page .form-actions .save-button:hover,
body.eokul-page .form-actions .save-button:focus-visible {
  background: #0d4f4d !important;
  border-color: #0d4f4d !important;
  color: #ffffff !important;
  outline: none !important;
}

.eokul-page .form-actions .clear-button:active,
.eokul-page .form-actions .report-button:active,
.eokul-page .form-actions .save-button:active,
body.eokul-page .form-actions .clear-button:active,
body.eokul-page .form-actions .report-button:active,
body.eokul-page .form-actions .save-button:active {
  transform: translateY(1px) !important;
}


/* =========================================================
   E-OKUL ALT İŞLEM ALANI - SON KESİN DÜZEN
   Görsel sıra: Temizle → Rapor → Kaydet
   Konum: sağ taraf
   ========================================================= */

.form-actions.detail-save-actions {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  margin-left: auto !important;
  width: auto !important;
  text-align: right !important;
}

/* Sıralama CSS ile de garanti edildi */
#clearGradesBtn { order: 1 !important; }
#createPdfReportBtn { order: 2 !important; }
#saveGradesBtn { order: 3 !important; }

#clearGradesBtn,
#createPdfReportBtn,
#saveGradesBtn {
  width: 108px !important;
  min-width: 108px !important;
  max-width: 108px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition:
    background-color .16s ease,
    color .16s ease,
    border-color .16s ease,
    transform .16s ease !important;
}

/* Temizle: riskli işlem, açık kırmızı */
#clearGradesBtn {
  background: #fff1f1 !important;
  border: 1px solid #f0b8b8 !important;
  color: #111111 !important;
}

#clearGradesBtn:hover,
#clearGradesBtn:focus-visible {
  background: #b93737 !important;
  border-color: #b93737 !important;
  color: #ffffff !important;
  outline: none !important;
}

/* Rapor: istenen renk */
#createPdfReportBtn {
  background: #a5c0bf !important;
  border: 1px solid #8eadac !important;
  color: #000000 !important;
}

#createPdfReportBtn:hover,
#createPdfReportBtn:focus-visible {
  background: #166866 !important;
  border-color: #166866 !important;
  color: #ffffff !important;
  outline: none !important;
}

/* Kaydet: ana işlem */
#saveGradesBtn {
  background: #166866 !important;
  border: 1px solid #166866 !important;
  color: #ffffff !important;
}

#saveGradesBtn:hover,
#saveGradesBtn:focus-visible {
  background: #0d4f4d !important;
  border-color: #0d4f4d !important;
  color: #ffffff !important;
  outline: none !important;
}

#clearGradesBtn:active,
#createPdfReportBtn:active,
#saveGradesBtn:active {
  transform: translateY(1px) !important;
}


/* =========================================================
   E-OKUL ALT BUTONLAR - EN SAĞ + ARKA ÇERÇEVE KALDIRILDI
   ========================================================= */

.eokul-action-strip {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding-right: 0 !important;
}

.form-actions.detail-save-actions {
  margin-left: auto !important;
  margin-right: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  width: auto !important;
  max-width: none !important;
  justify-content: flex-end !important;
}

.form-actions.detail-save-actions::before,
.form-actions.detail-save-actions::after {
  display: none !important;
  content: none !important;
}

#clearGradesBtn,
#createPdfReportBtn,
#saveGradesBtn {
  box-shadow: none !important;
}


/* =========================================================
   E-OKUL ALT BUTON İKONLARI - TAŞMA YAPMADAN
   ========================================================= */

#clearGradesBtn,
#createPdfReportBtn,
#saveGradesBtn {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  gap: 6px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#clearGradesBtn .btn-icon,
#createPdfReportBtn .btn-icon,
#saveGradesBtn .btn-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

#clearGradesBtn span:last-child,
#createPdfReportBtn span:last-child,
#saveGradesBtn span:last-child {
  display: inline-block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


/* =========================================================
   E-OKUL ÜST BUTONLAR - YUMUŞAK KAVİS + İKONLU
   Dersleri Getir / Ekle
   ========================================================= */

#loadStandardCoursesBtn,
#addCourseRowBtn {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition:
    background-color .16s ease,
    color .16s ease,
    border-color .16s ease,
    transform .16s ease !important;
}

#loadStandardCoursesBtn {
  background: #f4f8fb !important;
  border: 1px solid #cbdce8 !important;
  color: #08263d !important;
}

#loadStandardCoursesBtn:hover,
#loadStandardCoursesBtn:focus-visible {
  background: #a5c0bf !important;
  border-color: #8eadac !important;
  color: #000000 !important;
  outline: none !important;
}

#addCourseRowBtn {
  background: #a5c0bf !important;
  border: 1px solid #8eadac !important;
  color: #000000 !important;
}

#addCourseRowBtn:hover,
#addCourseRowBtn:focus-visible {
  background: #166866 !important;
  border-color: #166866 !important;
  color: #ffffff !important;
  outline: none !important;
}

#loadStandardCoursesBtn:active,
#addCourseRowBtn:active {
  transform: translateY(1px) !important;
}

#loadStandardCoursesBtn .btn-icon,
#addCourseRowBtn .btn-icon {
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

/* E-Okul üst satır butonları: sadece renk ve ikon güncellemesi, boyut korunur */
.grade-title-row .row-tools .row-add-button[data-auto-courses],
.grade-title-row .row-tools .row-add-button[data-add-row] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

.grade-title-row .row-tools .row-add-button[data-auto-courses] {
  background: #f4f8fb !important;
  border-color: #cbdce8 !important;
  color: #08263d !important;
}

.grade-title-row .row-tools .row-add-button[data-auto-courses]::before {
  content: "📚";
  font-size: 13px !important;
  line-height: 1 !important;
}

.grade-title-row .row-tools .row-add-button[data-auto-courses]:hover,
.grade-title-row .row-tools .row-add-button[data-auto-courses]:focus-visible {
  background: #a5c0bf !important;
  border-color: #8eadac !important;
  color: #000 !important;
  outline: none !important;
}

.grade-title-row .row-tools .row-add-button[data-add-row] {
  background: #a5c0bf !important;
  border-color: #8eadac !important;
  color: #000 !important;
}

.grade-title-row .row-tools .row-add-button[data-add-row]::before {
  content: "➕";
  font-size: 12px !important;
  line-height: 1 !important;
}

.grade-title-row .row-tools .row-add-button[data-add-row]:hover,
.grade-title-row .row-tools .row-add-button[data-add-row]:focus-visible {
  background: #166866 !important;
  border-color: #166866 !important;
  color: #fff !important;
  outline: none !important;
}


/* =========================================================
   E-OKUL TEMİZ YENİ YAPI
   Ana sayfa: sadece isim listesi
   İsme tıklayınca: ayrı not giriş ekranı
   ========================================================= */

body.eokul-list-mode .eokul-top.compact-top,
body.eokul-list-mode #eokulStudentListCard,
body.eokul-list-mode .eokul-student-list-card {
  display: block !important;
}

body.eokul-list-mode #eokulGradeEntryHead,
body.eokul-list-mode #term1Section,
body.eokul-list-mode #term2Section,
body.eokul-list-mode .eokul-action-strip,
body.eokul-list-mode .summary-grid.compact-summary {
  display: none !important;
}

body.eokul-grade-entry-mode .eokul-top.compact-top,
body.eokul-grade-entry-mode #eokulStudentListCard,
body.eokul-grade-entry-mode .eokul-student-list-card {
  display: none !important;
}

body.eokul-grade-entry-mode #eokulGradeEntryHead {
  display: flex !important;
}

body.eokul-grade-entry-mode #term1Section,
body.eokul-grade-entry-mode #term2Section {
  display: none !important;
}

body.eokul-grade-entry-mode #term1Section:not(.hidden),
body.eokul-grade-entry-mode #term2Section:not(.hidden) {
  display: block !important;
}

.eokul-student-list-card {
  margin: 12px 0 10px !important;
  border: 1px solid rgba(8, 38, 61, .10) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  box-shadow: 0 8px 22px rgba(8, 38, 61, .05) !important;
}

.eokul-student-list-head {
  padding: 10px 14px !important;
  border-bottom: 1px solid rgba(8, 38, 61, .08) !important;
  background: #f8fbfc !important;
}

.eokul-student-list-head h3 {
  margin: 0 !important;
  color: #08263d !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.eokul-student-list-head p {
  margin: 3px 0 0 !important;
  color: #607082 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
}

.eokul-student-list-wrap {
  width: 100% !important;
  overflow-x: auto !important;
}

.eokul-student-list-table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  font-size: 12px !important;
}

.eokul-student-list-table th,
.eokul-student-list-table td {
  padding: 8px 9px !important;
  border-bottom: 1px solid rgba(8, 38, 61, .07) !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.eokul-student-list-table th {
  background: #eef5f6 !important;
  color: #08263d !important;
  font-weight: 900 !important;
}

.eokul-student-list-table td {
  color: #102d4b !important;
  font-weight: 800 !important;
}

.eokul-student-list-table .student-name-cell {
  text-align: left !important;
  font-weight: 900 !important;
}

.eokul-student-list-table tbody tr {
  cursor: pointer !important;
}

.eokul-student-list-table tbody tr:hover td {
  background: #edf8f6 !important;
}

.eokul-list-empty {
  text-align: center !important;
  color: #748295 !important;
  padding: 14px !important;
}

.eokul-grade-entry-head {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  margin: 12px 0;
  border: 1px solid rgba(8, 38, 61, .10);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(8, 38, 61, .06);
}

.eokul-grade-entry-head h2 {
  margin: 7px 0 2px;
  color: #08263d;
  font-size: 20px;
  font-weight: 950;
}

.eokul-grade-entry-head p {
  margin: 0;
  color: #607082;
  font-size: 12.5px;
  font-weight: 800;
}

.back-to-list-button {
  height: 32px;
  padding: 0 13px;
  border: 1px solid #cbdce8;
  border-radius: 12px;
  background: #f7fafc;
  color: #08263d;
  font-weight: 900;
  cursor: pointer;
}

.back-to-list-button:hover {
  background: #eaf2f4;
}

.eokul-grade-entry-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.grade-entry-periods,
.grade-entry-tools {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* Eski başlık/yardım metinleri artık giriş ekranında görünmesin */
body.eokul-grade-entry-mode .grade-title-row,
body.eokul-grade-entry-mode .grade-code-hint {
  display: none !important;
}

/* İkon span'leri buton tıklamasını engellemesin */
#clearGradesBtn *,
#createPdfReportBtn *,
#saveGradesBtn *,
.row-add-button * {
  pointer-events: none !important;
}


/* E-Okul ana sayfa: Talebe Seçiniz kutucuğu kaldırıldı */
body.eokul-list-mode .simple-student-line,
body.eokul-list-mode #gradeStudentSelect,
body.eokul-list-mode .student-select-line {
  display: none !important;
}

body.eokul-list-mode .eokul-page-note {
  margin-bottom: 0 !important;
}


/* E-Okul Not Takip üst özet satırı */
.eokul-not-summary-strip {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(112px, 1fr)) !important;
  gap: 9px !important;
  margin-top: 10px !important;
}

.eokul-not-summary-strip article {
  min-height: 54px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(8, 38, 61, .10) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 6px 18px rgba(8, 38, 61, .05) !important;
}

.eokul-not-summary-strip span {
  display: block !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

.eokul-not-summary-strip strong {
  display: block !important;
  margin-top: 4px !important;
  color: #08263d !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body.eokul-grade-entry-mode .eokul-not-summary-strip {
  display: none !important;
}

@media (max-width: 1100px) {
  .eokul-not-summary-strip {
    grid-template-columns: repeat(3, minmax(112px, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .eokul-not-summary-strip {
    grid-template-columns: repeat(2, minmax(112px, 1fr)) !important;
  }
}


/* =========================================================
   E-Okul A5 yatay açılır not giriş sayfası
   ========================================================= */

body.eokul-grade-entry-mode {
  overflow: hidden !important;
}

body.eokul-grade-entry-mode::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(3, 19, 35, .58) !important;
  backdrop-filter: blur(3px) !important;
  z-index: 900 !important;
}

body.eokul-grade-entry-mode .detail-hero {
  display: none !important;
}

body.eokul-grade-entry-mode .detail-shell {
  position: relative !important;
  z-index: 950 !important;
}

body.eokul-grade-entry-mode .eokul-card {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(96vw, 1120px) !important;
  height: min(92vh, 790px) !important;
  aspect-ratio: 1.414 / 1 !important;
  max-width: 1120px !important;
  max-height: 790px !important;
  overflow: auto !important;
  z-index: 1000 !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255, 255, 255, .65) !important;
  background: #f8fbff !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .35) !important;
  padding: 18px 18px 82px !important;
}

body.eokul-grade-entry-mode .status-tabs {
  display: none !important;
}

body.eokul-grade-entry-mode #eokulGradeEntryHead {
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  margin: 0 0 12px !important;
  padding: 14px 54px 14px 16px !important;
  background: linear-gradient(135deg, #ffffff, #eaf4ff) !important;
  border-color: rgba(8, 38, 61, .12) !important;
}

.eokul-modal-close {
  position: absolute !important;
  right: 12px !important;
  top: 10px !important;
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #ef4444 !important;
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(239, 68, 68, .28) !important;
}

.eokul-modal-close:hover,
.eokul-modal-close:focus-visible {
  background: #dc2626 !important;
  outline: 3px solid rgba(239, 68, 68, .25) !important;
}

body.eokul-list-mode .eokul-modal-close {
  display: none !important;
}

body.eokul-grade-entry-mode .back-to-list-button {
  display: none !important;
}

body.eokul-grade-entry-mode .eokul-grade-entry-actions {
  padding-right: 4px !important;
}

body.eokul-grade-entry-mode .eokul-action-strip {
  position: fixed !important;
  right: calc(50% - min(48vw, 560px) + 20px) !important;
  bottom: calc(50% - min(46vh, 395px) + 18px) !important;
  z-index: 1010 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 10px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .94) !important;
  border: 1px solid rgba(8, 38, 61, .10) !important;
  box-shadow: 0 10px 30px rgba(8, 38, 61, .16) !important;
}

body.eokul-grade-entry-mode .eokul-action-strip button,
.eokul-bottom-action {
  min-width: 92px !important;
  height: 40px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 13px !important;
  color: #fff !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  letter-spacing: .2px !important;
}

.eokul-clear-action,
#clearGradesBtn {
  background: linear-gradient(135deg, #ef4444, #b91c1c) !important;
  box-shadow: 0 8px 18px rgba(239, 68, 68, .22) !important;
}

.eokul-report-action,
#createPdfReportBtn {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .22) !important;
}

.eokul-save-action,
#saveGradesBtn,
#saveGradesTop {
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  box-shadow: 0 8px 18px rgba(22, 163, 74, .22) !important;
}

body.eokul-grade-entry-mode .eokul-action-strip button:hover,
body.eokul-grade-entry-mode .eokul-action-strip button:focus-visible {
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
  outline: 3px solid rgba(8, 38, 61, .10) !important;
}

body.eokul-grade-entry-mode .summary-grid.compact-summary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(130px, 1fr)) !important;
  gap: 10px !important;
  margin: 10px 0 14px !important;
}

body.eokul-grade-entry-mode .grade-table-wrap {
  max-height: 430px !important;
  overflow: auto !important;
  border-radius: 14px !important;
}

@media (max-width: 900px) {
  body.eokul-grade-entry-mode .eokul-card {
    width: 96vw !important;
    height: 92vh !important;
    aspect-ratio: auto !important;
  }

  body.eokul-grade-entry-mode .eokul-action-strip {
    right: 4vw !important;
    bottom: 4vh !important;
    left: 4vw !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
}


/* =========================================================
   Talebe Rapor Sayfası + A4 Dikey Açılır Form
   ========================================================= */
.talebe-report-card {
  border: 1px solid rgba(8, 38, 61, .10) !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 16px 42px rgba(8, 38, 61, .08) !important;
}

.talebe-report-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 16px 0 14px !important;
  border-bottom: 1px solid rgba(8, 38, 61, .10) !important;
}

.talebe-report-top h2 {
  margin: 0 !important;
  color: #08263d !important;
  font-size: 22px !important;
  font-weight: 950 !important;
}

.talebe-report-top p {
  margin: 4px 0 0 !important;
  color: #607082 !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

.report-add-main-button,
.report-row-add {
  border: 0 !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, #0f766e, #0d9488) !important;
  color: #fff !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(13, 148, 136, .22) !important;
}

.report-add-main-button {
  min-width: 132px !important;
  height: 42px !important;
  padding: 0 16px !important;
}

.report-row-add {
  min-width: 92px !important;
  height: 32px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
}

.talebe-report-table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
  margin-top: 14px !important;
  border: 1px solid rgba(8, 38, 61, .08) !important;
  border-radius: 16px !important;
}

.talebe-report-table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  font-size: 12.5px !important;
}

.talebe-report-table th,
.talebe-report-table td {
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(8, 38, 61, .07) !important;
  text-align: center !important;
  color: #08263d !important;
  font-weight: 850 !important;
}

.talebe-report-table th {
  background: #eef7f7 !important;
  font-weight: 950 !important;
}

.talebe-report-table tbody tr {
  cursor: pointer !important;
}

.talebe-report-table tbody tr:hover td {
  background: #f1fbf9 !important;
}

.talebe-report-table .report-student-name {
  text-align: left !important;
  font-weight: 950 !important;
}

.report-empty-row {
  color: #64748b !important;
  padding: 18px !important;
}

body.report-modal-open {
  overflow: hidden !important;
}

.report-a4-modal.hidden {
  display: none !important;
}

.report-a4-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2000 !important;
  display: grid !important;
  place-items: center !important;
}

.report-a4-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(3, 19, 35, .60) !important;
  backdrop-filter: blur(4px) !important;
}

.report-a4-page {
  position: relative !important;
  z-index: 2 !important;
  width: min(92vw, 794px) !important;
  height: min(94vh, 1123px) !important;
  aspect-ratio: 1 / 1.414 !important;
  overflow: auto !important;
  padding: 28px 32px 92px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  color: #08263d !important;
  box-shadow: 0 28px 88px rgba(0, 0, 0, .38) !important;
  border: 1px solid rgba(255, 255, 255, .75) !important;
}

.report-a4-close {
  position: absolute !important;
  right: 16px !important;
  top: 16px !important;
  width: 36px !important;
  height: 36px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #ef4444 !important;
  color: white !important;
  font-size: 25px !important;
  font-weight: 950 !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
}

.report-a4-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  border-bottom: 2px solid #0f766e !important;
  padding: 0 44px 16px 0 !important;
  margin-bottom: 18px !important;
}

.report-a4-label {
  margin: 0 0 6px !important;
  color: #0f766e !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .8px !important;
}

.report-a4-head h2 {
  margin: 0 !important;
  color: #08263d !important;
  font-size: 26px !important;
  font-weight: 950 !important;
}

.report-a4-head p {
  margin: 5px 0 0 !important;
  color: #64748b !important;
  font-weight: 800 !important;
}

.report-a4-date-pill {
  min-width: 130px !important;
  padding: 9px 12px !important;
  border-radius: 14px !important;
  background: #ecfeff !important;
  border: 1px solid #a5f3fc !important;
  text-align: center !important;
}

.report-a4-date-pill span {
  display: block !important;
  color: #0f766e !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.report-a4-date-pill strong {
  display: block !important;
  margin-top: 3px !important;
  color: #08263d !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.report-a4-form {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
}

.report-field {
  display: grid !important;
  gap: 6px !important;
}

.report-field.full {
  grid-column: 1 / -1 !important;
}

.report-field span {
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.report-field input,
.report-field select,
.report-field textarea {
  width: 100% !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  color: #08263d !important;
  font-weight: 800 !important;
  padding: 10px 12px !important;
  font: inherit !important;
  resize: vertical !important;
}

.report-field textarea {
  min-height: 78px !important;
}

.report-field input:focus,
.report-field select:focus,
.report-field textarea:focus {
  outline: 3px solid rgba(13, 148, 136, .18) !important;
  border-color: #0d9488 !important;
  background: #fff !important;
}

.report-a4-actions {
  position: absolute !important;
  right: 28px !important;
  bottom: 24px !important;
  display: flex !important;
  gap: 10px !important;
}

.report-action {
  min-width: 104px !important;
  height: 40px !important;
  border: 0 !important;
  border-radius: 13px !important;
  color: #fff !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.report-clear {
  background: linear-gradient(135deg, #ef4444, #b91c1c) !important;
}

.report-save {
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
}

@media (max-width: 760px) {
  .report-a4-form {
    grid-template-columns: 1fr !important;
  }

  .report-a4-page {
    width: 94vw !important;
    height: 94vh !important;
    aspect-ratio: auto !important;
    padding: 22px 18px 92px !important;
  }

  .report-a4-head {
    flex-direction: column !important;
  }
}


/* =========================================================
   E-Okul modern yatay üst başlık
   ========================================================= */
.eokul-modern-hero {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 112px !important;
  padding: 18px 54px 18px 20px !important;
}

.eokul-modern-title-row {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.eokul-modern-back {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

.eokul-modern-title-copy {
  min-width: 0 !important;
}

.eokul-modern-title-copy h1 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  font-weight: 950 !important;
  letter-spacing: -.8px !important;
  line-height: 1.05 !important;
}

.eokul-modern-title-copy p {
  margin: 6px 0 0 !important;
  color: #0b3558 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.eokul-modern-home {
  min-width: 118px !important;
  height: 46px !important;
  border-radius: 15px !important;
  border-color: rgba(13, 148, 136, .35) !important;
  background: #ffffff !important;
  color: #075985 !important;
  font-weight: 950 !important;
  box-shadow: 0 10px 24px rgba(8, 38, 61, .06) !important;
}

.eokul-modern-home:hover,
.eokul-modern-home:focus-visible {
  background: #ecfeff !important;
  border-color: #0d9488 !important;
  outline: 3px solid rgba(13, 148, 136, .16) !important;
}

@media (max-width: 760px) {
  .eokul-modern-hero {
    align-items: flex-start !important;
    flex-direction: column !important;
    padding: 16px !important;
  }

  .eokul-modern-title-copy h1 {
    font-size: 26px !important;
  }

  .eokul-home-actions,
  .eokul-modern-home {
    width: 100% !important;
  }
}


/* =========================================================
   E-Okul üst alan ve özet kartları - daha kompakt panel görünümü
   ========================================================= */
.eokul-modern-hero {
  min-height: 88px !important;
  padding: 14px 54px 14px 20px !important;
}

.eokul-modern-title-row {
  gap: 12px !important;
}

.eokul-modern-title-copy h1 {
  font-size: clamp(25px, 2.4vw, 34px) !important;
  letter-spacing: -.6px !important;
}

.eokul-modern-title-copy p {
  margin-top: 5px !important;
  font-size: 12.5px !important;
  color: #16476c !important;
}

.eokul-modern-back {
  width: 38px !important;
  height: 38px !important;
  border-radius: 13px !important;
}

.eokul-modern-home {
  height: 42px !important;
  min-width: 112px !important;
}

/* Not Takip bölümü daha belirgin panel gibi dursun */
.eokul-card .eokul-top.compact-top {
  padding: 12px 0 10px !important;
  border-bottom: 1px solid rgba(8, 38, 61, .08) !important;
  margin-bottom: 10px !important;
}

.eokul-card .eokul-top.compact-top h2 {
  font-size: 22px !important;
  color: #08263d !important;
  font-weight: 950 !important;
  margin-bottom: 4px !important;
}

.eokul-card .eokul-page-note {
  color: #52657b !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

/* Özet kartlarına hafif renk ayrımı */
.eokul-not-summary-strip article {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
}

.eokul-not-summary-strip article::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: #0b3558 !important;
}

.eokul-not-summary-strip article:nth-child(1)::before,
.eokul-not-summary-strip article:nth-child(2)::before,
.eokul-not-summary-strip article:nth-child(3)::before {
  background: #075985 !important;
}

.eokul-not-summary-strip article:nth-child(4)::before {
  background: #16a34a !important;
}

.eokul-not-summary-strip article:nth-child(5)::before {
  background: #2563eb !important;
}

.eokul-not-summary-strip article:nth-child(6)::before {
  background: #dc2626 !important;
}

.eokul-not-summary-strip article:nth-child(4) strong {
  color: #15803d !important;
}

.eokul-not-summary-strip article:nth-child(5) strong {
  color: #1d4ed8 !important;
}

.eokul-not-summary-strip article:nth-child(6) strong {
  color: #b91c1c !important;
}

/* Talebe Not Listesi kartı daha net ayrılsın */
.eokul-student-list-card {
  margin-top: 12px !important;
  box-shadow: 0 10px 28px rgba(8, 38, 61, .06) !important;
}

.eokul-student-list-head {
  background: linear-gradient(180deg, #ffffff, #f3f8fb) !important;
}

.eokul-student-list-head h3 {
  font-size: 16px !important;
}

.eokul-student-list-table th {
  background: #eaf3f6 !important;
}

@media (max-width: 760px) {
  .eokul-modern-hero {
    min-height: auto !important;
  }

  .eokul-modern-title-copy h1 {
    font-size: 24px !important;
  }
}


/* =========================================================
   Talebe İsim Listesi - önceki gibi açılır menü/panel görünümü
   Büyük açılır sayfa yerine kompakt menü olarak açılır.
   ========================================================= */

body:not(.student-add-mode) .student-add-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1800 !important;
  display: grid !important;
  place-items: start end !important;
  padding: 92px 42px 24px !important;
  pointer-events: none !important;
}

body:not(.student-add-mode) .student-add-modal.hidden {
  display: none !important;
}

body:not(.student-add-mode) .student-add-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(8, 38, 61, .18) !important;
  backdrop-filter: blur(1px) !important;
  pointer-events: auto !important;
}

body:not(.student-add-mode) .student-add-modal-card {
  position: relative !important;
  width: min(92vw, 520px) !important;
  max-width: 520px !important;
  max-height: min(78vh, 680px) !important;
  overflow: auto !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid rgba(8, 38, 61, .12) !important;
  box-shadow: 0 24px 68px rgba(8, 38, 61, .24) !important;
  pointer-events: auto !important;
  transform-origin: top right !important;
  animation: studentMenuDrop .16s ease-out !important;
}

@keyframes studentMenuDrop {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

body:not(.student-add-mode) .student-add-modal-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  background: linear-gradient(180deg, #ffffff, #f5fbff) !important;
  border-bottom: 1px solid rgba(8, 38, 61, .08) !important;
}

body:not(.student-add-mode) .student-add-modal-head h2 {
  font-size: 20px !important;
}

body:not(.student-add-mode) .student-add-modal-card form,
body:not(.student-add-mode) .student-add-form,
body:not(.student-add-mode) .student-delete-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

body:not(.student-add-mode) .student-add-modal-card input,
body:not(.student-add-mode) .student-add-modal-card select,
body:not(.student-add-mode) .student-add-modal-card textarea {
  min-height: 38px !important;
}

body:not(.student-add-mode) .student-add-modal-actions,
body:not(.student-add-mode) .modal-actions,
body:not(.student-add-mode) .student-delete-actions {
  position: sticky !important;
  bottom: 0 !important;
  background: linear-gradient(0deg, #ffffff, rgba(255,255,255,.94)) !important;
  border-top: 1px solid rgba(8, 38, 61, .08) !important;
  padding-top: 12px !important;
}

@media (max-width: 760px) {
  body:not(.student-add-mode) .student-add-modal {
    place-items: end center !important;
    padding: 16px !important;
  }

  body:not(.student-add-mode) .student-add-modal-card {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 82vh !important;
    border-radius: 22px 22px 16px 16px !important;
  }
}


/* Talebe İsim Listesi: isme tıklayınca yeni sayfa değil, açılır menü */
.student-info-click-row,
.student-info-name-button {
  cursor: pointer !important;
}

.student-info-name-button {
  color: #08263d !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

.student-info-click-row:hover .student-info-name-button {
  color: #0f766e !important;
}

body.student-sheet-open #studentInfoForm {
  display: block !important;
}

/* Açılır menü düzeni: sağdan kompakt panel */
body:not(.student-add-mode).student-sheet-open #studentInfoForm {
  position: fixed !important;
  top: 92px !important;
  right: 42px !important;
  left: auto !important;
  width: min(92vw, 520px) !important;
  max-height: min(78vh, 680px) !important;
  overflow: auto !important;
  z-index: 1900 !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid rgba(8, 38, 61, .12) !important;
  box-shadow: 0 24px 68px rgba(8, 38, 61, .24) !important;
  padding: 18px !important;
  animation: studentMenuDrop .16s ease-out !important;
}

body:not(.student-add-mode).student-sheet-open .student-form-sheet-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1850 !important;
  background: rgba(8, 38, 61, .18) !important;
  backdrop-filter: blur(1px) !important;
}

@media (max-width: 760px) {
  body:not(.student-add-mode).student-sheet-open #studentInfoForm {
    top: auto !important;
    right: 12px !important;
    left: 12px !important;
    bottom: 14px !important;
    width: auto !important;
    max-height: 82vh !important;
  }
}


/* =========================================================
   Talebe İsim Listesi açılır paneli: A5 yatay görünüm
   ========================================================= */
body:not(.student-add-mode).student-sheet-open #studentInfoForm {
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  width: min(94vw, 920px) !important;
  height: min(88vh, 650px) !important;
  aspect-ratio: 1.414 / 1 !important;
  max-width: 920px !important;
  max-height: 650px !important;
  overflow: auto !important;
  z-index: 1900 !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(8, 38, 61, .14) !important;
  box-shadow: 0 30px 90px rgba(8, 38, 61, .30) !important;
  padding: 20px 22px 78px !important;
  animation: studentA5PanelOpen .18s ease-out !important;
}

@keyframes studentA5PanelOpen {
  from {
    opacity: 0;
    transform: translate(-50%, -48%) scale(.985);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

body:not(.student-add-mode).student-sheet-open .student-form-sheet-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1850 !important;
  background: rgba(3, 19, 35, .55) !important;
  backdrop-filter: blur(3px) !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-title,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-head,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-section-title {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  background: linear-gradient(180deg, #ffffff, #f6fbff) !important;
  border-bottom: 1px solid rgba(8, 38, 61, .08) !important;
  padding-bottom: 10px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 14px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .full,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .full-row,
body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .note-field {
  grid-column: 1 / -1 !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm input,
body:not(.student-add-mode).student-sheet-open #studentInfoForm select,
body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea {
  min-height: 38px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-actions,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-actions,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .button-row {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 4 !important;
  background: linear-gradient(0deg, #ffffff, rgba(255,255,255,.94)) !important;
  border-top: 1px solid rgba(8, 38, 61, .08) !important;
  padding-top: 12px !important;
}

@media (max-width: 760px) {
  body:not(.student-add-mode).student-sheet-open #studentInfoForm {
    width: 94vw !important;
    height: 90vh !important;
    aspect-ratio: auto !important;
    padding: 18px 16px 78px !important;
  }

  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-grid {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   Talebe Bilgi Menüsü - A5 yatay kompakt 3 sütun denemesi
   ========================================================= */
body:not(.student-add-mode).student-sheet-open #studentInfoForm {
  width: min(95vw, 980px) !important;
  height: min(86vh, 620px) !important;
  max-width: 980px !important;
  max-height: 620px !important;
  padding: 18px 22px 88px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Üst başlık daha ince ve sabit */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-title,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-head {
  position: sticky !important;
  top: -18px !important;
  z-index: 10 !important;
  margin: -18px -22px 14px !important;
  padding: 18px 22px 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  border-bottom: 1px solid rgba(8, 38, 61, .08) !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-title h2,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-head h2 {
  font-size: 24px !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-title p,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-head p {
  margin-top: 4px !important;
  font-size: 12px !important;
}

/* Formu 3 sütun yap */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-grid,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .big-form-grid,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-body {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px 10px !important;
  align-items: start !important;
}

/* Bazı eski yapılarda label/input çiftleri direkt form içinde olabilir */
body:not(.student-add-mode).student-sheet-open #studentInfoForm > label,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-field,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .field,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .input-box {
  min-width: 0 !important;
}

/* Input ve kutuları daha kompakt yap */
body:not(.student-add-mode).student-sheet-open #studentInfoForm input,
body:not(.student-add-mode).student-sheet-open #studentInfoForm select,
body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea {
  min-height: 34px !important;
  height: 38px !important;
  padding: 7px 10px !important;
  font-size: 12.5px !important;
  border-radius: 11px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea {
  height: 58px !important;
  min-height: 58px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm label,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .field-label,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-label {
  font-size: 12px !important;
  line-height: 1.1 !important;
}

/* Not / uzun açıklama alanları geniş kalsın */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .full,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .full-row,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .note-field,
body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #privateNote {
  grid-column: span 3 !important;
}

/* Alt buton barı formun üstüne binmesin, daha ince olsun */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-actions,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-actions,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .button-row,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-bottom-actions {
  position: sticky !important;
  bottom: -88px !important;
  z-index: 11 !important;
  margin: 14px -22px -88px !important;
  padding: 12px 22px !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  background: rgba(255,255,255,.94) !important;
  border-top: 1px solid rgba(8, 38, 61, .08) !important;
  backdrop-filter: blur(8px) !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-actions button,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-actions button,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .button-row button,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-bottom-actions button {
  min-width: 128px !important;
  height: 42px !important;
  border-radius: 14px !important;
  font-weight: 950 !important;
}

/* Excel butonlarını başlık içinde daha kompakt tut */
body:not(.student-add-mode).student-sheet-open #studentInfoForm #exportExcelBtn,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #importExcelBtn,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #templateExcelBtn,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #studentSheetCloseBtn {
  height: 34px !important;
  padding: 0 12px !important;
  border-radius: 11px !important;
  font-size: 11px !important;
}

/* Kapat butonu kırmızı ama küçük */
body:not(.student-add-mode).student-sheet-open #studentInfoForm #studentSheetCloseBtn {
  color: #b91c1c !important;
  background: #fff1f2 !important;
  border-color: #fecdd3 !important;
}

/* Mobilde 1 sütuna dön */
@media (max-width: 820px) {
  body:not(.student-add-mode).student-sheet-open #studentInfoForm {
    width: 94vw !important;
    height: 90vh !important;
    max-height: 90vh !important;
    aspect-ratio: auto !important;
    padding: 16px 14px 86px !important;
  }

  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .big-form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-body {
    grid-template-columns: 1fr !important;
  }

  body:not(.student-add-mode).student-sheet-open #studentInfoForm .full,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .full-row,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .note-field,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #privateNote {
    grid-column: 1 / -1 !important;
  }
}


/* =========================================================
   Talebe Bilgi Menüsü - bilgi giriş kutucuklarını genişlet
   ========================================================= */

/* Panel biraz daha geniş; A5 yatay hissi korunur */
body:not(.student-add-mode).student-sheet-open #studentInfoForm {
  width: min(96vw, 1060px) !important;
  max-width: 1060px !important;
  height: min(86vh, 640px) !important;
  max-height: 640px !important;
}

/* 3 sütun korunur ama her kutu daha geniş nefes alır */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-grid,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .big-form-grid,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-body {
  grid-template-columns: repeat(3, minmax(230px, 1fr)) !important;
  gap: 11px 14px !important;
}

/* Kutuların kendi iç genişliği */
body:not(.student-add-mode).student-sheet-open #studentInfoForm input,
body:not(.student-add-mode).student-sheet-open #studentInfoForm select,
body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea {
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 9px 12px !important;
  font-size: 13px !important;
}

/* Uzun açıklama/not alanları daha rahat */
body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #privateNote {
  height: 72px !important;
  min-height: 72px !important;
}

/* Etiket kutuları da biraz geniş ve okunaklı */
body:not(.student-add-mode).student-sheet-open #studentInfoForm label,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .field-label,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-label {
  font-size: 12.5px !important;
}

/* Daha dar ekranlarda sıkışmasın diye 2 sütuna düş */
@media (max-width: 980px) {
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .big-form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-body {
    grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .big-form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-body {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   Talebe Bilgi Menüsü - A5'e uygun küçük butonlar
   ========================================================= */

/* Üstteki Kapat / Excel butonları */
body:not(.student-add-mode).student-sheet-open #studentInfoForm #studentSheetCloseBtn,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #exportExcelBtn,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #importExcelBtn,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #templateExcelBtn {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  box-shadow: 0 5px 12px rgba(8, 38, 61, .08) !important;
}

/* Üst butonların arası daha az olsun */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-hero-actions,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-title-actions,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-actions-top {
  gap: 8px !important;
}

/* Alt Temizle / Kaydet barı daha ince */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-actions,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-actions,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .button-row,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-bottom-actions {
  padding: 9px 18px !important;
  gap: 9px !important;
}

/* Alt ana işlem butonları */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-actions button,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-actions button,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .button-row button,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-bottom-actions button,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #clearBtn,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .save-button {
  min-width: 96px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  box-shadow: 0 6px 15px rgba(8, 38, 61, .10) !important;
}

/* Kaydet butonu rengi zarif kalsın */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .save-button {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
}

/* Temizle butonu daha soft lacivert */
body:not(.student-add-mode).student-sheet-open #studentInfoForm #clearBtn {
  background: linear-gradient(135deg, #1f6f7a, #155e68) !important;
}

/* Buton barı formu kapatmasın diye alt boşluğu azaltılmış ama yeterli */
body:not(.student-add-mode).student-sheet-open #studentInfoForm {
  padding-bottom: 72px !important;
}


/* =========================================================
   Tüm butonlar: üzerine gelince görevine/ismine göre renklenir
   ========================================================= */

/* Genel yumuşak hareket */
button,
.action-button,
.mini-action,
.tab,
.report-action,
.report-row-add,
.report-add-main-button,
.student-info-name-button,
.save-button,
.update-pill,
.home-shortcut {
  transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}

button:hover,
.action-button:hover,
.mini-action:hover,
.tab:hover,
.report-action:hover,
.report-row-add:hover,
.report-add-main-button:hover,
.student-info-name-button:hover,
.save-button:hover,
.update-pill:hover,
.home-shortcut:hover {
  transform: translateY(-1px) !important;
}

/* Kaydet / Onay / Güncelle */
button[id*="save"]:hover,
button[id*="Save"]:hover,
button[class*="save"]:hover,
.save-button:hover,
.report-save:hover,
.eokul-save-action:hover,
#saveGradesBtn:hover,
#saveGradesTop:hover,
#reportSaveBtn:hover,
#enableEditBtn:hover,
#bottomEnableEditBtn:hover,
.update-pill:hover {
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
  border-color: #16a34a !important;
  box-shadow: 0 10px 24px rgba(22, 163, 74, .28) !important;
}

/* Temizle / Sil / Kapat / Çıkış */
button[id*="clear"]:hover,
button[id*="Clear"]:hover,
button[id*="delete"]:hover,
button[id*="Delete"]:hover,
button[id*="close"]:hover,
button[id*="Close"]:hover,
button[class*="clear"]:hover,
button[class*="delete"]:hover,
button[class*="close"]:hover,
.report-clear:hover,
.eokul-clear-action:hover,
#clearBtn:hover,
#clearGradesBtn:hover,
#reportClearBtn:hover,
#studentSheetCloseBtn:hover,
#reportModalCloseBtn:hover,
#eokulModalCloseBtn:hover,
#logoutBtn:hover,
.close-button:hover,
.report-a4-close:hover,
.eokul-modal-close:hover {
  background: linear-gradient(135deg, #ef4444, #b91c1c) !important;
  color: #ffffff !important;
  border-color: #ef4444 !important;
  box-shadow: 0 10px 24px rgba(239, 68, 68, .28) !important;
}

/* Excel / Şablon / İçe-Dışa Aktar */
button[id*="Excel"]:hover,
button[id*="excel"]:hover,
button[id*="export"]:hover,
button[id*="Export"]:hover,
button[id*="import"]:hover,
button[id*="Import"]:hover,
button[id*="template"]:hover,
button[id*="Template"]:hover,
#exportExcelBtn:hover,
#importExcelBtn:hover,
#templateExcelBtn:hover {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
  box-shadow: 0 10px 24px rgba(37, 99, 235, .28) !important;
}

/* Rapor */
button[id*="report"]:hover,
button[id*="Report"]:hover,
button[class*="report"]:hover,
.report-row-add:hover,
.report-add-main-button:hover,
#createPdfReportBtn:hover,
.eokul-report-action:hover {
  background: linear-gradient(135deg, #7c3aed, #5b21b6) !important;
  color: #ffffff !important;
  border-color: #7c3aed !important;
  box-shadow: 0 10px 24px rgba(124, 58, 237, .28) !important;
}

/* Anasayfa / Home */
button[id*="home"]:hover,
button[id*="Home"]:hover,
button[class*="home"]:hover,
[data-go-home]:hover,
.page-home-button:hover,
.home-mini-action:hover,
.eokul-modern-home:hover {
  background: linear-gradient(135deg, #0f766e, #0d9488) !important;
  color: #ffffff !important;
  border-color: #0d9488 !important;
  box-shadow: 0 10px 24px rgba(13, 148, 136, .28) !important;
}

/* Yeni / Ekle */
button[id*="new"]:hover,
button[id*="New"]:hover,
button[id*="add"]:hover,
button[id*="Add"]:hover,
button[class*="add"]:hover,
#newStudentFromListBtn:hover,
#openAddStudentBtn:hover,
#openBlankReportBtn:hover,
.report-add-main-button:hover,
.report-row-add:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border-color: #14b8a6 !important;
  box-shadow: 0 10px 24px rgba(20, 184, 166, .28) !important;
}

/* Liste / isim butonları */
.student-info-name-button:hover,
.report-student-name:hover,
.student-name:hover {
  color: #0f766e !important;
  text-shadow: 0 0 0 rgba(15, 118, 110, .2) !important;
}

/* Sekme ve menü butonları */
.tab:hover,
.status-tabs .tab:hover,
.side-menu a:hover,
.side-menu button:hover,
.menu-link:hover,
.sidebar-link:hover {
  background: linear-gradient(135deg, #08365f, #0f766e) !important;
  color: #ffffff !important;
  border-color: #0f766e !important;
  box-shadow: 0 10px 24px rgba(8, 54, 95, .20) !important;
}

/* Aktif sekmeler hover'da da güçlü kalsın */
.tab.active:hover,
.status-tabs .tab.active:hover {
  background: linear-gradient(135deg, #08365f, #064e7a) !important;
  color: #ffffff !important;
}

/* Geri butonu */
.universal-back-button:hover,
.back-icon-button:hover,
.back-to-list-button:hover {
  background: linear-gradient(135deg, #082f49, #075985) !important;
  color: #ffffff !important;
  border-color: #075985 !important;
  box-shadow: 0 10px 24px rgba(7, 89, 133, .25) !important;
}

/* Pasif/disabled butonlarda hover kapalı */
button:disabled:hover,
.tab:disabled:hover,
button[disabled]:hover {
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}


/* =========================================================
   Talebe Bilgi Menüsü - alt butonlar sabit değil, sayfa ile hareket eder
   ========================================================= */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-actions,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-actions,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .button-row,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-bottom-actions {
  position: static !important;
  bottom: auto !important;
  z-index: auto !important;
  margin: 16px 0 0 !important;
  padding: 12px 0 0 !important;
  background: transparent !important;
  border-top: 1px solid rgba(8, 38, 61, .08) !important;
  backdrop-filter: none !important;
}

/* Sabit buton için bırakılmış ekstra alt boşluğu kaldır */
body:not(.student-add-mode).student-sheet-open #studentInfoForm {
  padding-bottom: 22px !important;
}


/* =========================================================
   Talebe Bilgi Menüsü - kutuları daha alçak ve daha geniş yap
   ========================================================= */

/* Paneli biraz daha geniş, biraz daha basık yap */
body:not(.student-add-mode).student-sheet-open #studentInfoForm {
  width: min(97vw, 1140px) !important;
  max-width: 1140px !important;
  height: min(84vh, 610px) !important;
  max-height: 610px !important;
  padding: 16px 20px 22px !important;
}

/* Üst başlığı daha kompakt tut */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-title,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-head {
  margin: -16px -20px 12px !important;
  padding: 16px 20px 10px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-title h2,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-head h2 {
  font-size: 22px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-title p,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-head p {
  font-size: 11.5px !important;
}

/* Ana düzeni genişlet: daha çok yatay alan kullan */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-grid,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .big-form-grid,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-body {
  grid-template-columns: repeat(4, minmax(170px, 1fr)) !important;
  gap: 8px 10px !important;
  align-items: center !important;
}

/* Alan kutuları: daha alçak ama daha geniş */
body:not(.student-add-mode).student-sheet-open #studentInfoForm input,
body:not(.student-add-mode).student-sheet-open #studentInfoForm select,
body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea {
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 6px 11px !important;
  font-size: 12.5px !important;
  line-height: 1.1 !important;
  border-radius: 10px !important;
}

/* Etiket kutularını da alçalt */
body:not(.student-add-mode).student-sheet-open #studentInfoForm label,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .field-label,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-label,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .field-title {
  font-size: 12px !important;
  line-height: 1.05 !important;
}

/* Uzun metinler ve isimler kesilmesin */
body:not(.student-add-mode).student-sheet-open #studentInfoForm input[type="text"],
body:not(.student-add-mode).student-sheet-open #studentInfoForm input[type="search"],
body:not(.student-add-mode).student-sheet-open #studentInfoForm input:not([type]),
body:not(.student-add-mode).student-sheet-open #studentInfoForm select {
  text-overflow: clip !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

/* Özellikle isim ve veli adı gibi uzun alanları geniş aç */
body:not(.student-add-mode).student-sheet-open #studentInfoForm #studentName,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #fatherName,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #motherName,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #mentor,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #schoolName,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .wide-field {
  grid-column: span 2 !important;
}

/* Not/özel açıklama gibi alanlar tüm satırı kaplasın */
body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #privateNote,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .full,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .full-row,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .note-field {
  grid-column: 1 / -1 !important;
  height: 58px !important;
  min-height: 58px !important;
}

/* Alt buton satırı normal akışta ama daha derli toplu */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-actions,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-actions,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .button-row,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-bottom-actions {
  margin-top: 12px !important;
  padding-top: 10px !important;
}

/* Butonlar da panel oranına uysun */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-actions button,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-actions button,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .button-row button,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-bottom-actions button {
  min-width: 90px !important;
  height: 32px !important;
  font-size: 11.5px !important;
  border-radius: 10px !important;
}

/* Tablet */
@media (max-width: 1080px) {
  body:not(.student-add-mode).student-sheet-open #studentInfoForm {
    width: 96vw !important;
  }

  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .big-form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-body {
    grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
  }

  body:not(.student-add-mode).student-sheet-open #studentInfoForm #studentName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #fatherName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #motherName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #mentor,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #schoolName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .wide-field {
    grid-column: span 2 !important;
  }
}

/* Daha dar ekran */
@media (max-width: 820px) {
  body:not(.student-add-mode).student-sheet-open #studentInfoForm {
    height: 90vh !important;
    max-height: 90vh !important;
  }

  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .big-form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-body {
    grid-template-columns: repeat(2, minmax(170px, 1fr)) !important;
  }

  body:not(.student-add-mode).student-sheet-open #studentInfoForm #studentName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #fatherName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #motherName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #mentor,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #schoolName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .wide-field {
    grid-column: 1 / -1 !important;
  }
}

/* Mobil */
@media (max-width: 620px) {
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .big-form-grid,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-body {
    grid-template-columns: 1fr !important;
  }

  body:not(.student-add-mode).student-sheet-open #studentInfoForm #studentName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #fatherName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #motherName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #mentor,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #schoolName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .wide-field {
    grid-column: 1 / -1 !important;
  }
}


/* =========================================================
   Talebe Bilgi Menüsü
   T.C. / Talebe Adı Soyadı / Sınıfı kutularını yatay genişlet
   ========================================================= */

/* Form kolonunu biraz daha aç */
.single-form-grid.student-info-form-layout,
.student-info-form-layout.single-form-grid {
  max-width: 980px !important;
  width: 100% !important;
}

/* Genel paired row'lar biraz daha dengeli */
.student-info-form-layout .paired-field-row {
  grid-template-columns: 180px minmax(280px, 1fr) !important;
  gap: 10px !important;
}

/* Özellikle istenen 3 alan daha geniş olsun */
.student-info-form-layout .paired-field-row:has(#tc),
.student-info-form-layout .paired-field-row:has(#studentName),
.student-info-form-layout .paired-field-row:has(#className) {
  grid-template-columns: 185px minmax(420px, 1fr) !important;
  width: 100% !important;
}

/* İlgili input/select kutuları yatayda daha rahat olsun */
.student-info-form-layout #tc,
.student-info-form-layout #studentName,
.student-info-form-layout #className {
  width: 100% !important;
  min-width: 420px !important;
  max-width: 100% !important;
}

/* İsim alanı özellikle uzun isimleri daha net göstersin */
.student-info-form-layout #studentName {
  min-width: 500px !important;
}

/* Bu alanlarda yazı kesilmesin */
.student-info-form-layout #tc,
.student-info-form-layout #studentName,
.student-info-form-layout #className {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

/* Dar ekranlarda yine düzenli küçülsün */
@media (max-width: 980px) {
  .single-form-grid.student-info-form-layout,
  .student-info-form-layout.single-form-grid {
    max-width: 100% !important;
  }

  .student-info-form-layout .paired-field-row,
  .student-info-form-layout .paired-field-row:has(#tc),
  .student-info-form-layout .paired-field-row:has(#studentName),
  .student-info-form-layout .paired-field-row:has(#className) {
    grid-template-columns: 165px minmax(220px, 1fr) !important;
  }

  .student-info-form-layout #tc,
  .student-info-form-layout #studentName,
  .student-info-form-layout #className {
    min-width: 0 !important;
  }
}

@media (max-width: 700px) {
  .student-info-form-layout .paired-field-row,
  .student-info-form-layout .paired-field-row:has(#tc),
  .student-info-form-layout .paired-field-row:has(#studentName),
  .student-info-form-layout .paired-field-row:has(#className) {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   Talebe Bilgi Menüsü - çok yatay değil, daha kare/dengeli panel
   ========================================================= */

/* Panel yatay genişliği azaltıldı, yüksekliği biraz artırıldı */
body:not(.student-add-mode).student-sheet-open #studentInfoForm {
  width: min(92vw, 930px) !important;
  max-width: 930px !important;
  height: min(88vh, 720px) !important;
  max-height: 720px !important;
  aspect-ratio: auto !important;
  padding: 18px 20px 24px !important;
}

/* İç form fazla yatay açılmasın */
.single-form-grid.student-info-form-layout,
.student-info-form-layout.single-form-grid {
  max-width: 760px !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Alanlar daha kare panel mantığına göre dengeli */
.student-info-form-layout .paired-field-row {
  grid-template-columns: 175px minmax(260px, 1fr) !important;
  gap: 10px !important;
}

/* T.C. / İsim / Sınıf yine geniş, ama paneli aşırı yatay yapmayacak kadar */
.student-info-form-layout .paired-field-row:has(#tc),
.student-info-form-layout .paired-field-row:has(#studentName),
.student-info-form-layout .paired-field-row:has(#className) {
  grid-template-columns: 180px minmax(320px, 1fr) !important;
}

/* Önceki aşırı min-width değerlerini dengeli hale getir */
.student-info-form-layout #tc,
.student-info-form-layout #studentName,
.student-info-form-layout #className {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* İsim alanı geniş kalır ama paneli uzatmaz */
.student-info-form-layout #studentName {
  min-width: 0 !important;
}

/* Çok sütunlu zorlamaları bu panelde dengeli 2 sütun hissine çek */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-grid,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .big-form-grid,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-body {
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 760px !important;
}

/* Başlık alanı da panel genişliğine uyumlu olsun */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-title,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .student-form-head {
  margin: -18px -20px 14px !important;
  padding: 16px 20px 10px !important;
}

/* Üst butonlar çok sağa yayılmasın, gerekirse satır içinde kalsın */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .excel-actions {
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

/* Dar ekranlarda yine tam uyum */
@media (max-width: 820px) {
  body:not(.student-add-mode).student-sheet-open #studentInfoForm {
    width: 94vw !important;
    height: 90vh !important;
    max-height: 90vh !important;
  }

  .student-info-form-layout .paired-field-row,
  .student-info-form-layout .paired-field-row:has(#tc),
  .student-info-form-layout .paired-field-row:has(#studentName),
  .student-info-form-layout .paired-field-row:has(#className) {
    grid-template-columns: 1fr !important;
  }
}


/* Üst panelde Güncelle butonu */
#topEnableEditBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 88px !important;
  height: 30px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 1px solid #bbf7d0 !important;
  background: linear-gradient(135deg, #ecfdf5, #d1fae5) !important;
  color: #15803d !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  box-shadow: 0 5px 12px rgba(21, 128, 61, .10) !important;
}
#topEnableEditBtn.hidden {
  display: none !important;
}
#topEnableEditBtn:hover {
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
  border-color: #16a34a !important;
  box-shadow: 0 10px 24px rgba(22, 163, 74, .28) !important;
}


/* =========================================================
   Ana sayfa üst Güncelle kaldırıldı, panel içi Güncelle çalışır
   ========================================================= */

/* Hero/ana başlıktaki eski Güncelle butonu kesin gizli */
.detail-hero #enableEditBtn,
.form-hero-actions #enableEditBtn {
  display: none !important;
}

/* Açılır panel içindeki Güncelle butonu */
#topEnableEditBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 82px !important;
  height: 30px !important;
  padding: 0 11px !important;
  border-radius: 10px !important;
  border: 1px solid #bbf7d0 !important;
  background: linear-gradient(135deg, #ecfdf5, #d1fae5) !important;
  color: #15803d !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  box-shadow: 0 5px 12px rgba(21, 128, 61, .10) !important;
}

#topEnableEditBtn.hidden {
  display: none !important;
}

#topEnableEditBtn:hover {
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
  border-color: #16a34a !important;
  box-shadow: 0 10px 24px rgba(22, 163, 74, .28) !important;
}


/* =========================================================
   Açılır panel üst butonları aynı ölçüde
   ========================================================= */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .excel-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .excel-actions .excel-button,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #studentSheetCloseBtn,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #topEnableEditBtn,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #importExcelBtn,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #templateExcelBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm #topEnableEditBtn {
  min-width: auto !important;
  color: #15803d !important;
  background: linear-gradient(135deg, #ecfdf5, #d1fae5) !important;
  border: 1px solid #bbf7d0 !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm #topEnableEditBtn.hidden {
  display: none !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm #topEnableEditBtn:hover {
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
  border-color: #16a34a !important;
}


/* Excel butonları kaldırıldı: üstte Kapat + Güncelle dengeli görünür */
body:not(.student-add-mode).student-sheet-open #studentInfoForm .excel-actions {
  gap: 8px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .excel-actions #studentSheetCloseBtn,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .excel-actions #topEnableEditBtn {
  min-width: 82px !important;
}


/* =========================================================
   Talebe Bilgi Formu üst kutucuk yeni hizalama
   ========================================================= */
.talebe-header-hero {
  display: flex !important;
  align-items: center !important;
  padding: 18px 20px !important;
  min-height: 112px !important;
}

.talebe-header-block {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
}

.talebe-header-topline {
  display: grid !important;
  grid-template-columns: 42px 1fr auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
}

.talebe-header-back {
  margin: 0 !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  border-radius: 12px !important;
}

.talebe-header-topline h1 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -.7px !important;
}

.talebe-header-home {
  margin: 0 !important;
  min-width: 118px !important;
  height: 38px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(7, 135, 125, .24) !important;
  background: linear-gradient(180deg, #ffffff, #f0fffd) !important;
  color: #07877d !important;
  font-weight: 900 !important;
  justify-self: end !important;
}

.talebe-header-note {
  margin: 0 0 0 54px !important;
  color: #4f5d78 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

/* Eski form hero boşluklarını etkisizleştir */
.form-hero.talebe-header-hero h1 {
  margin: 0 !important;
}

.form-hero.talebe-header-hero p {
  margin: 0 !important;
  font-size: 13px !important;
}

.form-hero.talebe-header-hero .form-hero-actions {
  margin-right: 0 !important;
}

@media (max-width: 760px) {
  .talebe-header-hero {
    padding: 16px !important;
  }

  .talebe-header-topline {
    grid-template-columns: 40px 1fr !important;
  }

  .talebe-header-home {
    grid-column: 1 / -1 !important;
    justify-self: end !important;
    margin-top: 4px !important;
  }

  .talebe-header-topline h1 {
    font-size: 24px !important;
  }

  .talebe-header-note {
    margin-left: 0 !important;
  }
}


/* =========================================================
   Talebe Bilgi Formu Anasayfa butonu sembollü, boyut bozulmadan
   ========================================================= */
.talebe-header-home {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 118px !important;
  width: 118px !important;
  height: 38px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

.talebe-header-home .talebe-home-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  transform: translateY(-.5px) !important;
}

.talebe-header-home span:last-child {
  display: inline-block !important;
  font-size: 12.5px !important;
  line-height: 1 !important;
}


/* =========================================================
   Talebe Rapor üst kutu düzeni
   geri ok + başlık + anasayfa aynı hizada
   ========================================================= */
.talebe-rapor-hero {
  display: flex !important;
  align-items: center !important;
  padding: 18px 20px !important;
  min-height: 112px !important;
}

.talebe-rapor-hero-content {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.talebe-rapor-hero-topline {
  display: grid !important;
  grid-template-columns: 42px 1fr auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
}

.talebe-rapor-back {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  border-radius: 12px !important;
}

.talebe-rapor-hero-topline h1 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -.7px !important;
}

.talebe-rapor-home {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 118px !important;
  width: 118px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(13, 148, 136, .26) !important;
  background: linear-gradient(180deg, #ffffff, #effcfb) !important;
  color: #07877d !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 18px rgba(13, 148, 136, .14) !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

.talebe-rapor-home:hover {
  background: linear-gradient(135deg, #0f766e, #0d9488) !important;
  color: #ffffff !important;
  border-color: #0d9488 !important;
  box-shadow: 0 10px 24px rgba(13, 148, 136, .25) !important;
}

.talebe-rapor-home-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  transform: translateY(-.5px) !important;
}

.talebe-rapor-hero-note {
  margin: 0 0 0 54px !important;
  color: #4f5d78 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

/* eski hero boşluklarını nötrle */
.talebe-rapor-hero h1,
.talebe-rapor-hero p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 760px) {
  .talebe-rapor-hero {
    padding: 16px !important;
  }

  .talebe-rapor-hero-topline {
    grid-template-columns: 40px 1fr !important;
  }

  .talebe-rapor-home {
    grid-column: 1 / -1 !important;
    justify-self: end !important;
    margin-top: 4px !important;
  }

  .talebe-rapor-hero-topline h1 {
    font-size: 24px !important;
  }

  .talebe-rapor-hero-note {
    margin-left: 0 !important;
  }
}


/* Talebe rapor modal üst buton düzeni */
.report-panel-layout {
  position: relative;
  width: min(92vw, 980px);
  max-height: 86vh;
  overflow-y: auto;
  padding: 22px 24px 24px;
  border-radius: 24px;
}

.report-head-topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
  padding-right: 0;
}

.report-top-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.report-top-actions .report-action {
  height: 34px;
  min-height: 34px;
  padding: 0 13px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 900;
  border: 1px solid transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.report-close { background: #fff1f2; color: #dc2626; border-color: #fecdd3; }
.report-close:hover { background: linear-gradient(135deg, #ef4444, #b91c1c); color: #fff; border-color: #ef4444; }
.report-update { background: #ecfdf5; color: #15803d; border-color: #bbf7d0; }
.report-update:hover { background: linear-gradient(135deg, #16a34a, #15803d); color: #fff; border-color: #16a34a; }
.report-add { background: #effcfb; color: #0f766e; border-color: #99f6e4; }
.report-add:hover { background: linear-gradient(135deg, #14b8a6, #0f766e); color: #fff; border-color: #14b8a6; }
.report-clear { background: #fff5f5; color: #e11d48; border-color: #fecdd3; }
.report-clear:hover { background: linear-gradient(135deg, #f97316, #ef4444); color: #fff; border-color: #ef4444; }
.report-save { background: #dcfce7; color: #166534; border-color: #86efac; }
.report-save:hover { background: linear-gradient(135deg, #22c55e, #15803d); color: #fff; border-color: #22c55e; }

.report-top-date-pill {
  margin: 0 0 14px auto;
  width: fit-content;
}

.report-form-shell.hidden {
  display: none !important;
}

.report-form-shell {
  margin-top: 6px;
}

/* alttaki eski action bar kapansın */
.report-a4-actions {
  display: none !important;
}

/* çarpı butonu kaldırıldı */
.report-a4-close {
  display: none !important;
}

@media (max-width: 900px) {
  .report-head-topbar {
    flex-direction: column;
    align-items: stretch;
  }
  .report-top-actions {
    justify-content: flex-start;
  }
}


/* Talebe rapor: Kaydet sağ altta, üst butonlar tek renk uyumu */
.report-top-actions .report-action {
  background: #f8fffe !important;
  color: #0f766e !important;
  border: 1px solid rgba(15, 118, 110, .22) !important;
  box-shadow: 0 6px 14px rgba(15, 118, 110, .10) !important;
}

.report-top-actions .report-action:hover {
  background: linear-gradient(135deg, #0f766e, #0d9488) !important;
  color: #ffffff !important;
  border-color: #0d9488 !important;
  box-shadow: 0 10px 24px rgba(13, 148, 136, .25) !important;
}

.report-bottom-save.hidden {
  display: none !important;
}

.report-bottom-save {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin-top: 16px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(8, 38, 61, .08) !important;
}

.report-bottom-save .report-save {
  min-width: 112px !important;
  height: 36px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
  border: 1px solid #16a34a !important;
  font-weight: 950 !important;
  box-shadow: 0 10px 22px rgba(22, 163, 74, .22) !important;
}

.report-bottom-save .report-save:hover {
  background: linear-gradient(135deg, #15803d, #166534) !important;
  transform: translateY(-1px) !important;
}

.report-reason-list {
  display: contents !important;
}

.report-reason-field textarea {
  min-height: 74px !important;
}

#reportAddMeetingBtn:disabled {
  opacity: .68 !important;
  cursor: not-allowed !important;
  transform: none !important;
}


/* =========================================================
   Talebe Rapor modal butonları - daha küçük ve zarif
   ========================================================= */

/* Üstteki Kapat / Güncelle / Görüşme Ekle / Temizle */
.report-top-actions {
  gap: 6px !important;
}

.report-top-actions .report-action {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 9px !important;
  border-radius: 9px !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-shadow: 0 4px 9px rgba(15, 118, 110, .08) !important;
}

/* Üst başlıkta butonlar daha sıkı dursun */
.report-head-topbar {
  gap: 12px !important;
  padding-bottom: 10px !important;
}

/* Sağ alttaki Kaydet butonu */
.report-bottom-save {
  margin-top: 12px !important;
  padding-top: 9px !important;
}

.report-bottom-save .report-save {
  min-width: 92px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  box-shadow: 0 6px 14px rgba(22, 163, 74, .18) !important;
}

/* Buton hover gölgesi de abartısız olsun */
.report-top-actions .report-action:hover,
.report-bottom-save .report-save:hover {
  box-shadow: 0 7px 16px rgba(13, 148, 136, .18) !important;
  transform: translateY(-1px) !important;
}

/* Mobilde de kaba durmasın */
@media (max-width: 760px) {
  .report-top-actions .report-action {
    height: 27px !important;
    min-height: 27px !important;
    padding: 0 8px !important;
    font-size: 10px !important;
  }

  .report-bottom-save .report-save {
    height: 29px !important;
    min-height: 29px !important;
    font-size: 10.5px !important;
  }
}


/* =========================================================
   Rapor modal edit görünümü
   Üstte sadece geri, altta temizle+kaydet
   ========================================================= */
.report-top-actions .hidden {
  display: none !important;
}

.report-back {
  background: #eef6ff !important;
  color: #1d4ed8 !important;
  border: 1px solid #bfdbfe !important;
}

.report-back:hover {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important;
  color: #ffffff !important;
  border-color: #3b82f6 !important;
}

.report-bottom-save {
  gap: 8px !important;
}

.report-bottom-save .report-action {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.report-bottom-save .report-clear {
  min-width: 96px !important;
  background: #fff5f5 !important;
  color: #e11d48 !important;
  border: 1px solid #fecdd3 !important;
  box-shadow: 0 6px 14px rgba(225, 29, 72, .10) !important;
}

.report-bottom-save .report-clear:hover {
  background: linear-gradient(135deg, #f97316, #ef4444) !important;
  color: #ffffff !important;
  border-color: #ef4444 !important;
}

.report-bottom-save .report-save {
  min-width: 96px !important;
}


/* =========================================================
   Talebe rapor - 4 manuel görüşme personeli alanı
   2 sütun, yan yana 2 personel
   ========================================================= */
.report-person-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 14px !important;
  margin-top: 2px !important;
}

.report-person-field {
  width: 100% !important;
}

.report-person-field input {
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 760px) {
  .report-person-grid {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   Talebe Görüşme Raporları - başlık hizası, kompakt tablo ve uyarı
   ========================================================= */

/* Mevcut geri ok korunur; başlık ve açıklama aynı başlangıç çizgisinde olur */
.talebe-rapor-hero-topline {
  grid-template-columns: 42px 1fr auto !important;
  align-items: center !important;
}

.talebe-rapor-hero-topline h1 {
  margin: 0 !important;
  font-size: clamp(27px, 2.7vw, 38px) !important;
  line-height: 1.05 !important;
}

.talebe-rapor-hero-note {
  margin: 0 0 0 54px !important;
  padding: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.25 !important;
}

/* Tablo satırları daha alçak ve sade */
.talebe-report-table {
  font-size: 12px !important;
}

.talebe-report-table th,
.talebe-report-table td {
  padding: 6px 10px !important;
  height: 34px !important;
  line-height: 1.15 !important;
  vertical-align: middle !important;
}

.talebe-report-table th {
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.talebe-report-table .report-student-name {
  font-size: 12px !important;
}

/* Rapor Görüntüle butonu daha küçük */
.talebe-report-table .report-row-add {
  height: 26px !important;
  min-height: 26px !important;
  min-width: 94px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  box-shadow: 0 5px 12px rgba(13, 148, 136, .14) !important;
}

/* Rapor adedi uyarısı */
.report-count-normal,
.report-count-warning {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 24px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.report-count-normal {
  color: #0f766e !important;
  background: #ecfdf5 !important;
  border: 1px solid #bbf7d0 !important;
}

.report-count-warning {
  color: #b91c1c !important;
  background: #fff1f2 !important;
  border: 1px solid #fecdd3 !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, .08) !important;
}

/* Uyarılı satır hafif fark edilsin */
.talebe-report-table tr:has(.report-count-warning) td {
  background: #fff8f8 !important;
}

@media (max-width: 760px) {
  .talebe-rapor-hero-note {
    margin-left: 0 !important;
  }

  .talebe-report-table th,
  .talebe-report-table td {
    padding: 6px 8px !important;
  }
}


/* Personel alanları açılır menü ve daha ince-uzun görünüm */
.report-person-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 14px !important;
  margin-top: 4px !important;
}

.report-person-field {
  width: 100% !important;
}

.report-person-field span {
  display: inline-block !important;
  margin-bottom: 5px !important;
}

.report-person-select,
.report-person-field select {
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  border: 1px solid #bfd0e3 !important;
  background: #fbfdff !important;
  color: #08365f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.report-person-select:focus,
.report-person-field select:focus {
  outline: none !important;
  border-color: #78c9c0 !important;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, .10) !important;
}

@media (max-width: 760px) {
  .report-person-grid {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   Talebe Rapor üst açıklama hizası + Rapor Ekle butonu kaldırıldı
   ========================================================= */
.talebe-rapor-hero-note {
  margin-left: 54px !important;
  text-align: left !important;
  align-self: stretch !important;
  width: calc(100% - 54px) !important;
  max-width: 760px !important;
  color: #4f5d78 !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
}

.talebe-rapor-hero-content {
  align-items: stretch !important;
}

.talebe-report-top {
  justify-content: flex-start !important;
}

.report-add-main-button,
#openBlankReportBtn {
  display: none !important;
}

@media (max-width: 760px) {
  .talebe-rapor-hero-note {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }
}


/* =========================================================
   Görüşme personeli alanları - yatay, ince uzun, ikili düzen
   ========================================================= */
.report-person-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 18px !important;
  align-items: end !important;
  width: 100% !important;
}

.report-person-field {
  width: 100% !important;
  min-width: 0 !important;
  gap: 4px !important;
}

.report-person-field span {
  font-size: 11.5px !important;
  font-weight: 900 !important;
  margin-bottom: 2px !important;
  color: #27445f !important;
}

.report-person-select,
.report-person-field select {
  width: 100% !important;
  min-width: 0 !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 11px !important;
  border-radius: 10px !important;
  border: 1px solid #c7d5e3 !important;
  background: #fbfdff !important;
  color: #08365f !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.report-person-select:focus,
.report-person-field select:focus {
  outline: none !important;
  border-color: #7dcfc4 !important;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, .09) !important;
}

@media (max-width: 760px) {
  .report-person-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}


/* =========================================================
   Görüşme nedeni kutucukları - tek tek silme butonu
   ========================================================= */
.report-reason-list {
  display: grid !important;
  gap: 12px !important;
}

.report-reason-row {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: end !important;
  gap: 10px !important;
  width: 100% !important;
}

.report-reason-row .report-reason-field {
  margin: 0 !important;
}

.report-reason-delete {
  height: 30px !important;
  min-width: 58px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-shadow: 0 5px 12px rgba(225, 29, 72, .10) !important;
}

.report-reason-delete:hover {
  background: linear-gradient(135deg, #ef4444, #be123c) !important;
  color: #ffffff !important;
  border-color: #ef4444 !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 700px) {
  .report-reason-row {
    grid-template-columns: 1fr !important;
  }

  .report-reason-delete {
    justify-self: end !important;
  }
}


/* =========================================================
   Moderatör - Personel Bilgileri boş kart
   ========================================================= */
.moderator-personel-card {
  margin-top: 16px !important;
  border: 1px solid rgba(8, 38, 61, .12) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 14px 36px rgba(8, 38, 61, .08) !important;
  padding: 18px 20px !important;
}

.moderator-personel-head {
  border-bottom: 1px solid rgba(8, 38, 61, .08) !important;
  padding-bottom: 12px !important;
}

.moderator-personel-head h2 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: 22px !important;
  font-weight: 950 !important;
}

.moderator-personel-head p {
  margin: 5px 0 0 !important;
  color: #52657b !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

.moderator-personel-empty {
  min-height: 120px !important;
}


/* =========================================================
   Talebe Rapor - sıfırdan rapor görüntüleme ekranı
   ========================================================= */

.report-viewer-panel {
  position: relative !important;
  z-index: 2 !important;
  width: min(92vw, 980px) !important;
  max-height: 88vh !important;
  overflow-y: auto !important;
  padding: 22px 24px 24px !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  color: #08263d !important;
  border: 1px solid rgba(8, 38, 61, .12) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .34) !important;
}

.report-viewer-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding-bottom: 14px !important;
  margin-bottom: 14px !important;
  border-bottom: 2px solid rgba(13, 148, 136, .26) !important;
}

.report-viewer-label {
  margin: 0 0 5px !important;
  color: #0f766e !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
  letter-spacing: .5px !important;
}

.report-viewer-head h2 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: 25px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

#reportViewerStudentInfo {
  margin: 5px 0 0 !important;
  color: #64748b !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
}

.report-viewer-close {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.report-viewer-close:hover {
  background: linear-gradient(135deg, #ef4444, #be123c) !important;
  color: #ffffff !important;
  border-color: #ef4444 !important;
}

.report-viewer-list {
  display: grid !important;
  gap: 12px !important;
}

.report-viewer-row {
  display: grid !important;
  grid-template-columns: minmax(170px, 220px) minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
  border: 1px solid rgba(8, 38, 61, .10) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
  padding: 12px !important;
}

.report-viewer-date {
  display: grid !important;
  align-content: start !important;
  gap: 7px !important;
  padding: 11px 12px !important;
  border-radius: 13px !important;
  background: #ecfeff !important;
  border: 1px solid #a5f3fc !important;
}

.report-viewer-date strong,
.report-viewer-notes > strong {
  color: #08365f !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.report-viewer-date span {
  color: #0f766e !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.report-viewer-notes {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.report-viewer-note-item {
  border: 1px solid rgba(8, 38, 61, .08) !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  padding: 9px 11px !important;
}

.report-viewer-note-item strong {
  display: block !important;
  color: #0f766e !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  margin-bottom: 4px !important;
}

.report-viewer-note-item p {
  margin: 0 !important;
  color: #334155 !important;
  font-size: 12.5px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  white-space: pre-wrap !important;
}

.report-viewer-note-empty,
.report-viewer-empty {
  border: 1px dashed rgba(8, 38, 61, .18) !important;
  border-radius: 14px !important;
  padding: 16px !important;
  background: #f8fafc !important;
  color: #64748b !important;
  font-weight: 850 !important;
}

.report-viewer-empty {
  display: grid !important;
  gap: 4px !important;
  text-align: center !important;
}

.report-viewer-empty strong {
  color: #08365f !important;
  font-size: 16px !important;
}

.report-viewer-empty span {
  font-size: 12.5px !important;
}

@media (max-width: 760px) {
  .report-viewer-panel {
    width: 94vw !important;
    max-height: 90vh !important;
    padding: 18px 16px !important;
  }

  .report-viewer-head {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .report-viewer-close {
    align-self: flex-end !important;
  }

  .report-viewer-row {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   Moderatör - girilebilir Personel Bilgileri kartı
   ========================================================= */
.moderator-personel-link {
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
  cursor: pointer !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease !important;
}

.moderator-personel-link:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(13, 148, 136, .34) !important;
  background: linear-gradient(180deg, #ffffff, #f0fffd) !important;
  box-shadow: 0 18px 42px rgba(13, 148, 136, .13) !important;
}

.moderator-personel-link .moderator-personel-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.moderator-personel-arrow {
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ecfeff !important;
  color: #0f766e !important;
  font-size: 28px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  border: 1px solid #a5f3fc !important;
}

/* =========================================================
   Personel Bilgileri boş sayfası
   ========================================================= */
.personel-info-hero {
  display: flex !important;
  align-items: center !important;
  padding: 18px 20px !important;
  min-height: 104px !important;
}

.personel-info-hero-content {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.personel-info-hero-topline {
  display: grid !important;
  grid-template-columns: 42px 1fr auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
}

.personel-info-back {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  border-radius: 12px !important;
}

.personel-info-hero-topline h1 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

.personel-info-home {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 118px !important;
  height: 36px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(13, 148, 136, .26) !important;
  background: linear-gradient(180deg, #ffffff, #effcfb) !important;
  color: #07877d !important;
  font-weight: 900 !important;
  box-sizing: border-box !important;
}

.personel-info-home:hover {
  background: linear-gradient(135deg, #0f766e, #0d9488) !important;
  color: #ffffff !important;
  border-color: #0d9488 !important;
}

.personel-info-note {
  margin: 0 0 0 54px !important;
  color: #4f5d78 !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

.personel-info-card {
  margin-top: 14px !important;
  border: 1px solid rgba(8, 38, 61, .12) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 14px 36px rgba(8, 38, 61, .08) !important;
  min-height: 360px !important;
  padding: 22px !important;
}

.personel-info-empty-state {
  min-height: 300px !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
  border: 1px dashed rgba(8, 38, 61, .18) !important;
  border-radius: 18px !important;
  background: #f8fafc !important;
}

.personel-info-empty-state h2 {
  margin: 0 0 6px !important;
  color: #08365f !important;
  font-size: 24px !important;
  font-weight: 950 !important;
}

.personel-info-empty-state p {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

@media (max-width: 760px) {
  .personel-info-hero-topline {
    grid-template-columns: 40px 1fr !important;
  }

  .personel-info-home {
    grid-column: 1 / -1 !important;
    justify-self: end !important;
  }

  .personel-info-note {
    margin-left: 0 !important;
  }
}


/* =========================================================
   Rapor görüntüleme - her raporda Sil butonu
   ========================================================= */
.report-viewer-notes-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 2px !important;
}

.report-viewer-delete {
  height: 26px !important;
  min-width: 54px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-shadow: 0 5px 12px rgba(225, 29, 72, .10) !important;
}

.report-viewer-delete:hover {
  background: linear-gradient(135deg, #ef4444, #be123c) !important;
  color: #ffffff !important;
  border-color: #ef4444 !important;
  transform: translateY(-1px) !important;
}


/* =========================================================
   Personel Bilgileri kartı artık diğer moderatör kartlarıyla aynı görünümde
   ========================================================= */
.moderator-card-grid .moderator-main-card[href="personel-bilgileri.html"] .moderator-card-icon {
  font-size: 30px !important;
}

.moderator-personel-card,
.moderator-personel-link {
  display: none !important;
}


/* =========================================================
   Rapor görüntüleme üst sağ butonları: Rapor Ekle + Kapat
   ========================================================= */
.report-viewer-head-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.report-viewer-add,
.report-viewer-close {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

.report-viewer-add {
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
}

.report-viewer-add:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border-color: #14b8a6 !important;
  transform: translateY(-1px) !important;
}

.report-viewer-close {
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}

.report-viewer-close:hover {
  background: linear-gradient(135deg, #ef4444, #be123c) !important;
  color: #ffffff !important;
  border-color: #ef4444 !important;
  transform: translateY(-1px) !important;
}


/* =========================================================
   Personel Bilgileri tablo alanı
   ========================================================= */
.personel-info-table-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding-bottom: 12px !important;
  margin-bottom: 14px !important;
  border-bottom: 1px solid rgba(8, 38, 61, .08) !important;
}

.personel-info-table-head h2 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: 24px !important;
  font-weight: 950 !important;
}

.personel-info-table-head p {
  margin: 5px 0 0 !important;
  color: #52657b !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

.personel-info-table-wrap {
  overflow-x: auto !important;
  border: 1px solid rgba(8, 38, 61, .10) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
}

.personel-info-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 12.5px !important;
}

.personel-info-table thead th {
  background: #ecf7f7 !important;
  color: #08365f !important;
  font-weight: 950 !important;
  padding: 11px 12px !important;
  text-align: center !important;
  border-bottom: 1px solid rgba(8, 38, 61, .10) !important;
}

.personel-info-table tbody td {
  padding: 10px 12px !important;
  text-align: center !important;
  color: #08263d !important;
  font-weight: 800 !important;
  border-bottom: 1px solid rgba(8, 38, 61, .07) !important;
}

.personel-info-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.personel-empty-row {
  height: 72px !important;
  color: #64748b !important;
  background: #f8fafc !important;
  font-weight: 850 !important;
}


/* =========================================================
   Rapor görüntüleme içinde Rapor Ekle kutucukları
   ========================================================= */
.report-add-form-shell.hidden {
  display: none !important;
}

.report-add-form-shell {
  margin-top: 16px !important;
  padding-top: 14px !important;
  border-top: 2px solid rgba(13, 148, 136, .18) !important;
}

.report-add-form-head {
  margin-bottom: 12px !important;
}

.report-add-form-head h3 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.report-add-form-head p {
  margin: 4px 0 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.report-add-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 14px !important;
}

.report-add-field {
  display: grid !important;
  gap: 5px !important;
}

.report-add-field.full,
.report-add-reasons.full,
.report-add-person-grid.full {
  grid-column: 1 / -1 !important;
}

.report-add-field span {
  color: #27445f !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.report-add-field input,
.report-add-field textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  color: #08263d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 9px 11px !important;
}

.report-add-field input {
  height: 36px !important;
}

.report-add-field textarea {
  min-height: 72px !important;
  resize: vertical !important;
}

.report-add-person-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 14px !important;
}

.report-add-reasons {
  display: grid !important;
  gap: 10px !important;
}

.new-report-note-row {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: end !important;
  gap: 10px !important;
}

.new-report-note-delete {
  height: 30px !important;
  min-width: 56px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.report-add-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 12px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(8, 38, 61, .08) !important;
}

.report-add-actions button {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.report-add-secondary {
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
}

.report-add-clear {
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}

.report-add-save {
  border: 1px solid #16a34a !important;
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
}

@media (max-width: 760px) {
  .report-add-form,
  .report-add-person-grid,
  .new-report-note-row {
    grid-template-columns: 1fr !important;
  }

  .new-report-note-delete {
    justify-self: end !important;
  }

  .report-add-actions {
    flex-wrap: wrap !important;
  }
}


/* Rapor Ekle içinde görüşme notu silme butonu kaldırıldı */
.new-report-note-delete,
[data-new-note-delete] {
  display: none !important;
}

.new-report-note-row {
  grid-template-columns: 1fr !important;
}


/* Rapor Ekle açıldığında eski rapor metinleri gizlenir */
#reportViewerList.hidden {
  display: none !important;
}


/* Rapor görüntüleme ekranında Rapor Ekle butonu kaldırıldı */


/* =========================================================
   Rapor görüntüleme - Güncelle butonu + inline düzenleme
   ========================================================= */
.report-viewer-row-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
}

.report-viewer-update,
.report-viewer-delete {
  height: 26px !important;
  min-width: 62px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-shadow: 0 5px 12px rgba(8, 38, 61, .08) !important;
}

.report-viewer-update {
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
}

.report-viewer-update:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border-color: #14b8a6 !important;
  transform: translateY(-1px) !important;
}

.report-inline-edit {
  display: grid !important;
  gap: 10px !important;
}

.report-inline-field {
  display: grid !important;
  gap: 5px !important;
}

.report-inline-field span {
  color: #0f766e !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.report-inline-field input,
.report-inline-field textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #08263d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 9px 11px !important;
}

.report-inline-field input {
  height: 36px !important;
}

.report-inline-field textarea {
  min-height: 72px !important;
  resize: vertical !important;
}

.report-inline-note-list {
  display: grid !important;
  gap: 9px !important;
}

.report-inline-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  padding-top: 4px !important;
}

.report-inline-cancel,
.report-inline-save {
  height: 30px !important;
  min-width: 74px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.report-inline-cancel {
  border: 1px solid #cbd5e1 !important;
  background: #f8fafc !important;
  color: #475569 !important;
}

.report-inline-cancel:hover {
  background: #e2e8f0 !important;
  color: #08263d !important;
}

.report-inline-save {
  border: 1px solid #16a34a !important;
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
}

@media (max-width: 760px) {
  .report-viewer-row-actions {
    width: 100% !important;
    justify-content: flex-end !important;
  }
}


/* =========================================================
   Rapor Ekle sadece Rapor Görüntüleme penceresinde
   ========================================================= */
.report-viewer-head-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.report-viewer-add {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.report-viewer-add:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border-color: #14b8a6 !important;
  transform: translateY(-1px) !important;
}

.report-add-form-shell.hidden,
#reportViewerList.hidden {
  display: none !important;
}

.report-add-form-shell {
  margin-top: 16px !important;
  padding-top: 14px !important;
  border-top: 2px solid rgba(13, 148, 136, .18) !important;
}

.report-add-form-head {
  margin-bottom: 12px !important;
}

.report-add-form-head h3 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.report-add-form-head p {
  margin: 4px 0 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.report-add-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 14px !important;
}

.report-add-field {
  display: grid !important;
  gap: 5px !important;
}

.report-add-field.full,
.report-add-reasons.full,
.report-add-person-grid.full {
  grid-column: 1 / -1 !important;
}

.report-add-field span {
  color: #27445f !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.report-add-field input,
.report-add-field textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  color: #08263d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 9px 11px !important;
}

.report-add-field input {
  height: 36px !important;
}

.report-add-field textarea {
  min-height: 72px !important;
  resize: vertical !important;
}

.report-add-person-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 14px !important;
}

.report-add-reasons {
  display: grid !important;
  gap: 10px !important;
}

.new-report-note-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
}

.report-add-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 12px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(8, 38, 61, .08) !important;
}

.report-add-actions button {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.report-add-secondary {
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
}

.report-add-clear {
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}

.report-add-save {
  border: 1px solid #16a34a !important;
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
}

@media (max-width: 760px) {
  .report-add-form,
  .report-add-person-grid {
    grid-template-columns: 1fr !important;
  }

  .report-add-actions {
    flex-wrap: wrap !important;
  }
}


/* =========================================================
   TEMİZ TALebe RAPOR AKIŞI v69
   Ana listede sadece Rapor Görüntüle, modalda Rapor Ekle/Kapat
   ========================================================= */

.clean-report-modal {
  width: min(92vw, 980px) !important;
  max-height: 88vh !important;
  overflow-y: auto !important;
}

.report-viewer-head-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.report-viewer-add,
.report-viewer-close {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

.report-viewer-add {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
}

.report-viewer-add:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border-color: #14b8a6 !important;
  transform: translateY(-1px) !important;
}

.report-viewer-list.hidden,
.report-add-form-shell.hidden {
  display: none !important;
}

.report-viewer-row-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
}

.report-viewer-update,
.report-viewer-delete {
  height: 26px !important;
  min-width: 62px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.report-viewer-update {
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
}

.report-viewer-update:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border-color: #14b8a6 !important;
}

.report-viewer-delete {
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}

.report-viewer-delete:hover {
  background: linear-gradient(135deg, #ef4444, #be123c) !important;
  color: #ffffff !important;
  border-color: #ef4444 !important;
}

.report-add-form-shell {
  margin-top: 16px !important;
  padding-top: 14px !important;
  border-top: 2px solid rgba(13, 148, 136, .18) !important;
}

.report-add-form-head {
  margin-bottom: 12px !important;
}

.report-add-form-head h3 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.report-add-form-head p {
  margin: 4px 0 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.report-add-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 14px !important;
}

.report-add-field {
  display: grid !important;
  gap: 5px !important;
}

.report-add-field.full,
.report-add-reasons.full,
.report-add-person-grid.full {
  grid-column: 1 / -1 !important;
}

.report-add-field span {
  color: #27445f !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.report-add-field input,
.report-add-field textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  color: #08263d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 9px 11px !important;
}

.report-add-field input {
  height: 36px !important;
}

.report-add-field textarea {
  min-height: 72px !important;
  resize: vertical !important;
}

.report-add-person-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 14px !important;
}

.report-add-reasons {
  display: grid !important;
  gap: 10px !important;
}

.new-report-note-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
}

.report-add-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 12px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(8, 38, 61, .08) !important;
  flex-wrap: wrap !important;
}

.report-add-actions button {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.report-add-secondary {
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
}

.report-add-cancel {
  border: 1px solid #cbd5e1 !important;
  background: #f8fafc !important;
  color: #475569 !important;
}

.report-add-clear {
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}

.report-add-save {
  border: 1px solid #16a34a !important;
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
}

#openBlankReportBtn,
.report-add-main-button {
  display: none !important;
}

@media (max-width: 760px) {
  .report-add-form,
  .report-add-person-grid,
  .report-viewer-row {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   Talebe Rapor listesi: sadece Rapor Görüntüle butonu tıklanabilir
   ========================================================= */
#talebeReportListBody tr,
#talebeReportListBody td,
#talebeReportListBody .report-student-name,
#talebeReportListBody .report-count-normal,
#talebeReportListBody .report-count-warning {
  cursor: default !important;
}

#talebeReportListBody .report-row-add {
  cursor: pointer !important;
}


/* =========================================================
   Rapor Görüntüleme penceresi - Rapor Ekle butonu
   ========================================================= */
.report-viewer-head-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.report-viewer-add {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  box-shadow: 0 5px 12px rgba(15, 118, 110, .10) !important;
}

.report-viewer-add:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border-color: #14b8a6 !important;
  box-shadow: 0 8px 18px rgba(13, 148, 136, .22) !important;
  transform: translateY(-1px) !important;
}


/* =========================================================
   KESİN DÜZELTME: Rapor Görüntüleme içinde Rapor Ekle görünür
   ========================================================= */
.report-viewer-head-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

#reportViewerAddBtn.report-viewer-add,
button#reportViewerAddBtn {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  box-shadow: 0 5px 12px rgba(15, 118, 110, .10) !important;
}

#reportViewerAddBtn.report-viewer-add:hover,
button#reportViewerAddBtn:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border-color: #14b8a6 !important;
  box-shadow: 0 8px 18px rgba(13, 148, 136, .22) !important;
  transform: translateY(-1px) !important;
}


/* =========================================================
   Rapor formu açıkken sadece bu ekrandaki bazı butonlar gizlenir
   Gizlenecek: Rapor Ekle, Görüşme Notu Ekle, Temizle
   ========================================================= */
.report-viewer-panel.report-form-mode #reportViewerAddBtn,
.report-viewer-panel.report-form-mode #newReportAddNoteBtn,
.report-viewer-panel.report-form-mode #newReportClearBtn {
  display: none !important;
}


/* =========================================================
   Rapor formu kutucuk içleri - sadece iç renk açık turuncu
   ========================================================= */
.report-add-form input,
.report-add-form textarea {
  background-color: #fff3e0 !important;
}


/* =========================================================
   Personel Bilgileri - Personel Ekle butonu
   ========================================================= */
.personel-info-table-head {
  align-items: center !important;
}

.personel-add-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 15px !important;
  border-radius: 13px !important;
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: 0 8px 18px rgba(15, 118, 110, .12) !important;
}

.personel-add-button:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border-color: #14b8a6 !important;
  box-shadow: 0 10px 22px rgba(13, 148, 136, .22) !important;
  transform: translateY(-1px) !important;
}

.personel-add-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: rgba(15, 118, 110, .10) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.personel-add-button:hover .personel-add-icon {
  background: rgba(255, 255, 255, .20) !important;
}

@media (max-width: 760px) {
  .personel-info-table-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .personel-add-button {
    align-self: flex-end !important;
  }
}


/* =========================================================
   Talebe Rapor - daha açık turuncu kutucuklar + risk durumu
   ========================================================= */
.report-add-form input,
.report-add-form textarea,
.report-add-form select {
  background-color: #fff8ef !important;
}

.report-add-top-row {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) !important;
  gap: 12px 14px !important;
  align-items: end !important;
}

.report-add-form select {
  width: 100% !important;
  height: 36px !important;
  box-sizing: border-box !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  color: #08263d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 0 11px !important;
}

@media (max-width: 760px) {
  .report-add-top-row {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   Personel Ekle - A5 dikey değil, yatay açılır panel
   ========================================================= */
.personel-add-modal.hidden {
  display: none !important;
}

.personel-add-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 22px !important;
}

.personel-add-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(15, 23, 42, .58) !important;
  backdrop-filter: blur(6px) !important;
}

.personel-add-panel {
  position: relative !important;
  z-index: 2 !important;
  width: min(92vw, 920px) !important;
  max-width: 920px !important;
  min-height: auto !important;
  max-height: 82vh !important;
  overflow-y: auto !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(8, 38, 61, .12) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .32) !important;
  padding: 22px 24px !important;
}

.personel-add-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding-bottom: 14px !important;
  margin-bottom: 16px !important;
  border-bottom: 2px solid rgba(13, 148, 136, .22) !important;
}

.personel-add-head p {
  margin: 0 0 4px !important;
  color: #0f766e !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.personel-add-head h2 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: 26px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

.personel-add-head span {
  display: block !important;
  margin-top: 5px !important;
  color: #64748b !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
}

.personel-modal-close {
  height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.personel-modal-close:hover {
  background: linear-gradient(135deg, #ef4444, #be123c) !important;
  color: #ffffff !important;
}

.personel-add-form {
  display: grid !important;
  grid-template-columns: 1.2fr 1fr 1fr !important;
  gap: 12px 14px !important;
  align-items: end !important;
}

.personel-add-form label {
  display: grid !important;
  gap: 5px !important;
}

.personel-add-form label span {
  color: #27445f !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.personel-add-form input,
.personel-add-form select {
  width: 100% !important;
  height: 36px !important;
  box-sizing: border-box !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  color: #08263d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  padding: 0 11px !important;
}

.personel-add-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 16px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(8, 38, 61, .08) !important;
}

.personel-add-actions button {
  height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.personel-modal-clear {
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}

.personel-modal-save {
  border: 1px solid #16a34a !important;
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
}

@media (max-width: 800px) {
  .personel-add-form {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   Personel Ekle paneli - dikey düzen ve daha açık kutucuklar
   ========================================================= */
.personel-add-panel {
  width: min(92vw, 560px) !important;
  max-width: 560px !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  padding: 22px 24px !important;
}

.personel-add-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.personel-add-form input,
.personel-add-form select {
  background: #fbfdff !important;
  border-color: #d7e2ee !important;
  color: #12344d !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .70) !important;
}

.personel-add-form input::placeholder {
  color: #94a3b8 !important;
}

.personel-add-form input:focus,
.personel-add-form select:focus {
  outline: none !important;
  background: #ffffff !important;
  border-color: #9bd8d2 !important;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, .08) !important;
}

.personel-add-head {
  background: #ffffff !important;
}

.personel-add-backdrop {
  background: rgba(15, 23, 42, .48) !important;
}

.personel-add-actions {
  background: #ffffff !important;
}


/* =========================================================
   Personel Bilgileri - Etüt açılır liste + Sil butonu
   ========================================================= */
#personelStudy {
  background: #fbfdff !important;
  border-color: #d7e2ee !important;
  color: #12344d !important;
  height: 36px !important;
  border-radius: 12px !important;
  font-weight: 850 !important;
}

.personel-row-delete {
  height: 26px !important;
  min-width: 54px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.personel-row-delete:hover {
  background: linear-gradient(135deg, #ef4444, #be123c) !important;
  color: #ffffff !important;
  border-color: #ef4444 !important;
  transform: translateY(-1px) !important;
}


/* =========================================================
   "← Moderatör Menüsü" butonu tüm sayfalardan kaldırıldı
   ========================================================= */
button.moderator-back,
.moderator-menu-back,
.back-to-moderator,
.return-moderator-button {
  display: none !important;
}


/* =========================================================
   Buton çalışırlığı güvenlik düzeltmesi
   ========================================================= */
button,
.personel-add-button,
.personel-row-delete,
.report-row-add,
.report-viewer-add,
.report-viewer-close,
.report-viewer-update,
.report-viewer-delete,
.report-add-actions button {
  pointer-events: auto !important;
}

.personel-add-modal.hidden {
  display: none !important;
}

.personel-add-modal:not(.hidden) {
  display: grid !important;
}


/* =========================================================
   Personel Ekle - Çoklu görev alanı
   ========================================================= */
.personel-duty-block {
  display: grid !important;
  gap: 6px !important;
}

.personel-duty-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.personel-duty-head > span {
  color: #27445f !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.personel-duty-add-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  height: 28px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.personel-duty-add-btn:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border-color: #14b8a6 !important;
}

.personel-duty-list {
  display: grid !important;
  gap: 8px !important;
}

.personel-duty-row {
  display: block !important;
}

.personel-duty-select {
  width: 100% !important;
  height: 36px !important;
  box-sizing: border-box !important;
  border: 1px solid #d7e2ee !important;
  border-radius: 12px !important;
  background: #fbfdff !important;
  color: #12344d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  padding: 0 11px !important;
}


/* =========================================================
   Talebe Rapor - Personel alanları Personel Bilgileri listesinden açılır menü
   ========================================================= */
.report-personel-select {
  width: 100% !important;
  height: 36px !important;
  box-sizing: border-box !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background-color: #fff8ef !important;
  color: #08263d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  padding: 0 11px !important;
}

.report-personel-select:focus {
  outline: none !important;
  border-color: #9bd8d2 !important;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, .08) !important;
}


/* =========================================================
   Personel isimleri tıklanabilir + Güncelle butonu aktif
   ========================================================= */
.personel-name-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #0b3f6f !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  text-align: left !important;
}

.personel-name-button:hover {
  color: #0f766e !important;
  text-decoration: underline !important;
}

.personel-modal-update {
  height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid #86efac !important;
  background: #ecfdf5 !important;
  color: #15803d !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.personel-modal-update:hover {
  background: linear-gradient(135deg, #22c55e, #15803d) !important;
  color: #ffffff !important;
}

.personel-modal-update:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
}


/* =========================================================
   Personel listesi - tüm satır tıklanabilir, isim çizgisiz
   ========================================================= */
.personel-clickable-row {
  cursor: pointer !important;
  transition: background .16s ease, transform .16s ease !important;
}

.personel-clickable-row:hover td {
  background: #f0fffd !important;
}

.personel-clickable-row:hover {
  transform: translateY(-1px) !important;
}

.personel-name-cell {
  color: #0b3f6f !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

.personel-name-cell:hover {
  text-decoration: none !important;
}

.personel-name-button,
.personel-name-button:hover {
  text-decoration: none !important;
}

.personel-row-delete {
  cursor: pointer !important;
}


/* Kod güvenliği: çalışan butonlar */
button,
[role="button"],
.report-row-add,
.personel-clickable-row,
.personel-row-delete {
  pointer-events: auto !important;
}


/* v88 tek tek buton kontrol güvenliği */
button,
[role="button"],
.personel-clickable-row,
.report-row-add,
.personel-row-delete {
  pointer-events: auto !important;
}

/* Rehberlik sayfası */
.rehberlik-hero { display:flex !important; align-items:center !important; padding:18px 20px !important; min-height:104px !important; }
.rehberlik-hero-content { width:100% !important; display:flex !important; flex-direction:column !important; gap:6px !important; }
.rehberlik-hero-topline { display:grid !important; grid-template-columns:42px 1fr auto !important; align-items:center !important; gap:12px !important; width:100% !important; }
.rehberlik-back { width:38px !important; height:38px !important; min-width:38px !important; min-height:38px !important; margin:0 !important; border-radius:12px !important; }
.rehberlik-hero-topline h1 { margin:0 !important; color:#08365f !important; font-size:clamp(28px,3vw,40px) !important; font-weight:950 !important; line-height:1.05 !important; }
.rehberlik-home { display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; width:118px !important; height:36px !important; border-radius:14px !important; border:1px solid rgba(13,148,136,.26) !important; background:linear-gradient(180deg,#ffffff,#effcfb) !important; color:#07877d !important; font-weight:900 !important; box-sizing:border-box !important; }
.rehberlik-hero-note { margin:0 0 0 54px !important; color:#4f5d78 !important; font-size:12.5px !important; font-weight:800 !important; }
.rehberlik-list-card { margin-top:14px !important; border:1px solid rgba(8,38,61,.12) !important; border-radius:22px !important; background:rgba(255,255,255,.96) !important; box-shadow:0 14px 36px rgba(8,38,61,.08) !important; padding:16px !important; }
.rehberlik-table-wrap { overflow-x:auto !important; border:1px solid rgba(8,38,61,.10) !important; border-radius:16px !important; background:#fff !important; }
.rehberlik-table { width:100% !important; border-collapse:collapse !important; font-size:12px !important; }
.rehberlik-table th { background:#ecf7f7 !important; color:#08365f !important; font-weight:950 !important; padding:10px 11px !important; text-align:center !important; border-bottom:1px solid rgba(8,38,61,.10) !important; white-space:nowrap !important; }
.rehberlik-table td { padding:8px 10px !important; text-align:center !important; color:#08263d !important; font-weight:800 !important; border-bottom:1px solid rgba(8,38,61,.07) !important; vertical-align:middle !important; }
.rehberlik-student-name { color:#0b3f6f !important; font-weight:950 !important; text-align:left !important; }
.rehberlik-row-button { height:26px !important; min-width:108px !important; padding:0 10px !important; border-radius:9px !important; border:1px solid #99f6e4 !important; background:#ecfdf5 !important; color:#0f766e !important; font-size:10.5px !important; font-weight:950 !important; cursor:pointer !important; }
.rehberlik-row-button:hover { background:linear-gradient(135deg,#14b8a6,#0f766e) !important; color:#fff !important; }
.rehberlik-count-normal,.rehberlik-count-warning { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:34px !important; height:24px !important; padding:0 8px !important; border-radius:999px !important; font-weight:950 !important; }
.rehberlik-count-normal { color:#0f766e !important; background:#ecfdf5 !important; border:1px solid #bbf7d0 !important; }
.rehberlik-count-warning { color:#b91c1c !important; background:#fff1f2 !important; border:1px solid #fecdd3 !important; }
.rehberlik-empty-row { height:72px !important; color:#64748b !important; background:#f8fafc !important; font-weight:850 !important; }
.rehberlik-modal.hidden { display:none !important; }
.rehberlik-modal { position:fixed !important; inset:0 !important; z-index:9999 !important; display:grid !important; place-items:center !important; padding:22px !important; }
.rehberlik-backdrop { position:absolute !important; inset:0 !important; background:rgba(15,23,42,.58) !important; backdrop-filter:blur(6px) !important; }
.rehberlik-panel { position:relative !important; z-index:2 !important; width:min(92vw,980px) !important; max-height:88vh !important; overflow-y:auto !important; border-radius:24px !important; background:#fff !important; border:1px solid rgba(8,38,61,.12) !important; box-shadow:0 30px 90px rgba(0,0,0,.32) !important; padding:22px 24px !important; }
.rehberlik-panel-head { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:16px !important; padding-bottom:14px !important; margin-bottom:14px !important; border-bottom:2px solid rgba(13,148,136,.22) !important; }
.rehberlik-panel-head p { margin:0 0 4px !important; color:#0f766e !important; font-size:11.5px !important; font-weight:950 !important; }
.rehberlik-panel-head h2 { margin:0 !important; color:#08365f !important; font-size:25px !important; font-weight:950 !important; }
.rehberlik-panel-head span { display:block !important; margin-top:5px !important; color:#64748b !important; font-size:12.5px !important; font-weight:850 !important; }
.rehberlik-close { height:30px !important; padding:0 13px !important; border-radius:10px !important; border:1px solid #fecdd3 !important; background:#fff1f2 !important; color:#be123c !important; font-size:11px !important; font-weight:950 !important; cursor:pointer !important; }
.rehberlik-report-list { display:grid !important; gap:12px !important; }
.rehberlik-report-card { display:grid !important; grid-template-columns:minmax(170px,220px) minmax(0,1fr) !important; gap:14px !important; border:1px solid rgba(8,38,61,.10) !important; border-radius:16px !important; background:linear-gradient(180deg,#fff,#f8fbff) !important; padding:12px !important; }
.rehberlik-report-date { display:grid !important; align-content:start !important; gap:7px !important; padding:11px 12px !important; border-radius:13px !important; background:#ecfeff !important; border:1px solid #a5f3fc !important; }
.rehberlik-report-date strong,.rehberlik-report-note strong { color:#08365f !important; font-size:12px !important; font-weight:950 !important; }
.rehberlik-report-date span { color:#0f766e !important; font-size:15px !important; font-weight:950 !important; }
.rehberlik-report-note p { margin:6px 0 0 !important; color:#334155 !important; font-size:12.5px !important; font-weight:750 !important; line-height:1.35 !important; white-space:pre-wrap !important; }
.rehberlik-empty-state { border:1px dashed rgba(8,38,61,.18) !important; border-radius:14px !important; padding:16px !important; background:#f8fafc !important; color:#64748b !important; font-weight:850 !important; display:grid !important; gap:4px !important; text-align:center !important; }
@media (max-width:760px){ .rehberlik-hero-topline{grid-template-columns:40px 1fr !important;} .rehberlik-home{grid-column:1/-1 !important; justify-self:end !important;} .rehberlik-hero-note{margin-left:0 !important;} .rehberlik-report-card{grid-template-columns:1fr !important;} }


/* =========================================================
   Rehberlik - Görüşme Ekle A5 dikey panel
   ========================================================= */
.rehberlik-panel-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.rehberlik-add-btn {
  height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.rehberlik-add-btn:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
}

.rehberlik-add-modal.hidden {
  display: none !important;
}

.rehberlik-add-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  display: grid !important;
  place-items: center !important;
  padding: 22px !important;
}

.rehberlik-add-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(15, 23, 42, .58) !important;
  backdrop-filter: blur(6px) !important;
}

.rehberlik-a5-panel {
  position: relative !important;
  z-index: 2 !important;
  width: min(92vw, 470px) !important;
  min-height: 660px !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid rgba(8, 38, 61, .12) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .32) !important;
  padding: 22px 24px !important;
}

.rehberlik-a5-head {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding-bottom: 14px !important;
  margin-bottom: 16px !important;
  border-bottom: 2px solid rgba(13, 148, 136, .22) !important;
}

.rehberlik-a5-head p {
  margin: 0 0 4px !important;
  color: #0f766e !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.rehberlik-a5-head h2 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: 25px !important;
  font-weight: 950 !important;
}

.rehberlik-a5-head span {
  display: block !important;
  margin-top: 5px !important;
  color: #64748b !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
}

.rehberlik-a5-close {
  height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.rehberlik-a5-form {
  display: grid !important;
  gap: 13px !important;
}

.rehberlik-a5-form label {
  display: grid !important;
  gap: 6px !important;
}

.rehberlik-a5-form span {
  color: #27445f !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.rehberlik-a5-form input,
.rehberlik-a5-form textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #d7e2ee !important;
  border-radius: 12px !important;
  background: #fbfdff !important;
  color: #12344d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  padding: 9px 11px !important;
}

.rehberlik-a5-form input {
  height: 36px !important;
}

.rehberlik-a5-form textarea {
  min-height: 360px !important;
  resize: vertical !important;
}

.rehberlik-a5-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-top: 16px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(8, 38, 61, .08) !important;
}

.rehberlik-a5-actions button {
  height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.rehberlik-a5-clear {
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}

.rehberlik-a5-save {
  border: 1px solid #16a34a !important;
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
}


/* =========================================================
   Rehberlik Görüşme Ekle - A5 yatay düzen
   ========================================================= */
.rehberlik-a5-panel {
  width: min(94vw, 760px) !important;
  max-width: 760px !important;
  min-height: 420px !important;
  max-height: 86vh !important;
  padding: 20px 22px !important;
}

.rehberlik-a5-form {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
}

.rehberlik-a5-form label:first-child {
  align-self: start !important;
}

.rehberlik-a5-form label:nth-child(2) {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
}

.rehberlik-a5-form textarea {
  min-height: 250px !important;
  max-height: 310px !important;
}

.rehberlik-a5-actions {
  margin-top: 14px !important;
}

@media (max-width: 760px) {
  .rehberlik-a5-panel {
    width: 94vw !important;
    min-height: auto !important;
  }

  .rehberlik-a5-form {
    grid-template-columns: 1fr !important;
  }

  .rehberlik-a5-form label:nth-child(2) {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .rehberlik-a5-form textarea {
    min-height: 260px !important;
  }
}


/* =========================================================
   Rehberlik görüşme alanları - tür, takip, risk ve puan
   ========================================================= */
.rehberlik-a5-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

.rehberlik-a5-top-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px 14px !important;
}

.rehberlik-a5-form select,
.rehberlik-a5-form input {
  height: 36px !important;
}

.rehberlik-note-field textarea {
  min-height: 190px !important;
  max-height: 260px !important;
}

.rehberlik-report-meta {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px 10px !important;
  margin: 6px 0 10px !important;
}

.rehberlik-report-meta span {
  padding: 6px 8px !important;
  border-radius: 9px !important;
  background: #f8fafc !important;
  border: 1px solid rgba(8, 38, 61, .08) !important;
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

@media (max-width: 760px) {
  .rehberlik-a5-top-grid,
  .rehberlik-report-meta {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   Rehberlik Görüşme Ekle - görsel iyileştirme v95
   ========================================================= */
.rehberlik-a5-panel {
  width: min(94vw, 860px) !important;
  max-width: 860px !important;
  min-height: 0 !important;
  max-height: 88vh !important;
  padding: 22px 22px 18px !important;
  border-radius: 24px !important;
}

.rehberlik-a5-head {
  align-items: flex-start !important;
  margin-bottom: 18px !important;
}

.rehberlik-a5-head h2 {
  font-size: 24px !important;
  line-height: 1.1 !important;
}

.rehberlik-a5-close {
  height: 32px !important;
  min-width: 72px !important;
}

.rehberlik-a5-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

.rehberlik-a5-top-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.rehberlik-a5-top-grid > label,
.rehberlik-note-field {
  display: grid !important;
  gap: 8px !important;
  padding: 10px 10px 12px !important;
  border: 1px solid rgba(8, 38, 61, .08) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #fbfdff 0%, #f7fbff 100%) !important;
}

.rehberlik-a5-form span {
  font-size: 11.5px !important;
  letter-spacing: .1px !important;
}

.rehberlik-a5-form input,
.rehberlik-a5-form select,
.rehberlik-a5-form textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #d7e2ee !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #17324d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45) !important;
}

.rehberlik-a5-form input,
.rehberlik-a5-form select {
  height: 40px !important;
  padding: 0 12px !important;
}

.rehberlik-note-field {
  grid-column: 1 / -1 !important;
}

.rehberlik-note-field textarea {
  min-height: 185px !important;
  max-height: 260px !important;
  padding: 12px !important;
  resize: vertical !important;
}

.rehberlik-a5-actions {
  margin-top: 16px !important;
  padding-top: 14px !important;
}

.rehberlik-a5-actions button {
  height: 32px !important;
  min-width: 74px !important;
}

@media (max-width: 900px) {
  .rehberlik-a5-panel {
    max-width: 94vw !important;
  }
}

@media (max-width: 760px) {
  .rehberlik-a5-top-grid {
    grid-template-columns: 1fr !important;
  }

  .rehberlik-a5-panel {
    padding: 18px 16px 16px !important;
  }

  .rehberlik-note-field textarea {
    min-height: 220px !important;
  }
}


/* =========================================================
   Rehberlik buton çalışma güvenliği v96
   ========================================================= */
#rehberlikAddBtn,
#rehberlikCloseBtn,
#rehberlikAddCloseBtn,
#rehberlikClearBtn,
#rehberlikSaveBtn,
[data-rehberlik-view],
.rehberlik-row-button,
.rehberlik-add-btn,
.rehberlik-close,
.rehberlik-a5-close,
.rehberlik-a5-clear,
.rehberlik-a5-save {
  pointer-events: auto !important;
}

.rehberlik-modal.hidden,
.rehberlik-add-modal.hidden {
  display: none !important;
}


/* =========================================================
   MOBİL UYUMLULUK v97
   Tasarım bozulmadan küçük ekran uyumu
   ========================================================= */

/* Genel taşma engeli */
html,
body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

* {
  box-sizing: border-box !important;
}

/* Büyük kutuların mobilde ekran dışına taşmasını engelle */
.detail-shell,
.admin-shell,
.dashboard-shell,
.page-shell,
.main-shell,
.content-shell,
.app-shell {
  max-width: 100% !important;
}

/* Tablolar mobilde yatay kaydırılabilir olsun */
.table-wrap,
.rehberlik-table-wrap,
.personel-info-table-wrap,
.report-table-wrap,
.e-okul-table-wrap,
.student-table-wrap,
.data-table-wrap,
.list-table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

table {
  max-width: 100% !important;
}

/* Modal arka planları mobilde kenarlardan taşmasın */
.report-a4-modal,
.rehberlik-modal,
.rehberlik-add-modal,
.personel-add-modal,
.modal,
.overlay-modal {
  padding: 12px !important;
}

/* Tüm ana modallar mobilde güvenli genişlik */
.report-viewer-panel,
.clean-report-modal,
.rehberlik-panel,
.rehberlik-a5-panel,
.personel-add-panel,
.modal-panel,
.form-panel {
  width: min(96vw, 980px) !important;
  max-width: 96vw !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
}

/* Mobilde form alanları tek kolona düşsün */
@media (max-width: 900px) {
  .admin-body {
    overflow-x: hidden !important;
  }

  .detail-shell,
  .content-area,
  .main-content,
  .admin-content {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .detail-hero,
  .small-hero,
  .rehberlik-hero {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 18px !important;
  }

  .tabs,
  .section-tabs,
  .module-tabs,
  .top-tabs,
  .nav-tabs {
    width: 100% !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .tabs button,
  .section-tabs button,
  .module-tabs button,
  .top-tabs button,
  .nav-tabs button {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  .report-add-form,
  .personel-add-form,
  .rehberlik-a5-form,
  .rehberlik-a5-top-grid,
  .report-add-person-grid,
  .personel-duty-list {
    grid-template-columns: 1fr !important;
  }

  .rehberlik-note-field,
  .report-add-field.full,
  .report-add-reasons.full,
  .report-add-person-grid.full {
    grid-column: 1 / -1 !important;
  }

  .rehberlik-a5-panel {
    width: 96vw !important;
    max-width: 96vw !important;
    min-height: auto !important;
    padding: 18px 16px !important;
  }

  .rehberlik-note-field textarea,
  .rehberlik-a5-form textarea,
  .report-add-field textarea {
    min-height: 190px !important;
  }

  .personel-add-panel {
    width: 96vw !important;
    max-width: 96vw !important;
  }

  .report-viewer-panel {
    width: 96vw !important;
    max-width: 96vw !important;
  }
}

/* Telefon görünümü */
@media (max-width: 680px) {
  body {
    font-size: 13px !important;
  }

  /* Sol menü mobilde üstte/kompakt hale gelsin */
  .admin-layout,
  .layout,
  .dashboard-layout {
    display: block !important;
    width: 100% !important;
  }

  .sidebar,
  .admin-sidebar,
  .left-sidebar,
  aside {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0 0 12px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  .sidebar nav,
  .admin-sidebar nav,
  .side-nav,
  .menu-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .sidebar a,
  .admin-sidebar a,
  .side-nav a,
  .menu-list a {
    min-width: 0 !important;
    font-size: 12px !important;
    padding: 8px 8px !important;
  }

  .sidebar h1,
  .admin-sidebar h1,
  .sidebar-title {
    font-size: 15px !important;
  }

  /* Başlık alanları */
  .detail-hero,
  .small-hero,
  .rehberlik-hero {
    padding: 14px !important;
    min-height: auto !important;
  }

  .rehberlik-hero-topline,
  .talebe-hero-topline,
  .page-hero-topline {
    grid-template-columns: 38px 1fr !important;
    gap: 8px !important;
  }

  .rehberlik-home,
  .page-home-button,
  .mini-action {
    grid-column: 1 / -1 !important;
    justify-self: end !important;
    width: auto !important;
    min-width: 104px !important;
    height: 34px !important;
  }

  .rehberlik-hero-note,
  .hero-subtitle,
  .page-subtitle {
    margin-left: 0 !important;
    font-size: 12px !important;
  }

  h1 {
    font-size: 26px !important;
    line-height: 1.1 !important;
  }

  h2 {
    font-size: 21px !important;
  }

  /* Kartlar */
  .card,
  .panel,
  .section-card,
  .rehberlik-list-card,
  .report-card,
  .personel-info-card {
    border-radius: 16px !important;
    padding: 12px !important;
  }

  /* Tablolar mobilde okunabilir kalsın */
  .rehberlik-table,
  .personel-info-table,
  .report-table,
  .data-table,
  table {
    min-width: 760px !important;
    font-size: 11px !important;
  }

  .rehberlik-table th,
  .rehberlik-table td,
  .personel-info-table th,
  .personel-info-table td,
  table th,
  table td {
    padding: 7px 8px !important;
  }

  /* Butonlar mobilde daha küçük ve taşmaz */
  button,
  .btn,
  .mini-action,
  .rehberlik-row-button,
  .report-row-add,
  .personel-add-button,
  .personel-row-delete {
    max-width: 100% !important;
    white-space: nowrap !important;
  }

  .report-viewer-head,
  .rehberlik-panel-head,
  .personel-add-head,
  .rehberlik-a5-head {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  .report-viewer-head-actions,
  .rehberlik-panel-actions,
  .personel-add-actions,
  .rehberlik-a5-actions,
  .report-add-actions {
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
  }

  .report-viewer-head-actions button,
  .rehberlik-panel-actions button,
  .personel-add-actions button,
  .rehberlik-a5-actions button,
  .report-add-actions button {
    height: 31px !important;
    font-size: 10.5px !important;
  }

  /* Rehberlik görüşme ekle formu */
  .rehberlik-a5-panel {
    border-radius: 18px !important;
  }

  .rehberlik-a5-top-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .rehberlik-a5-top-grid > label,
  .rehberlik-note-field {
    padding: 9px !important;
    border-radius: 14px !important;
  }

  .rehberlik-a5-form input,
  .rehberlik-a5-form select {
    height: 38px !important;
  }

  .rehberlik-note-field textarea {
    min-height: 180px !important;
  }

  /* Personel formu */
  .personel-add-form,
  .personel-duty-list {
    grid-template-columns: 1fr !important;
  }

  /* Rapor görüntü kartı */
  .rehberlik-report-card,
  .report-viewer-row {
    grid-template-columns: 1fr !important;
  }

  .rehberlik-report-meta {
    grid-template-columns: 1fr !important;
  }
}

/* Çok küçük telefon */
@media (max-width: 420px) {
  .report-a4-modal,
  .rehberlik-modal,
  .rehberlik-add-modal,
  .personel-add-modal {
    padding: 8px !important;
  }

  .report-viewer-panel,
  .rehberlik-panel,
  .rehberlik-a5-panel,
  .personel-add-panel {
    width: 98vw !important;
    max-width: 98vw !important;
    padding: 14px 12px !important;
    border-radius: 16px !important;
  }

  .sidebar nav,
  .admin-sidebar nav,
  .side-nav,
  .menu-list {
    grid-template-columns: 1fr !important;
  }

  h1 {
    font-size: 23px !important;
  }

  h2 {
    font-size: 19px !important;
  }

  .rehberlik-table,
  .personel-info-table,
  .report-table,
  .data-table,
  table {
    min-width: 720px !important;
  }

  .rehberlik-a5-actions,
  .report-add-actions,
  .personel-add-actions {
    justify-content: stretch !important;
  }

  .rehberlik-a5-actions button,
  .report-add-actions button,
  .personel-add-actions button {
    flex: 1 1 auto !important;
  }
}


/* =========================================================
   Rehberlik açılır form - kompakt ve düzenli görünüm v98
   ========================================================= */
.rehberlik-a5-panel {
  width: min(94vw, 880px) !important;
  max-width: 880px !important;
  min-height: auto !important;
  max-height: 88vh !important;
  padding: 20px 22px 16px !important;
  border-radius: 24px !important;
}

.rehberlik-a5-head {
  align-items: flex-start !important;
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
}

.rehberlik-a5-head h2 {
  font-size: 24px !important;
  line-height: 1.08 !important;
}

.rehberlik-a5-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.rehberlik-a5-top-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px 10px !important;
  align-items: end !important;
}

.rehberlik-a5-top-grid > label,
.rehberlik-note-field {
  display: grid !important;
  gap: 5px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.rehberlik-a5-form span {
  color: #27445f !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

.rehberlik-a5-form input,
.rehberlik-a5-form select,
.rehberlik-a5-form textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #cfe0ee !important;
  border-radius: 11px !important;
  background: #fbfdff !important;
  color: #12344d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
}

.rehberlik-a5-form input,
.rehberlik-a5-form select {
  height: 36px !important;
  padding: 0 10px !important;
}

#rehberlikPersonelDuty[readonly] {
  background: #f6fbff !important;
  color: #4b647c !important;
}

.rehberlik-score-field {
  max-width: 220px !important;
}

.rehberlik-note-field {
  margin-top: 2px !important;
  grid-column: 1 / -1 !important;
}

.rehberlik-note-field textarea {
  min-height: 170px !important;
  max-height: 230px !important;
  padding: 10px 11px !important;
  resize: vertical !important;
}

.rehberlik-a5-actions {
  margin-top: 12px !important;
  padding-top: 10px !important;
}

.rehberlik-a5-actions button,
.rehberlik-a5-close {
  height: 30px !important;
  min-width: 72px !important;
  padding: 0 12px !important;
}

@media (max-width: 900px) {
  .rehberlik-a5-top-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .rehberlik-a5-top-grid {
    grid-template-columns: 1fr !important;
  }

  .rehberlik-score-field {
    max-width: none !important;
  }

  .rehberlik-a5-panel {
    width: 96vw !important;
    padding: 16px 14px !important;
  }
}


/* =========================================================
   v100-A Kullanıcı fikri: sade ve net sıralı rehberlik formu
   Sıra: Tarih / Personel / Görevi
         Tür / Takip / Risk / Puan
         Görüşme Bilgisi
   ========================================================= */
.rehberlik-a5-panel {
  width: min(94vw, 900px) !important;
  max-width: 900px !important;
  min-height: auto !important;
  padding: 20px 22px 16px !important;
}

.rehberlik-a5-form {
  display: grid !important;
  gap: 12px !important;
}

.rehberlik-a5-top-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px 12px !important;
  align-items: end !important;
}

.rehberlik-score-field {
  max-width: 100% !important;
}

.rehberlik-a5-top-grid > label,
.rehberlik-note-field {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  gap: 5px !important;
}

.rehberlik-a5-form span {
  font-size: 11px !important;
  font-weight: 950 !important;
}

.rehberlik-a5-form input,
.rehberlik-a5-form select {
  height: 36px !important;
  border-radius: 11px !important;
}

.rehberlik-note-field {
  grid-column: 1 / -1 !important;
  margin-top: 4px !important;
}

.rehberlik-note-field textarea {
  min-height: 175px !important;
  max-height: 240px !important;
  border-radius: 12px !important;
}

@media (max-width: 820px) {
  .rehberlik-a5-top-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .rehberlik-a5-top-grid {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   v101 KESİN DÜZEN: Tahir'in istediği sıra
   1. satır: Tarih | Personel | Görevi
   2. satır: Tür | Takip | Risk | Puan
   3. satır: Görüşme Bilgisi tam genişlik
   ========================================================= */

.rehberlik-a5-panel {
  width: min(94vw, 900px) !important;
  max-width: 900px !important;
  min-height: auto !important;
  padding: 20px 22px 16px !important;
  border-radius: 24px !important;
}

.rehberlik-form-final {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 11px !important;
}

.rehberlik-final-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-template-areas:
    "date date date date person person person person duty duty duty duty"
    "type type type follow follow follow risk risk risk score score score" !important;
  gap: 10px 12px !important;
  align-items: end !important;
}

.rehberlik-date-field { grid-area: date !important; }
.rehberlik-personel-field { grid-area: person !important; }
.rehberlik-duty-field { grid-area: duty !important; }
.rehberlik-type-field { grid-area: type !important; }
.rehberlik-follow-field { grid-area: follow !important; }
.rehberlik-risk-field { grid-area: risk !important; }
.rehberlik-score-field { grid-area: score !important; max-width: none !important; }

.rehberlik-final-grid > label,
.rehberlik-final-note {
  display: grid !important;
  gap: 5px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.rehberlik-a5-form span {
  color: #27445f !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

.rehberlik-a5-form input,
.rehberlik-a5-form select,
.rehberlik-a5-form textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #cfe0ee !important;
  border-radius: 11px !important;
  background: #fbfdff !important;
  color: #12344d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
}

.rehberlik-a5-form input,
.rehberlik-a5-form select {
  height: 36px !important;
  padding: 0 10px !important;
}

#rehberlikPersonelDuty[readonly] {
  background: #f6fbff !important;
  color: #4b647c !important;
}

.rehberlik-final-note {
  width: 100% !important;
  grid-column: 1 / -1 !important;
  margin-top: 3px !important;
}

.rehberlik-final-note textarea {
  min-height: 170px !important;
  max-height: 230px !important;
  padding: 10px 11px !important;
  resize: vertical !important;
}

.rehberlik-a5-actions {
  margin-top: 12px !important;
  padding-top: 10px !important;
}

@media (max-width: 820px) {
  .rehberlik-final-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-areas:
      "date person"
      "duty duty"
      "type follow"
      "risk score" !important;
  }
}

@media (max-width: 560px) {
  .rehberlik-final-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "date"
      "person"
      "duty"
      "type"
      "follow"
      "risk"
      "score" !important;
  }
}


/* =========================================================
   v102 REHBERLİK FORM NET DÜZEN
   Eski label:nth-child ve grid kurallarını tamamen ezer.
   ========================================================= */

.rehberlik-add-modal .rehberlik-a5-panel {
  width: min(94vw, 900px) !important;
  max-width: 900px !important;
  min-height: auto !important;
  max-height: 88vh !important;
  padding: 20px 22px 16px !important;
  border-radius: 24px !important;
  overflow-y: auto !important;
}

.rehberlik-add-modal .rehberlik-a5-head {
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  align-items: flex-start !important;
}

.rehberlik-add-modal .rehberlik-a5-head h2 {
  font-size: 24px !important;
  line-height: 1.08 !important;
}

/* Form ana gövde */
.rehberlik-add-modal .rehberlik-clean-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  width: 100% !important;
}

/* Eski rehberlik-a5-form kuralları karışmasın */
.rehberlik-add-modal .rehberlik-clean-form label,
.rehberlik-add-modal .rehberlik-clean-form label:first-child,
.rehberlik-add-modal .rehberlik-clean-form label:nth-child(2),
.rehberlik-add-modal .rehberlik-clean-form label:nth-child(3) {
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: auto !important;
}

/* Satırlar */
.rehberlik-add-modal .rehberlik-clean-row {
  display: grid !important;
  gap: 10px 12px !important;
  width: 100% !important;
  align-items: end !important;
}

.rehberlik-add-modal .rehberlik-clean-row-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.rehberlik-add-modal .rehberlik-clean-row-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* Alanlar */
.rehberlik-add-modal .rehberlik-clean-field,
.rehberlik-add-modal .rehberlik-clean-note {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.rehberlik-add-modal .rehberlik-clean-field span,
.rehberlik-add-modal .rehberlik-clean-note span {
  display: block !important;
  color: #27445f !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

.rehberlik-add-modal .rehberlik-clean-field input,
.rehberlik-add-modal .rehberlik-clean-field select,
.rehberlik-add-modal .rehberlik-clean-note textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #cfe0ee !important;
  border-radius: 11px !important;
  background: #fbfdff !important;
  color: #12344d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
}

.rehberlik-add-modal .rehberlik-clean-field input,
.rehberlik-add-modal .rehberlik-clean-field select {
  height: 36px !important;
  padding: 0 10px !important;
}

.rehberlik-add-modal #rehberlikPersonelDuty[readonly] {
  background: #f6fbff !important;
  color: #4b647c !important;
}

/* Görüşme bilgisi kesin altta ve tam genişlik */
.rehberlik-add-modal .rehberlik-clean-note {
  width: 100% !important;
  margin-top: 3px !important;
}

.rehberlik-add-modal .rehberlik-clean-note textarea {
  min-height: 165px !important;
  max-height: 230px !important;
  padding: 10px 11px !important;
  resize: vertical !important;
}

/* Alt butonlar */
.rehberlik-add-modal .rehberlik-a5-actions {
  margin-top: 12px !important;
  padding-top: 10px !important;
}

.rehberlik-add-modal .rehberlik-a5-actions button,
.rehberlik-add-modal .rehberlik-a5-close {
  height: 30px !important;
  min-width: 72px !important;
  padding: 0 12px !important;
}

@media (max-width: 900px) {
  .rehberlik-add-modal .rehberlik-clean-row-3,
  .rehberlik-add-modal .rehberlik-clean-row-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .rehberlik-add-modal .rehberlik-clean-row-3,
  .rehberlik-add-modal .rehberlik-clean-row-4 {
    grid-template-columns: 1fr !important;
  }

  .rehberlik-add-modal .rehberlik-a5-panel {
    width: 96vw !important;
    padding: 16px 14px !important;
  }
}


/* =========================================================
   v103 Rehberlik form kutucukları - çok açık yeşil ve okunaklı yazı
   ========================================================= */
.rehberlik-add-modal .rehberlik-clean-field input,
.rehberlik-add-modal .rehberlik-clean-field select,
.rehberlik-add-modal .rehberlik-clean-note textarea {
  background: #f1fff8 !important;
  border-color: #b8ead6 !important;
  color: #0b2f26 !important;
  font-weight: 900 !important;
}

.rehberlik-add-modal .rehberlik-clean-field input::placeholder,
.rehberlik-add-modal .rehberlik-clean-note textarea::placeholder {
  color: #496b60 !important;
  opacity: 1 !important;
  font-weight: 850 !important;
}

.rehberlik-add-modal .rehberlik-clean-field input:focus,
.rehberlik-add-modal .rehberlik-clean-field select:focus,
.rehberlik-add-modal .rehberlik-clean-note textarea:focus {
  outline: none !important;
  background: #ffffff !important;
  border-color: #36c6a4 !important;
  box-shadow: 0 0 0 3px rgba(20, 184, 166, .14) !important;
}

.rehberlik-add-modal #rehberlikPersonelDuty[readonly] {
  background: #ecfff6 !important;
  color: #174237 !important;
  border-color: #b8ead6 !important;
  font-weight: 900 !important;
}

.rehberlik-add-modal .rehberlik-clean-field span,
.rehberlik-add-modal .rehberlik-clean-note span {
  color: #073b31 !important;
  font-weight: 950 !important;
  letter-spacing: .1px !important;
}


/* =========================================================
   v104 Dashboard profesyonel görünüm + taşma engeli
   Veriler/grafikler/JS bozulmadan sadece görsel düzen
   ========================================================= */

/* Dashboard genel güvenlik */
.dashboard-professional,
.dashboard-professional * {
  box-sizing: border-box !important;
}

.dashboard-professional {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Ana dashboard alanı taşmasın */
.dashboard-professional .dashboard-shell,
.dashboard-professional .dashboard-layout,
.dashboard-professional .dashboard-main,
.dashboard-professional .dashboard-content,
.dashboard-professional .admin-content,
.dashboard-professional .main-content,
.dashboard-professional main {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

/* İçerik alanı daha profesyonel boşluklarla */
.dashboard-professional .dashboard-shell,
.dashboard-professional .dashboard-content,
.dashboard-professional .admin-content {
  padding-left: clamp(12px, 2vw, 24px) !important;
  padding-right: clamp(12px, 2vw, 24px) !important;
}

/* Üst hero / başlık kartı */
.dashboard-professional .dashboard-hero,
.dashboard-professional .hero-card,
.dashboard-professional .page-hero,
.dashboard-professional .detail-hero {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 22px !important;
  border: 1px solid rgba(8, 38, 61, .10) !important;
  box-shadow: 0 16px 42px rgba(8, 38, 61, .08) !important;
  overflow: hidden !important;
}

/* Dashboard kart gridleri: taşmadan otomatik hizalanır */
.dashboard-professional .dashboard-grid,
.dashboard-professional .stats-grid,
.dashboard-professional .summary-grid,
.dashboard-professional .metric-grid,
.dashboard-professional .cards-grid,
.dashboard-professional .chart-grid,
.dashboard-professional .charts-grid,
.dashboard-professional .dashboard-cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Büyük grafik alanlarında daha geniş min ölçü */
.dashboard-professional .chart-grid,
.dashboard-professional .charts-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)) !important;
  align-items: stretch !important;
}

/* Kartların profesyonel görünümü */
.dashboard-professional .card,
.dashboard-professional .dashboard-card,
.dashboard-professional .stat-card,
.dashboard-professional .metric-card,
.dashboard-professional .summary-card,
.dashboard-professional .chart-card,
.dashboard-professional .panel,
.dashboard-professional .section-card {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  border: 1px solid rgba(8, 38, 61, .10) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 14px 34px rgba(8, 38, 61, .08) !important;
}

/* Kart içi yazılar taşmasın */
.dashboard-professional .card *,
.dashboard-professional .dashboard-card *,
.dashboard-professional .stat-card *,
.dashboard-professional .metric-card *,
.dashboard-professional .summary-card *,
.dashboard-professional .chart-card * {
  min-width: 0 !important;
}

.dashboard-professional .card h1,
.dashboard-professional .card h2,
.dashboard-professional .card h3,
.dashboard-professional .dashboard-card h1,
.dashboard-professional .dashboard-card h2,
.dashboard-professional .dashboard-card h3,
.dashboard-professional .stat-card h1,
.dashboard-professional .stat-card h2,
.dashboard-professional .stat-card h3,
.dashboard-professional .metric-card h1,
.dashboard-professional .metric-card h2,
.dashboard-professional .metric-card h3,
.dashboard-professional .chart-card h1,
.dashboard-professional .chart-card h2,
.dashboard-professional .chart-card h3 {
  overflow-wrap: anywhere !important;
  line-height: 1.15 !important;
}

/* Büyük sayılar daha net ve taşmaz */
.dashboard-professional .stat-value,
.dashboard-professional .metric-value,
.dashboard-professional .summary-value,
.dashboard-professional .dashboard-number,
.dashboard-professional .count,
.dashboard-professional .value {
  font-size: clamp(22px, 3vw, 34px) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  color: #08365f !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* Grafik alanları kırpılmadan dursun */
.dashboard-professional canvas,
.dashboard-professional svg {
  max-width: 100% !important;
}

.dashboard-professional .chart,
.dashboard-professional .chart-wrap,
.dashboard-professional .chart-container,
.dashboard-professional .graph,
.dashboard-professional .graph-wrap {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

/* Chart.js / canvas için güvenli yükseklik */
.dashboard-professional .chart-card canvas,
.dashboard-professional .chart-container canvas,
.dashboard-professional .graph-wrap canvas {
  width: 100% !important;
  height: auto !important;
  max-height: 320px !important;
}

/* Grafik kartlarının iç boşluğu dengeli */
.dashboard-professional .chart-card {
  padding: clamp(12px, 1.8vw, 18px) !important;
}

.dashboard-professional .chart-card header,
.dashboard-professional .chart-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-bottom: 10px !important;
}

/* Tablo/listeler taşmasın */
.dashboard-professional .table-wrap,
.dashboard-professional .dashboard-table-wrap,
.dashboard-professional .recent-list,
.dashboard-professional .activity-list,
.dashboard-professional .list-card {
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Tabloda veri bozulmadan yatay kaydırma */
.dashboard-professional table {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse !important;
}

.dashboard-professional .table-wrap table,
.dashboard-professional .dashboard-table-wrap table {
  min-width: 680px !important;
}

/* Buton ve filtreler taşmasın */
.dashboard-professional button,
.dashboard-professional .btn,
.dashboard-professional .filter-button,
.dashboard-professional select,
.dashboard-professional input {
  max-width: 100% !important;
}

.dashboard-professional .filters,
.dashboard-professional .dashboard-filters,
.dashboard-professional .actions,
.dashboard-professional .dashboard-actions,
.dashboard-professional .toolbar {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  max-width: 100% !important;
}

/* Yan menü varken içerik sıkışmasını azalt */
.dashboard-professional .sidebar + main,
.dashboard-professional .admin-sidebar + main,
.dashboard-professional aside + main {
  min-width: 0 !important;
}

/* Orta ekran */
@media (max-width: 1100px) {
  .dashboard-professional .dashboard-grid,
  .dashboard-professional .stats-grid,
  .dashboard-professional .summary-grid,
  .dashboard-professional .metric-grid,
  .dashboard-professional .cards-grid {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  }

  .dashboard-professional .chart-grid,
  .dashboard-professional .charts-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Mobil dashboard */
@media (max-width: 760px) {
  .dashboard-professional .dashboard-shell,
  .dashboard-professional .dashboard-content,
  .dashboard-professional .admin-content,
  .dashboard-professional main {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .dashboard-professional .dashboard-grid,
  .dashboard-professional .stats-grid,
  .dashboard-professional .summary-grid,
  .dashboard-professional .metric-grid,
  .dashboard-professional .cards-grid,
  .dashboard-professional .chart-grid,
  .dashboard-professional .charts-grid,
  .dashboard-professional .dashboard-cards {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .dashboard-professional .card,
  .dashboard-professional .dashboard-card,
  .dashboard-professional .stat-card,
  .dashboard-professional .metric-card,
  .dashboard-professional .summary-card,
  .dashboard-professional .chart-card,
  .dashboard-professional .panel,
  .dashboard-professional .section-card {
    border-radius: 16px !important;
    padding: 12px !important;
  }

  .dashboard-professional .chart-card canvas,
  .dashboard-professional .chart-container canvas,
  .dashboard-professional .graph-wrap canvas {
    max-height: 260px !important;
  }

  .dashboard-professional .stat-value,
  .dashboard-professional .metric-value,
  .dashboard-professional .summary-value,
  .dashboard-professional .dashboard-number,
  .dashboard-professional .count,
  .dashboard-professional .value {
    font-size: clamp(20px, 8vw, 30px) !important;
  }
}

/* Çok küçük ekran */
@media (max-width: 420px) {
  .dashboard-professional .dashboard-shell,
  .dashboard-professional .dashboard-content,
  .dashboard-professional .admin-content,
  .dashboard-professional main {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .dashboard-professional .chart-card canvas,
  .dashboard-professional .chart-container canvas,
  .dashboard-professional .graph-wrap canvas {
    max-height: 220px !important;
  }

  .dashboard-professional .table-wrap table,
  .dashboard-professional .dashboard-table-wrap table {
    min-width: 620px !important;
  }
}


/* =========================================================
   v105 Rehberlik listesi - Rapor Oluştur sütunu
   ========================================================= */
.rehberlik-create-button {
  height: 26px !important;
  min-width: 104px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  border: 1px solid #86efac !important;
  background: #ecfdf5 !important;
  color: #15803d !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.rehberlik-create-button:hover {
  background: linear-gradient(135deg, #22c55e, #15803d) !important;
  color: #ffffff !important;
  border-color: #22c55e !important;
}