/* v2.8 - Pantone mor ve metalik altın tasarım sistemi */
::selection{
  color:#fff;
  background:rgba(164,131,43,.72);
}

body:before{
  opacity:.72;
  background-image:
    linear-gradient(rgba(226,201,111,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(226,201,111,.025) 1px,transparent 1px);
  background-size:44px 44px;
}

.sidebar{
  background:
    radial-gradient(circle at 18% 8%,rgba(112,47,138,.35),transparent 30%),
    linear-gradient(180deg,rgba(42,11,61,.97),rgba(22,4,31,.97));
  border-right-color:rgba(226,201,111,.16);
  box-shadow:18px 0 70px rgba(13,2,20,.28);
}

.brand{
  border-bottom-color:rgba(226,201,111,.16);
}

.brand-mark,
.hero-mark:not(.hero-mark-school){
  color:#2a0b3d;
  background:var(--metallic-gold);
  box-shadow:0 12px 26px rgba(164,131,43,.23),inset 0 1px 0 rgba(255,255,255,.35);
}

.brand strong{
  color:#fff;
  font-size:15px;
  font-weight:800;
  letter-spacing:-.01em;
}

.brand span{
  color:#d8c9df;
  font-size:12px;
}

.nav{
  gap:8px;
}

.nav a{
  position:relative;
  min-height:48px;
  padding:13px 14px;
  color:#d8c9df;
  font-size:14px;
  font-weight:600;
  letter-spacing:.005em;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}

.nav a:hover{
  color:#fff;
  background:rgba(112,47,138,.28);
  transform:translateX(2px);
}

.nav a.active{
  color:#fff;
  background:linear-gradient(100deg,rgba(112,47,138,.62),rgba(60,16,83,.28));
  box-shadow:inset 3px 0 0 #e2c96f,0 9px 24px rgba(17,2,24,.18);
}

.nav a.active span{
  color:#f3e7b1;
}

.sidebar-footer{
  border-top-color:rgba(226,201,111,.16);
}

.avatar{
  color:#2a0b3d;
  background:var(--metallic-gold);
  box-shadow:0 8px 18px rgba(164,131,43,.17);
}

.main{
  padding-top:38px;
}

.topbar{
  border-bottom-color:rgba(226,201,111,.14);
}

.topbar h1{
  color:#fff;
  font-size:42px;
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.04em;
}

.topbar p{
  color:#d2c5d8;
  font-size:15px;
}

.overline{
  color:#e2c96f;
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
}

.role-chip{
  color:#f3e7b1;
  border-color:rgba(226,201,111,.24);
  background:rgba(164,131,43,.10);
  font-size:13px;
}

.metric-card,
.feature-card,
.data-card,
.form-card,
.placeholder-card,
.detail-section,
.photo-panel,
.profile-photo-panel,
.parent-card,
.corporate-card,
.dashboard-panel,
.dashboard-quick-panel,
.dashboard-stat-card,
.dashboard-action-card,
.quick-access-card,
.search-result-section,
.search-empty-card,
.import-card,
.import-preview-card,
.user-list-card,
.record-check-summary-card,
.record-check-panel{
  border-color:rgba(226,201,111,.13);
  background:
    radial-gradient(circle at 100% 0%,rgba(112,47,138,.15),transparent 34%),
    linear-gradient(155deg,rgba(255,255,255,.085),rgba(255,255,255,.035));
  box-shadow:0 20px 50px rgba(13,2,20,.16);
}

.metric-card,
.dashboard-stat-card{
  position:relative;
  overflow:hidden;
}

.metric-card:after,
.dashboard-stat-card:after{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  bottom:0;
  height:2px;
  opacity:.82;
  background:var(--metallic-gold);
}

.metric-card span,
.dashboard-stat-card span{
  color:#d8c9df;
  font-size:13px;
}

.metric-card strong,
.dashboard-stat-card strong{
  color:#fff;
  font-size:36px;
  font-weight:800;
}

.metric-card small,
.dashboard-stat-card small{
  color:#c7b8cd;
  font-size:12px;
}

.accent-blue,
.accent-green,
.accent-gold,
.accent-purple{
  border-top-color:#a4832b;
}

.feature-card:hover,
.dashboard-action-card:hover,
.quick-access-card:hover,
.search-class-card:hover{
  border-color:rgba(226,201,111,.34);
  background:
    radial-gradient(circle at 100% 0%,rgba(164,131,43,.14),transparent 32%),
    rgba(112,47,138,.14);
  box-shadow:0 18px 42px rgba(13,2,20,.22);
}

.feature-icon,
.dashboard-stat-icon,
.dashboard-action-icon,
.dashboard-search-icon,
.search-empty-icon,
.search-class-code,
.import-icon{
  color:#f3e7b1;
  border-color:rgba(226,201,111,.25);
  background:linear-gradient(145deg,rgba(164,131,43,.24),rgba(112,47,138,.18));
}

.btn{
  min-height:46px;
  padding:12px 18px;
  border-radius:13px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.01em;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.btn:hover{
  transform:translateY(-2px);
}

.btn.primary{
  color:#fff;
  border:1px solid rgba(226,201,111,.24);
  background:linear-gradient(135deg,#702f8a 0%,#3c1053 72%);
  box-shadow:0 12px 28px rgba(60,16,83,.32),inset 0 1px 0 rgba(255,255,255,.18);
}

.btn.primary:hover{
  border-color:rgba(226,201,111,.48);
  box-shadow:0 15px 34px rgba(60,16,83,.4),0 0 0 3px rgba(164,131,43,.09);
}

.btn.ghost{
  color:#f4edf7;
  border-color:rgba(226,201,111,.16);
  background:rgba(255,255,255,.065);
}

.btn.ghost:hover{
  color:#fff;
  border-color:rgba(226,201,111,.3);
  background:rgba(112,47,138,.18);
}

input,
select,
textarea{
  min-height:48px;
  padding:13px 15px;
  color:#fff;
  border-color:rgba(226,201,111,.15);
  background:rgba(21,3,30,.34);
  font-family:Poppins,sans-serif;
  font-size:14px;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

input::placeholder,
textarea::placeholder{
  color:#b9a9c1;
}

input:focus,
select:focus,
textarea:focus{
  border-color:#a4832b;
  background:rgba(33,7,45,.54);
  box-shadow:0 0 0 4px rgba(164,131,43,.14);
}

select option{
  color:#3c1053;
  background:#fff;
}

.form-grid label span,
.form-stack label span,
.import-file-field span{
  color:#eadff0;
  font-size:13px;
  font-weight:600;
}

.filter-bar,
.global-search-form,
.dashboard-search-card{
  border-color:rgba(226,201,111,.13);
  background:rgba(255,255,255,.055);
}

.search-field,
.global-search-input,
.dashboard-search-form{
  border-color:rgba(226,201,111,.14);
  background:rgba(21,3,30,.28);
}

.data-head,
.compact-student-head,
.compact-teacher-head,
.class-list-head,
.user-list-head{
  color:#d9cde0;
  background:rgba(60,16,83,.42);
  font-size:11px;
}

.data-row,
.compact-student-row,
.compact-teacher-row,
.class-list-row,
.user-list-row{
  border-top-color:rgba(226,201,111,.10);
  font-size:14px;
}

.data-row:hover,
.compact-student-row:hover,
.compact-teacher-row:hover,
.class-list-row:hover,
.user-list-row:hover,
.search-result-row:hover{
  background:rgba(112,47,138,.13);
}

.compact-student-name,
.compact-teacher-name,
.search-result-main strong{
  color:#fff;
  font-size:14px;
}

.compact-id-info,
.teacher-role-info,
.teacher-contact-info,
.teacher-class-info,
.search-result-main span{
  color:#d2c5d8;
  font-size:11px;
}

.compact-student-person div>span{
  color:#e2c96f;
  font-size:11px;
}

.icon-action{
  color:#e5dbe9;
  border-color:rgba(226,201,111,.14);
  background:rgba(255,255,255,.06);
}

.icon-action:hover,
.icon-action.edit:hover{
  color:#f3e7b1;
  border-color:rgba(226,201,111,.36);
  background:rgba(112,47,138,.24);
}

.status-pill{
  padding:7px 10px;
  font-size:11px;
}

.status-pill.active{
  color:#f3e7b1;
  border-color:rgba(226,201,111,.26);
  background:rgba(164,131,43,.14);
}

.status-pill.inactive{
  color:#d2c5d8;
  background:rgba(255,255,255,.06);
}

.back-link,
.row-actions a,
.text-btn,
.student-card-actions a,
.account-link{
  color:#e2c96f;
  font-size:12px;
}

.section-heading h2,
.form-section-title h2,
.dashboard-panel-head h2,
.dashboard-quick-head h2,
.search-section-head h2{
  color:#fff;
  font-weight:700;
}

.dashboard-action-copy strong,
.quick-access-card strong{
  color:#fff;
  font-size:13px;
}

.dashboard-action-copy strong{
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  line-height:1.35;
}

.dashboard-action-copy small,
.dashboard-module-grid .quick-access-card small,
.dashboard-quick-head p{
  color:#cbbdd2;
  font-size:11px;
}

.search-result-summary{
  color:#d2c5d8;
  font-size:12px;
}

.search-result-summary strong{
  color:#fff;
  font-size:15px;
}

.search-result-summary small{
  color:#e2c96f;
  font-size:12px;
}

.search-section-head > strong{
  color:#f3e7b1;
  background:rgba(164,131,43,.13);
}

.search-result-row{
  border-top-color:rgba(226,201,111,.09);
}

.search-result-avatar{
  color:#f3e7b1;
  border-color:rgba(226,201,111,.18);
  background:rgba(112,47,138,.22);
}

.search-result-detail span{
  color:#c7b8cd;
  font-size:10px;
}

.search-result-detail strong{
  color:#eadff0;
  font-size:12px;
}

.search-result-detail small,
.search-class-card > div:nth-child(2) span,
.search-class-stats,
.live-search-help{
  color:#c7b8cd;
  font-size:10px;
}

.hero-mark-school{
  border-color:rgba(226,201,111,.34);
  background:linear-gradient(145deg,rgba(112,47,138,.40),rgba(60,16,83,.38));
  box-shadow:0 18px 42px rgba(28,6,40,.3),inset 0 1px 0 rgba(255,255,255,.12);
}

.hero-mark-school .school-roof{
  border-color:#e2c96f;
}

.hero-mark-school .school-body{
  border-color:#a4832b;
  background:rgba(164,131,43,.12);
}

.hero-mark-school .school-body i{
  background:#f3e7b1;
}

.hero-mark-school .school-body i:nth-child(2){
  background:#e2c96f;
}

.login-brand-name{
  color:#e2c96f;
  font-size:15px;
}

.login-card{
  border-color:rgba(226,201,111,.18);
  background:
    radial-gradient(circle at 100% 0%,rgba(112,47,138,.23),transparent 34%),
    linear-gradient(155deg,rgba(255,255,255,.11),rgba(255,255,255,.045));
  box-shadow:0 30px 85px rgba(13,2,20,.34);
}

.login-card h2{
  color:#fff;
  font-size:27px;
}

.login-note{
  color:#c7b8cd;
  font-size:12px;
}

.mobile-topbar,
.mobile-bottom-nav{
  border-color:rgba(226,201,111,.15);
  background:rgba(42,11,61,.96);
}

.mobile-brand{
  color:#fff;
  font-size:15px;
  font-weight:700;
}

.mobile-menu-button,
.sidebar-close{
  color:#f3e7b1;
  border-color:rgba(226,201,111,.20);
  background:rgba(112,47,138,.24);
}

.mobile-bottom-nav a,
.mobile-bottom-nav button{
  color:#c7b8cd;
}

.mobile-bottom-nav a.active,
.mobile-bottom-nav button.active{
  color:#fff;
  background:linear-gradient(145deg,rgba(112,47,138,.42),rgba(164,131,43,.10));
}

.mobile-bottom-nav a.active span,
.mobile-bottom-nav button.active span{
  color:#e2c96f;
}

.mobile-bottom-nav small{
  font-size:9px;
}

.mobile-form-progress{
  border-color:rgba(226,201,111,.16);
  background:rgba(42,11,61,.96);
}

.mobile-form-progress button{
  color:#c7b8cd;
  font-size:10px;
}

.mobile-form-progress button.active{
  color:#fff;
  border-color:rgba(226,201,111,.30);
  background:rgba(112,47,138,.34);
}

.mobile-form-progress button.active b{
  color:#2a0b3d;
  background:var(--metallic-gold);
}

.mobile-wizard-actions{
  border-color:rgba(226,201,111,.18)!important;
  background:rgba(42,11,61,.97)!important;
}

.pwa-install-banner{
  border-color:rgba(226,201,111,.24);
  background:rgba(50,16,70,.98);
}

.pwa-install-button{
  color:#2a0b3d;
  background:var(--metallic-gold);
}

.live-search-spinner{
  border-color:rgba(226,201,111,.22);
  border-top-color:#e2c96f;
}

@media(max-width:760px){
  body{
    font-size:15px;
    background:
      radial-gradient(circle at 12% 0%,rgba(112,47,138,.38),transparent 30%),
      radial-gradient(circle at 100% 18%,rgba(164,131,43,.16),transparent 28%),
      linear-gradient(155deg,#3c1053,#1b0628 72%);
  }

  .main{
    padding-top:20px;
  }

  .topbar h1,
  .dashboard-topbar h1{
    font-size:clamp(33px,10vw,42px);
  }

  .overline{
    font-size:10px;
  }

  .btn{
    min-height:48px;
    font-size:13px;
  }

  input,
  select,
  textarea{
    font-size:16px;
  }

  .metric-card span,
  .dashboard-stat-card span{
    font-size:12px;
  }

  .mobile-bottom-nav{
    border-top-color:rgba(226,201,111,.17);
    background:rgba(28,6,40,.97);
  }
}


/* v2.8.1 - Aydınlık Pantone tasarım sistemi */
:root{
  --bg:#f7f3f8;
  --surface:#fff;
  --surface2:#f2eaf5;
  --panel:#fff;
  --line:rgba(60,16,83,.13);
  --text:#32133e;
  --muted:#715f78;
  --danger:#c94b4b;
}

::selection{
  color:#fff;
  background:#702f8a;
}

body{
  color:var(--text);
  background:
    radial-gradient(circle at 8% 4%,rgba(112,47,138,.10),transparent 28%),
    radial-gradient(circle at 92% 8%,rgba(164,131,43,.11),transparent 25%),
    linear-gradient(155deg,#fcfafc 0%,#f7f3f8 52%,#f2eaf5 100%);
}

body:before{
  opacity:.62;
  background-image:
    linear-gradient(rgba(60,16,83,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(60,16,83,.026) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to bottom,black,transparent 74%);
}

.sidebar{
  background:
    radial-gradient(circle at 10% 0%,rgba(164,131,43,.09),transparent 24%),
    rgba(255,255,255,.96);
  border-right-color:rgba(60,16,83,.12);
  box-shadow:16px 0 48px rgba(60,16,83,.08);
}

.brand{
  border-bottom-color:rgba(60,16,83,.11);
}

.brand-mark,
.hero-mark:not(.hero-mark-school){
  color:#fff;
  border:1px solid rgba(255,255,255,.55);
  background:linear-gradient(145deg,#702f8a 0%,#3c1053 72%);
  box-shadow:0 10px 24px rgba(60,16,83,.20),inset 0 1px 0 rgba(255,255,255,.28);
}

.brand strong{
  color:#3c1053;
}

.brand span{
  color:#75647c;
}

.nav a{
  color:#5e4b67;
}

.nav a:hover{
  color:#3c1053;
  background:rgba(112,47,138,.08);
}

.nav a.active{
  color:#fff;
  background:linear-gradient(105deg,#702f8a 0%,#3c1053 86%);
  box-shadow:inset 3px 0 0 #e2c96f,0 10px 24px rgba(60,16,83,.18);
}

.nav a.active span{
  color:#f3e7b1;
}

.sidebar-footer{
  border-top-color:rgba(60,16,83,.11);
}

.mini-user strong{
  color:#3c1053;
}

.mini-user span{
  color:#75647c;
}

.avatar{
  color:#3c1053;
  background:linear-gradient(145deg,#f3e7b1,#e2c96f 58%,#a4832b);
  box-shadow:0 8px 18px rgba(164,131,43,.18);
}

.logout{
  color:#6c5775;
  border-color:rgba(60,16,83,.12);
  background:#faf7fb;
}

.logout:hover{
  color:#3c1053;
  border-color:rgba(112,47,138,.24);
  background:#f4ecf7;
}

.main{
  color:#32133e;
}

.topbar{
  padding:25px 28px;
  margin-bottom:24px;
  border:1px solid rgba(60,16,83,.10);
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 0%,rgba(164,131,43,.13),transparent 30%),
    linear-gradient(120deg,#fff,rgba(245,237,248,.92));
  box-shadow:0 14px 34px rgba(60,16,83,.07);
}

.topbar h1{
  color:#3c1053;
}

.topbar p{
  color:#715f78;
}

.overline{
  color:#8a6b1f;
}

.role-chip{
  color:#702f8a;
  border-color:rgba(112,47,138,.18);
  background:rgba(112,47,138,.07);
}

:is(
  .metric-card,
  .feature-card,
  .data-card,
  .form-card,
  .placeholder-card,
  .detail-section,
  .photo-panel,
  .profile-photo-panel,
  .parent-card,
  .corporate-card,
  .corporate-hero-card,
  .dashboard-panel,
  .dashboard-quick-panel,
  .dashboard-stat-card,
  .dashboard-action-card,
  .quick-access-card,
  .search-result-section,
  .search-empty-card,
  .search-class-card,
  .import-card,
  .import-preview-card,
  .user-list-card,
  .user-form-card,
  .account-summary-card,
  .account-password-card,
  .management-card,
  .record-check-summary-card,
  .record-check-panel,
  .record-check-card,
  .record-detail-panel,
  .record-overview-panel,
  .class-detail-panel,
  .class-stat-card,
  .class-card,
  .class-picker-panel,
  .assignment-card,
  .teacher-card,
  .teacher-info-card,
  .student-card,
  .student-teacher-card,
  .danger-zone-card,
  .error-card
){
  color:#32133e;
  border-color:rgba(60,16,83,.11);
  background:#fff;
  box-shadow:0 14px 36px rgba(60,16,83,.075);
}

:is(
  .compact-student-list,
  .compact-teacher-list,
  .compact-class-list,
  .class-student-list,
  .class-teacher-list,
  .user-list,
  .record-list,
  .security-log-list,
  .recent-student-list
){
  color:#32133e;
  border-color:rgba(60,16,83,.11);
  background:#fff;
  box-shadow:0 14px 36px rgba(60,16,83,.065);
}

.metric-card:after,
.dashboard-stat-card:after{
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,#702f8a,#a4832b,#e2c96f);
}

.metric-card span,
.dashboard-stat-card span{
  color:#725f7a;
}

.metric-card strong,
.dashboard-stat-card strong{
  color:#3c1053;
}

.metric-card small,
.dashboard-stat-card small{
  color:#77667e;
}

.feature-card:hover,
.dashboard-action-card:hover,
.quick-access-card:hover,
.search-class-card:hover{
  border-color:rgba(112,47,138,.26);
  background:linear-gradient(145deg,#fff,#faf5fc);
  box-shadow:0 18px 44px rgba(60,16,83,.12);
}

.feature-icon,
.dashboard-stat-icon,
.dashboard-action-icon,
.dashboard-search-icon,
.search-empty-icon,
.search-class-code,
.import-icon,
.quick-access-icon{
  color:#702f8a;
  border-color:rgba(112,47,138,.16);
  background:linear-gradient(145deg,rgba(112,47,138,.10),rgba(164,131,43,.10));
}

.dashboard-action-card.primary-action{
  border-color:rgba(112,47,138,.22);
  background:linear-gradient(145deg,rgba(112,47,138,.075),#fff 68%);
}

.dashboard-action-card.warning-action{
  border-color:rgba(164,131,43,.24);
  background:linear-gradient(145deg,rgba(164,131,43,.09),#fff 70%);
}

.dashboard-action-arrow,
.feature-arrow{
  color:#a4832b;
}

.btn.primary{
  color:#fff;
  border-color:rgba(60,16,83,.12);
  background:linear-gradient(135deg,#702f8a 0%,#3c1053 82%);
  box-shadow:0 11px 24px rgba(60,16,83,.22),inset 0 1px 0 rgba(255,255,255,.20);
}

.btn.primary:hover{
  border-color:rgba(164,131,43,.40);
  box-shadow:0 15px 30px rgba(60,16,83,.28),0 0 0 3px rgba(164,131,43,.10);
}

.btn.ghost{
  color:#5f4969;
  border-color:rgba(60,16,83,.14);
  background:#fff;
}

.btn.ghost:hover{
  color:#3c1053;
  border-color:rgba(112,47,138,.26);
  background:#f6eff8;
}

input,
select,
textarea{
  color:#32133e;
  border-color:rgba(60,16,83,.15);
  background:#fff;
  box-shadow:inset 0 1px 2px rgba(60,16,83,.025);
}

input::placeholder,
textarea::placeholder{
  color:#9a8ca0;
}

input:focus,
select:focus,
textarea:focus{
  border-color:#702f8a;
  background:#fff;
  box-shadow:0 0 0 4px rgba(112,47,138,.11);
}

.form-grid label span,
.form-stack label span,
.import-file-field span{
  color:#594363;
}

.filter-bar,
.global-search-form,
.dashboard-search-card{
  border-color:rgba(60,16,83,.11);
  background:#fff;
  box-shadow:0 12px 30px rgba(60,16,83,.06);
}

.search-field,
.global-search-input,
.dashboard-search-form{
  border-color:rgba(60,16,83,.12);
  background:#faf7fb;
}

:is(
  .data-head,
  .compact-student-head,
  .compact-teacher-head,
  .compact-class-head,
  .class-list-head,
  .user-list-head,
  .record-list-head,
  .security-log-head,
  .import-preview-head
){
  color:#6b5475;
  border-color:rgba(60,16,83,.10);
  background:#f3ebf6;
}

:is(
  .data-row,
  .compact-student-row,
  .compact-teacher-row,
  .compact-class-row,
  .class-list-row,
  .user-list-row,
  .record-list-row,
  .security-log-row,
  .import-preview-row,
  .teacher-import-preview-row,
  .student-teacher-row
){
  color:#40214b;
  border-top-color:rgba(60,16,83,.09);
}

:is(
  .data-row,
  .compact-student-row,
  .compact-teacher-row,
  .compact-class-row,
  .class-list-row,
  .user-list-row,
  .record-list-row,
  .security-log-row,
  .search-result-row,
  .student-teacher-row
):hover{
  background:#faf5fc;
}

.compact-student-name,
.compact-teacher-name,
.search-result-main strong,
.dashboard-action-copy strong,
.quick-access-card strong,
.section-heading h2,
.form-section-title h2,
.dashboard-panel-head h2,
.dashboard-quick-head h2,
.search-section-head h2{
  color:#3c1053;
}

.compact-id-info,
.teacher-role-info,
.teacher-contact-info,
.teacher-class-info,
.search-result-main span,
.dashboard-action-copy small,
.dashboard-module-grid .quick-access-card small,
.dashboard-quick-head p,
.search-result-detail span,
.search-result-detail small,
.search-class-card > div:nth-child(2) span,
.search-class-stats,
.live-search-help{
  color:#78677f;
}

.compact-student-person div>span,
.back-link,
.row-actions a,
.text-btn,
.student-card-actions a,
.account-link{
  color:#702f8a;
}

.icon-action{
  color:#604b69;
  border-color:rgba(60,16,83,.12);
  background:#fff;
}

.icon-action:hover,
.icon-action.edit:hover{
  color:#702f8a;
  border-color:rgba(112,47,138,.26);
  background:#f4ecf7;
}

.status-pill.active{
  color:#755813;
  border-color:rgba(164,131,43,.25);
  background:#fbf5e3;
}

.status-pill.inactive{
  color:#786b7e;
  border-color:rgba(60,16,83,.10);
  background:#f4f0f5;
}

.notice.info{
  color:#5b2470;
  border-color:rgba(112,47,138,.18);
  background:#f5ecf8;
}

.notice.success{
  color:#725615;
  border-color:rgba(164,131,43,.24);
  background:#fbf5e4;
}

.notice.danger{
  color:#9d3434;
  border-color:rgba(201,75,75,.20);
  background:#fff0f0;
}

.search-result-summary{
  color:#725f7a;
}

.search-result-summary strong{
  color:#3c1053;
}

.search-result-summary small{
  color:#8a6b1f;
}

.search-section-head > strong{
  color:#755813;
  background:#fbf5e3;
}

.search-result-row{
  border-top-color:rgba(60,16,83,.08);
}

.search-result-avatar{
  color:#702f8a;
  border-color:rgba(112,47,138,.16);
  background:#f3eaf6;
}

.search-result-detail strong{
  color:#3c1053;
}

.detail-grid article,
.student-meta span,
.profile-info-grid article,
.text-detail-grid article{
  color:#40214b;
  border-color:rgba(60,16,83,.10);
  background:#faf7fb;
}

.detail-grid span,
.student-meta small,
.profile-info-grid span,
.parent-card dt,
.text-detail-grid span{
  color:#796981;
}

.text-detail-grid p,
.placeholder-card p,
.feature-card p,
.photo-help{
  color:#6f5e77;
}

.photo-preview,
.profile-photo-large.placeholder,
.student-photo.placeholder{
  color:#725f7a;
  border-color:rgba(60,16,83,.10);
  background:#f5eff7;
}

.photo-preview.placeholder span,
.profile-photo-large.placeholder span,
.student-photo.placeholder span{
  color:#702f8a;
}

.upload-button{
  color:#702f8a;
  border-color:rgba(112,47,138,.20);
  background:#f4ebf7;
}

.sticky-save{
  border-color:rgba(60,16,83,.13);
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 30px rgba(60,16,83,.12);
}

.parent-card-head i{
  color:#725615;
  background:#fbf5e3;
}

.hero-mark-school{
  border-color:rgba(112,47,138,.22);
  background:linear-gradient(145deg,#fff,#f3eaf6);
  box-shadow:0 18px 40px rgba(60,16,83,.13),inset 0 1px 0 #fff;
}

.hero-mark-school .school-roof{
  border-color:#702f8a;
}

.hero-mark-school .school-body{
  border-color:#a4832b;
  background:#fbf5e3;
}

.login-body{
  background:
    radial-gradient(circle at 0% 0%,rgba(112,47,138,.15),transparent 35%),
    radial-gradient(circle at 100% 100%,rgba(164,131,43,.16),transparent 32%),
    #f8f4f9;
}

.login-hero h1{
  color:#3c1053;
}

.login-hero p{
  color:#715f78;
}

.login-brand-name{
  color:#702f8a;
}

.login-card{
  color:#32133e;
  border-color:rgba(60,16,83,.12);
  background:rgba(255,255,255,.94);
  box-shadow:0 26px 70px rgba(60,16,83,.14);
}

.login-card h2{
  color:#3c1053;
}

.login-note{
  color:#7c6c82;
}

.mobile-topbar,
.mobile-bottom-nav{
  border-color:rgba(60,16,83,.12);
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 24px rgba(60,16,83,.08);
}

.mobile-brand{
  color:#3c1053;
}

.mobile-menu-button{
  color:#702f8a;
  border-color:rgba(112,47,138,.16);
  background:#f4ebf7;
}

.sidebar-close{
  color:#702f8a;
  border-color:rgba(112,47,138,.16);
  background:#f4ebf7;
}

.mobile-bottom-nav a,
.mobile-bottom-nav button{
  color:#78677f;
}

.mobile-bottom-nav a.active,
.mobile-bottom-nav button.active{
  color:#702f8a;
  background:#f4ebf7;
}

.mobile-bottom-nav a.active span,
.mobile-bottom-nav button.active span{
  color:#8a6b1f;
}

.mobile-form-progress{
  border-color:rgba(60,16,83,.12);
  background:rgba(255,255,255,.97);
  box-shadow:0 8px 22px rgba(60,16,83,.08);
}

.mobile-form-progress button{
  color:#78677f;
}

.mobile-form-progress button.active{
  color:#702f8a;
  border-color:rgba(112,47,138,.22);
  background:#f4ebf7;
}

.mobile-form-progress button.active b{
  color:#fff;
  background:linear-gradient(145deg,#702f8a,#3c1053);
}

.mobile-wizard-actions{
  border-color:rgba(60,16,83,.13)!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 -10px 30px rgba(60,16,83,.10)!important;
}

.pwa-install-banner{
  color:#fff;
  border-color:rgba(226,201,111,.26);
  background:linear-gradient(135deg,#702f8a,#3c1053);
}

.pwa-install-button{
  color:#3c1053;
  background:linear-gradient(145deg,#f3e7b1,#e2c96f);
}

.live-search-spinner{
  border-color:rgba(112,47,138,.18);
  border-top-color:#702f8a;
}

@media(max-width:760px){
  body{
    color:#32133e;
    background:
      radial-gradient(circle at 0% 0%,rgba(112,47,138,.11),transparent 30%),
      radial-gradient(circle at 100% 12%,rgba(164,131,43,.11),transparent 28%),
      linear-gradient(155deg,#fcfafc,#f3edf5);
  }

  .main{
    padding-top:20px;
  }

  .topbar{
    padding:20px;
    border-radius:20px;
  }

  .topbar h1,
  .dashboard-topbar h1{
    color:#3c1053;
  }

  .mobile-bottom-nav{
    border-top-color:rgba(60,16,83,.12);
    background:rgba(255,255,255,.98);
  }
}


/* v2.8.2 - Net kontrast, sade marka ve arama bileşeni düzeltmeleri */
:root{
  --line:rgba(60,16,83,.18);
  --text:#2f123a;
  --muted:#584860;
}

body{
  color:#2f123a;
}

body:before{
  opacity:.34;
}

.muted-card{
  opacity:1;
}

.brand{
  gap:13px;
  padding-bottom:23px;
}

.brand-mark{
  flex:0 0 46px;
  letter-spacing:-.04em;
}

.brand-copy{
  min-width:0;
}

.brand-copy strong{
  display:block;
  color:#3c1053;
  font-size:14px;
  font-weight:800;
  line-height:1.3;
}

.mobile-brand{
  color:#3c1053;
  font-size:14px;
  font-weight:800;
}

.nav a{
  color:#4f3b58;
}

.mini-user span,
.brand span{
  color:#584860;
}

.topbar{
  min-height:0;
  padding:20px 24px;
  border-color:rgba(60,16,83,.16);
  box-shadow:0 10px 26px rgba(60,16,83,.08);
}

.topbar h1{
  color:#3c1053;
  font-size:38px;
}

.topbar p,
.feature-card p,
.placeholder-card p,
.photo-help,
.login-hero p{
  color:#584860;
}

.overline{
  color:#6f5210;
}

:is(
  .metric-card,
  .feature-card,
  .data-card,
  .form-card,
  .placeholder-card,
  .detail-section,
  .photo-panel,
  .profile-photo-panel,
  .parent-card,
  .corporate-card,
  .corporate-hero-card,
  .dashboard-panel,
  .dashboard-quick-panel,
  .dashboard-stat-card,
  .dashboard-action-card,
  .quick-access-card,
  .search-result-section,
  .search-empty-card,
  .search-class-card,
  .import-card,
  .import-preview-card,
  .user-list-card,
  .user-form-card,
  .account-summary-card,
  .account-password-card,
  .management-card,
  .record-check-summary-card,
  .record-check-panel,
  .record-check-card,
  .record-detail-panel,
  .record-overview-panel,
  .class-detail-panel,
  .class-stat-card,
  .class-card,
  .class-picker-panel,
  .assignment-card,
  .teacher-card,
  .teacher-info-card,
  .student-card,
  .student-teacher-card,
  .danger-zone-card,
  .error-card
){
  border-color:rgba(60,16,83,.16);
  box-shadow:0 12px 30px rgba(60,16,83,.09);
}

.metric-card span,
.dashboard-stat-card span,
.metric-card small,
.dashboard-stat-card small,
.compact-id-info,
.teacher-role-info,
.teacher-contact-info,
.teacher-class-info,
.search-result-main span,
.dashboard-action-copy small,
.dashboard-module-grid .quick-access-card small,
.dashboard-quick-head p,
.search-result-detail span,
.search-result-detail small,
.search-class-card > div:nth-child(2) span,
.search-class-stats,
.detail-grid span,
.student-meta small,
.profile-info-grid span,
.parent-card dt,
.text-detail-grid span{
  color:#5d4a65;
  opacity:1;
}

.dashboard-action-copy strong,
.quick-access-card strong,
.compact-student-name,
.compact-teacher-name,
.search-result-main strong,
.search-result-detail strong{
  color:#351441;
  opacity:1;
}

.dashboard-search-card{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.dashboard-search-form{
  min-height:78px;
  padding:11px 12px;
  border:1px solid rgba(60,16,83,.18);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 30px rgba(60,16,83,.10);
}

.dashboard-search-icon{
  color:#702f8a;
  border-color:rgba(112,47,138,.22);
  background:#f1e7f4;
}

.dashboard-search-content{
  min-width:0;
}

.dashboard-search-content label{
  margin-bottom:3px;
  color:#493452;
  font-size:11px;
  font-weight:800;
  opacity:1;
}

.dashboard-search-content input{
  min-height:34px;
  padding:4px 0;
  color:#2f123a;
  background:#fff;
  font-size:14px;
  opacity:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.dashboard-search-content input::placeholder{
  color:#76667d;
  opacity:1;
}

.dashboard-search-form .btn,
.global-search-form .btn{
  min-width:104px;
  min-height:52px;
  border:1px solid #55206a;
  background:linear-gradient(135deg,#702f8a,#3c1053);
  box-shadow:0 8px 18px rgba(60,16,83,.22);
  opacity:1;
}

.global-search-form{
  padding:12px;
  gap:11px;
  border:1px solid rgba(60,16,83,.18);
  background:#fff;
  box-shadow:0 12px 30px rgba(60,16,83,.10);
}

.global-search-input,
.search-field{
  min-height:52px;
  border:1px solid rgba(60,16,83,.22);
  background:#fff;
  box-shadow:inset 0 1px 2px rgba(60,16,83,.04);
}

.global-search-input > span,
.search-field > span{
  color:#702f8a;
  font-weight:800;
}

.global-search-input input,
.search-field input{
  color:#2f123a;
  background:#fff;
  opacity:1;
}

.global-search-input input::placeholder,
.search-field input::placeholder{
  color:#76667d;
  opacity:1;
}

.global-search-form > select{
  min-height:52px;
  color:#351441;
  border-color:rgba(60,16,83,.22);
  background:#fff;
}

.search-inactive-toggle{
  min-height:52px;
  padding:0 13px;
  color:#4f3b58;
  border:1px solid rgba(60,16,83,.16);
  border-radius:12px;
  background:#faf7fb;
  font-size:12px;
  font-weight:600;
  opacity:1;
}

.live-search-help{
  color:#57445f;
  font-size:10px;
  opacity:1;
}

.search-empty-card p{
  color:#5d4a65;
  opacity:1;
}

.live-search-results[aria-busy="true"]{
  opacity:.90;
}

input,
select,
textarea{
  color:#2f123a;
  border-color:rgba(60,16,83,.20);
  opacity:1;
}

input::placeholder,
textarea::placeholder{
  color:#76667d;
  opacity:1;
}

.form-grid label span,
.form-stack label span,
.import-file-field span{
  color:#493452;
  opacity:1;
}

:is(
  .data-head,
  .compact-student-head,
  .compact-teacher-head,
  .compact-class-head,
  .class-list-head,
  .user-list-head,
  .record-list-head,
  .security-log-head,
  .import-preview-head
){
  color:#4f3b58;
  background:#eee4f2;
  opacity:1;
}

.mobile-bottom-nav a,
.mobile-bottom-nav button,
.mobile-form-progress button{
  color:#4f3b58;
  opacity:1;
}

.login-logo-v2{
  position:relative;
  width:96px;
  height:96px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:2px solid #fff;
  border-radius:28px;
  background:
    radial-gradient(circle at 76% 18%,rgba(255,255,255,.24),transparent 24%),
    linear-gradient(145deg,#702f8a 0%,#3c1053 76%);
  box-shadow:0 20px 42px rgba(60,16,83,.24);
}

.login-logo-v2:before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:20px;
}

.login-logo-monogram{
  position:relative;
  z-index:1;
  color:#fff;
  font-size:31px;
  font-weight:900;
  letter-spacing:-.08em;
  line-height:1;
}

.login-logo-accent{
  position:absolute;
  left:19px;
  right:19px;
  bottom:17px;
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,#a4832b,#f3e7b1,#a4832b);
  box-shadow:0 2px 8px rgba(164,131,43,.32);
}

.login-brand-name{
  margin-top:19px;
  color:#3c1053;
  font-size:18px;
  font-weight:800;
  letter-spacing:-.02em;
  opacity:1;
}

.login-card{
  border-color:rgba(60,16,83,.18);
  box-shadow:0 22px 58px rgba(60,16,83,.16);
}

.login-card h2,
.login-note{
  opacity:1;
}

.login-note{
  color:#584860;
}

@media(max-width:760px){
  .topbar{
    padding:18px 19px;
  }

  .topbar h1,
  .dashboard-topbar h1{
    font-size:clamp(31px,9vw,38px);
  }

  .dashboard-search-form{
    min-height:0;
    padding:11px;
  }

  .dashboard-search-form .btn,
  .global-search-form .btn{
    width:100%;
    min-width:0;
  }

  .global-search-form{
    padding:11px;
  }

  .search-inactive-toggle{
    padding:0 12px;
  }

  .mobile-brand{
    font-size:13px;
  }

  .login-logo-v2{
    width:82px;
    height:82px;
    border-radius:24px;
  }

  .login-logo-monogram{
    font-size:27px;
  }
}


/* v2.8.3 - Tüm modüllerde yüksek kontrastlı ikincil metinler */
:root{
  --secondary-text:#58435f;
  --tertiary-text:#6a566f;
  --soft-purple:#f2eaf5;
}

.recent-student-item{
  min-height:66px;
  border-bottom-color:rgba(60,16,83,.11);
}

.recent-student-item strong{
  color:#2f123a;
  font-size:13px;
  font-weight:800;
  opacity:1;
}

.recent-student-item > div > span{
  margin-top:5px;
  color:var(--secondary-text);
  font-size:11px;
  font-weight:600;
  opacity:1;
}

.recent-student-avatar{
  margin-top:0!important;
  color:#702f8a!important;
  border-color:rgba(112,47,138,.20);
  background:var(--soft-purple);
  font-size:12px!important;
  font-weight:800;
  opacity:1;
}

:is(
  .compact-photo.placeholder,
  .compact-teacher-photo.placeholder,
  .class-student-avatar,
  .search-result-avatar,
  .user-avatar
){
  color:#702f8a;
  border-color:rgba(112,47,138,.20);
  background:#f2eaf5;
  opacity:1;
}

:is(
  .compact-student-name,
  .compact-teacher-name,
  .student-teacher-name,
  .teacher-info-head h3 a,
  .compact-class-main strong,
  .class-teacher-line strong,
  .class-student-item strong,
  .class-teacher-item strong,
  .management-person > strong,
  .record-list-person strong,
  .search-result-main strong,
  .search-result-detail strong,
  .user-person strong
){
  color:#2f123a;
  opacity:1;
}

:is(
  .compact-student-person div > span,
  .compact-id-info,
  .compact-class,
  .compact-teacher-person div > span,
  .teacher-role-info span,
  .teacher-contact-info span,
  .teacher-class-info,
  .assignment-card span,
  .assignment-card small,
  .class-dropdown-trigger small,
  .class-picker-summary small,
  .student-teacher-main > span,
  .student-teacher-main > small,
  .student-teacher-contact,
  .teacher-subject,
  .teacher-phone,
  .teacher-info-card dt,
  .teacher-info-card dd,
  .corporate-info-list dt,
  .corporate-info-list dd,
  .management-person > span,
  .management-person > small,
  .class-stat-numbers span,
  .class-teacher-line span,
  .class-detail-summary span,
  .class-student-item span,
  .class-teacher-item span,
  .class-teacher-item small,
  .class-main-teacher span,
  .compact-class-main span,
  .compact-class-number span,
  .compact-gender-count,
  .compact-class-teacher,
  .import-summary-grid span,
  .user-person div > span,
  .user-last-login span,
  .field-help,
  .locked-status small,
  .user-account-meta span,
  .account-summary-card p,
  .account-details dt,
  .security-checkbox small,
  .security-log-row span,
  .security-user-agent,
  .record-check-copy small,
  .record-list-person span,
  .record-list-value,
  .record-pagination,
  .search-result-main span,
  .search-result-detail span,
  .search-class-card > div:nth-child(2) span,
  .search-class-stats,
  .empty-state
){
  color:var(--secondary-text);
  opacity:1;
}

.compact-id-info strong,
.compact-gender-count strong{
  color:#3d2945;
  opacity:1;
}

.compact-student-person div > span{
  color:#745914;
}

.teacher-email{
  color:#702f8a;
  opacity:1;
}

.assignment-card span,
.assignment-card small,
.student-teacher-main > span,
.student-teacher-main > small,
.teacher-subject,
.teacher-phone,
.teacher-email,
.teacher-info-card dt,
.corporate-info-list dt,
.management-person > span,
.management-person > small,
.class-teacher-line span,
.class-student-item span,
.class-teacher-item span,
.class-teacher-item small,
.class-main-teacher span,
.compact-class-main span,
.compact-class-number span,
.compact-gender-count,
.compact-class-teacher,
.user-person div > span,
.user-last-login span,
.field-help,
.locked-status small,
.user-account-meta span,
.account-details dt,
.security-checkbox small,
.security-log-row span,
.security-user-agent,
.record-check-copy small,
.record-list-person span,
.record-list-value,
.search-result-main span,
.search-result-detail strong,
.search-class-card > div:nth-child(2) span,
.search-class-stats{
  font-size:10px;
  line-height:1.5;
}

.profile-info-grid span,
.parent-card dt,
.text-detail-grid span,
.student-meta small,
.detail-grid span{
  color:var(--secondary-text);
  font-size:11px;
  opacity:1;
}

.teacher-info-card dd,
.corporate-info-list dd,
.management-person > small,
.text-detail-grid p{
  color:#46324f;
  opacity:1;
}

.class-stat-numbers span{
  color:#604b68;
  font-size:9px;
}

.class-detail-summary span{
  color:#58435f;
  font-size:11px;
}

.class-dropdown-trigger,
.class-picker-summary{
  color:#2f123a;
  border-color:rgba(60,16,83,.18);
  background:#fff;
}

.class-dropdown-trigger strong,
.class-picker-summary strong{
  color:#2f123a;
  opacity:1;
}

.class-dropdown-trigger small,
.class-picker-summary small,
.class-dropdown-toolbar,
.class-picker-toolbar{
  color:var(--secondary-text);
  opacity:1;
}

.class-dropdown-panel,
.class-picker-panel{
  border-color:rgba(60,16,83,.16);
  background:#fff;
  box-shadow:0 20px 50px rgba(60,16,83,.16);
}

.class-dropdown-panel .class-check,
.class-picker-item{
  border-color:rgba(60,16,83,.13);
  background:#faf7fb;
}

.class-dropdown-panel .class-check span,
.class-picker-item span{
  color:#3f2a49!important;
  opacity:1;
}

.import-preview-row.head,
.teacher-import-preview-row.head,
.student-teacher-head{
  color:#4f3b58;
  background:#eee4f2;
  opacity:1;
}

.user-avatar{
  color:#702f8a;
}

.role-pill.admin{
  color:#702f8a;
  border-color:rgba(112,47,138,.22);
  background:#f2eaf5;
}

.role-pill.viewer{
  color:#6f5210;
  border-color:rgba(164,131,43,.25);
  background:#fbf4df;
}

.password-policy-note,
.security-checkbox,
.locked-status,
.user-account-meta article{
  color:#3f2a49;
  border-color:rgba(60,16,83,.14);
  background:#faf7fb;
}

.security-log-row code{
  color:#3c1053;
  border-color:rgba(60,16,83,.14);
  background:#f2eaf5;
}

.password-required-badge{
  color:#6f5210;
  border-color:rgba(164,131,43,.24);
  background:#fbf4df;
}

.record-check-icon,
.record-detail-count,
.record-check-card > b,
.record-overview-icon{
  color:#702f8a;
  border-color:rgba(112,47,138,.20);
  background:#f2eaf5;
}

.record-list-problem{
  color:#6f5210;
  font-weight:700;
}

.record-pagination a{
  color:#702f8a;
  border-color:rgba(112,47,138,.18);
  background:#f2eaf5;
}

.search-result-main span{
  font-size:10px;
  font-weight:600;
}

.search-result-detail span{
  color:#68556e;
  font-size:9px;
  font-weight:700;
}

.search-result-detail strong{
  color:#3f2a49;
  font-size:11px;
}

.search-class-card > div:nth-child(2) span,
.search-class-stats{
  color:#58435f;
  font-size:10px;
}

.user-cell:before,
.security-log-row > div:before,
.compact-student-cell:before,
.compact-teacher-cell:before,
.compact-class-cell:before,
.record-list-cell:before{
  color:#604b68;
  opacity:1;
}

.dashboard-panel-head > a,
.class-stat-actions a,
.class-stat-actions .text-btn{
  color:#765912;
  opacity:1;
}

@media(max-width:760px){
  .recent-student-item > div > span{
    font-size:11px;
  }

  .user-cell:before,
  .security-log-row > div:before,
  .compact-student-cell:before,
  .compact-teacher-cell:before,
  .compact-class-cell:before,
  .record-list-cell:before{
    color:#58435f;
    font-size:9px;
  }
}


/* v2.8.5 - Tüm sayfalarda ana sayfa ile aynı sol menü renkleri */
.app > .sidebar{
  color:#3c1053;
  background:
    radial-gradient(circle at 10% 0%,rgba(164,131,43,.09),transparent 24%),
    rgba(255,255,255,.96);
  border-right-color:rgba(60,16,83,.12);
  box-shadow:16px 0 48px rgba(60,16,83,.08);
}

.app > .sidebar .brand{
  border-bottom-color:rgba(60,16,83,.11);
}

.app > .sidebar .brand-mark{
  color:#fff;
  border-color:rgba(255,255,255,.55);
  background:linear-gradient(145deg,#702f8a 0%,#3c1053 72%);
  box-shadow:0 10px 24px rgba(60,16,83,.20),inset 0 1px 0 rgba(255,255,255,.28);
}

.app > .sidebar .brand-copy strong,
.app > .sidebar .mini-user strong{
  color:#3c1053;
}

.app > .sidebar .nav a{
  color:#4f3b58;
  background:transparent;
}

.app > .sidebar .nav a:hover,
.app > .sidebar .nav a:focus-visible{
  color:#3c1053;
  background:rgba(112,47,138,.08);
}

.app > .sidebar .nav a.active,
.app > .sidebar .nav a.active:hover,
.app > .sidebar .nav a.active:focus-visible{
  color:#fff;
  background:linear-gradient(105deg,#702f8a 0%,#3c1053 86%);
  box-shadow:inset 3px 0 0 #e2c96f,0 10px 24px rgba(60,16,83,.18);
}

.app > .sidebar .nav a.active span{
  color:#f3e7b1;
}

.app > .sidebar .sidebar-footer{
  border-top-color:rgba(60,16,83,.11);
}

.app > .sidebar .avatar{
  color:#3c1053;
  background:linear-gradient(145deg,#f3e7b1,#e2c96f 58%,#a4832b);
  box-shadow:0 8px 18px rgba(164,131,43,.18);
}

.app > .sidebar .account-link{
  color:#702f8a;
  border-color:rgba(112,47,138,.20);
  background:#f6f0f8;
}

.app > .sidebar .logout-button{
  color:#fff;
  border-color:#d93445;
  background:linear-gradient(145deg,#df4654,#c92f3e);
}


/* v2.8.6 - Sayfa yüksekliğinden bağımsız sabit sol menü zemini */
.app > .sidebar{
  background:
    radial-gradient(circle 240px at 10% 0%,rgba(164,131,43,.09),transparent 72%),
    #fff;
  background-color:#fff;
  background-repeat:no-repeat;
}


/* v2.8.7 - Sabit panel arka planı ve net tehlikeli işlem düğmesi */
body[data-active-menu]{
  background-color:#f2eaf5;
  background-image:
    radial-gradient(circle 560px at 8% 70px,rgba(112,47,138,.10),transparent 72%),
    radial-gradient(circle 520px at 92% 90px,rgba(164,131,43,.11),transparent 72%),
    linear-gradient(155deg,#fcfafc 0%,#f7f3f8 52%,#f2eaf5 100%);
  background-position:0 0,0 0,0 0;
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-size:100% 1100px,100% 1100px,100% 1100px;
}

.btn.danger-outline{
  color:#a3202d;
  border:1px solid #d93445;
  background:#fff1f2;
  box-shadow:0 8px 20px rgba(201,47,62,.12);
  opacity:1;
}

.btn.danger-outline:hover,
.btn.danger-outline:focus-visible{
  color:#fff;
  border-color:#c92f3e;
  background:#c92f3e;
  box-shadow:0 10px 24px rgba(201,47,62,.22);
}


/* v2.8.8 - Ayrıştırılmış genel arama sonuçları */
.search-result-section--students{
  --search-accent:#702f8a;
  --search-strong:#4f1f62;
  --search-soft:#f6eef8;
  --search-soft-hover:#efe1f4;
  --search-line:rgba(112,47,138,.22);
}

.search-result-section--teachers{
  --search-accent:#a4832b;
  --search-strong:#725615;
  --search-soft:#fff8e7;
  --search-soft-hover:#fbf0cf;
  --search-line:rgba(164,131,43,.27);
}

.search-result-section--classes{
  --search-accent:#3c1053;
  --search-strong:#3c1053;
  --search-soft:#f2eaf5;
  --search-soft-hover:#e9ddee;
  --search-line:rgba(60,16,83,.22);
}

:is(
  .search-result-section--students,
  .search-result-section--teachers,
  .search-result-section--classes
){
  position:relative;
  border-color:var(--search-line);
  border-left:5px solid var(--search-accent);
  background:#fff;
  box-shadow:0 12px 30px color-mix(in srgb,var(--search-accent) 11%,transparent);
}

:is(
  .search-result-section--students,
  .search-result-section--teachers,
  .search-result-section--classes
) .search-section-head{
  border-bottom-color:var(--search-line);
  background:var(--search-soft);
}

:is(
  .search-result-section--students,
  .search-result-section--teachers,
  .search-result-section--classes
) .search-section-head .overline{
  color:var(--search-accent);
}

:is(
  .search-result-section--students,
  .search-result-section--teachers,
  .search-result-section--classes
) .search-section-head h2{
  color:var(--search-strong);
}

:is(
  .search-result-section--students,
  .search-result-section--teachers,
  .search-result-section--classes
) .search-section-head > strong{
  color:#fff;
  border:1px solid color-mix(in srgb,var(--search-accent) 70%,#fff);
  background:var(--search-strong);
  box-shadow:0 6px 14px color-mix(in srgb,var(--search-accent) 22%,transparent);
}

:is(
  .search-result-section--students,
  .search-result-section--teachers
) .search-result-row{
  border-top-color:var(--search-line);
}

:is(
  .search-result-section--students,
  .search-result-section--teachers
) .search-result-row:hover{
  background:var(--search-soft-hover);
}

:is(
  .search-result-section--students,
  .search-result-section--teachers
) .search-result-avatar{
  color:var(--search-strong);
  border-color:var(--search-line);
  background:var(--search-soft);
}

:is(
  .search-result-section--students,
  .search-result-section--teachers
) .search-result-main strong{
  color:var(--search-strong);
}

.search-result-section--classes .search-class-card{
  border-color:var(--search-line);
  background:#fff;
  box-shadow:0 7px 18px rgba(60,16,83,.07);
}

.search-result-section--classes .search-class-card:hover{
  border-color:var(--search-accent);
  background:var(--search-soft-hover);
  transform:translateY(-2px);
}

.search-result-section--classes .search-class-code{
  color:#fff;
  background:var(--search-accent);
  box-shadow:0 6px 14px rgba(60,16,83,.20);
}

.search-result-section--classes .search-class-card strong{
  color:var(--search-strong);
}

.search-result-section--classes .search-class-stats{
  border-top-color:var(--search-line);
}

@supports not (color:color-mix(in srgb,#000 10%,transparent)){
  :is(
    .search-result-section--students,
    .search-result-section--teachers,
    .search-result-section--classes
  ){
    box-shadow:0 12px 30px rgba(60,16,83,.10);
  }

  :is(
    .search-result-section--students,
    .search-result-section--teachers,
    .search-result-section--classes
  ) .search-section-head > strong{
    border-color:rgba(255,255,255,.26);
    box-shadow:0 6px 14px rgba(60,16,83,.16);
  }
}


/* v2.8.9 - Okunabilir sınıf kodu avatarları */
.compact-class-code{
  color:#fff;
  border-color:#702f8a;
  background:linear-gradient(145deg,#702f8a 0%,#3c1053 100%);
  box-shadow:0 7px 16px rgba(60,16,83,.22);
  text-shadow:0 1px 2px rgba(0,0,0,.18);
  opacity:1;
}

.compact-class-code:hover,
.compact-class-code:focus-visible{
  color:#fff;
  border-color:#a4832b;
  background:linear-gradient(145deg,#7d3996 0%,#4a1762 100%);
  box-shadow:0 9px 20px rgba(60,16,83,.28);
  transform:translateY(-1px);
}

/* v2.9 - Tutarlılık, okunabilirlik ve erişilebilirlik düzeltmeleri */
:root{
  --readable-muted:#65586b;
  --readable-soft:#76697b;
  --teacher-gold:#8a681e;
  --teacher-gold-strong:#5f450f;
}

/* Yardımcı metinler telefonda ve masaüstünde 8–10 px'e düşmez. */
:is(
  .field-help,
  .photo-help,
  .live-search-help,
  .dashboard-quick-head p,
  .dashboard-action-copy small,
  .dashboard-module-grid .quick-access-card small,
  .quick-access-card small,
  .feature-card p,
  .metric-card small,
  .dashboard-stat-card small,
  .search-result-main span,
  .search-result-detail span,
  .search-result-detail small,
  .search-class-card > div:nth-child(2) span,
  .search-class-stats,
  .compact-student-person div > span,
  .compact-teacher-person div > span,
  .teacher-role-info span,
  .teacher-contact-info span,
  .teacher-class-info span,
  .class-stat-numbers span,
  .class-teacher-line span,
  .class-detail-summary span,
  .class-student-item span,
  .class-teacher-item span,
  .class-teacher-item small,
  .class-main-teacher span,
  .parent-card dt,
  .profile-info-grid span,
  .text-detail-grid span,
  .user-person div > span,
  .user-last-login span,
  .locked-status small,
  .user-account-meta span,
  .account-details dt,
  .security-checkbox small,
  .record-list-person span,
  .record-list-value,
  .pwa-install-copy span
){
  color:var(--readable-muted);
  font-size:max(11px, .72rem);
  line-height:1.55;
  opacity:1;
}

:is(
  .data-head,
  .compact-student-head,
  .compact-teacher-head,
  .compact-class-head,
  .class-list-head,
  .user-list-head,
  .record-list-head,
  .security-log-head,
  .import-preview-head
){
  color:#594a60;
  font-size:11px;
  line-height:1.35;
}

.overline{
  font-size:11px;
  line-height:1.4;
}

.status-pill,
.role-pill,
.parent-card-head i,
.class-stat-actions a,
.class-stat-actions .text-btn{
  font-size:11px;
}

/* Öğretmen arama sonuçlarında altın rengi açık zeminde daha koyu kullan. */
.search-result-section--teachers{
  --search-accent:var(--teacher-gold);
  --search-strong:var(--teacher-gold-strong);
  --search-soft:#fff8e8;
  --search-soft-hover:#f8edcf;
  --search-line:rgba(138,104,30,.34);
}

.search-result-section--teachers :is(
  .search-result-main span,
  .search-result-detail span,
  .search-result-detail small
){
  color:#5d5240;
}

.search-result-section--teachers .search-result-avatar{
  color:var(--teacher-gold-strong);
  border-color:rgba(138,104,30,.34);
  background:#fbf1d5;
}

/* Form açıklamaları ve etiketleri beyaz zeminde net görünür. */
.form-grid label > span,
.form-stack label > span,
.import-file-field > span,
.mobile-form-progress button{
  color:#55455d;
}

input::placeholder,
textarea::placeholder{
  color:#817486;
  opacity:1;
}

/* Mobil alt menü ve uygulama kurulum kartı. */
@media(max-width:760px){
  .mobile-bottom-nav small{
    color:inherit;
    font-size:10px;
    line-height:1.25;
    opacity:1;
  }

  .mobile-form-progress button{
    font-size:10px;
  }

  .mobile-form-progress button b{
    font-size:10px;
  }

  .pwa-install-copy strong{
    font-size:11px;
    line-height:1.35;
  }

  .pwa-install-copy span{
    font-size:10px;
  }

  .pwa-install-button{
    font-size:10px;
  }
}



/* v2.9.1 - Bölüm sayaçları ve başlık etiketlerinde görsel tutarlılık */
:root{
  --ui-label-text:#552066;
  --ui-counter-text:#3c1053;
  --ui-counter-bg:#f2eaf5;
  --ui-counter-border:#d7bee0;
  --ui-counter-shadow:0 5px 13px rgba(60,16,83,.10);
}

/* Sarı ve soluk küçük bölüm başlıkları yerine tek, koyu mor stil. */
.overline{
  color:var(--ui-label-text)!important;
  font-size:11px;
  font-weight:800;
  line-height:1.4;
  letter-spacing:.13em;
  opacity:1!important;
}

/*
 * Kart başlıklarında kullanılan tüm küçük adet sayaçları aynı görünür.
 * Öğrenci/öğretmen/sınıf arama sonuçları, sınıf detayları ve kayıt kontrolü dahildir.
 */
:is(
  .class-detail-panel-head > strong,
  .search-section-head > strong,
  .record-detail-count,
  .record-check-card > b
){
  min-width:38px!important;
  width:auto;
  height:38px!important;
  display:inline-grid!important;
  place-items:center;
  padding:0 10px!important;
  border:1px solid var(--ui-counter-border)!important;
  border-radius:11px!important;
  color:var(--ui-counter-text)!important;
  background:var(--ui-counter-bg)!important;
  box-shadow:var(--ui-counter-shadow)!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  text-shadow:none!important;
  opacity:1!important;
}

/* Arama özetindeki sonuç sayısı da aynı sayaç dilini kullanır. */
.search-result-summary small{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  margin-left:auto;
  padding:6px 11px;
  border:1px solid var(--ui-counter-border);
  border-radius:10px;
  color:var(--ui-counter-text)!important;
  background:var(--ui-counter-bg);
  box-shadow:0 4px 11px rgba(60,16,83,.07);
  font-size:12px!important;
  font-weight:800;
  opacity:1!important;
}

/* Öğretmen sonuçlarının altın tema kuralı sayaç rengini değiştirmez. */
.search-result-section--teachers .search-section-head > strong,
.search-result-section--students .search-section-head > strong,
.search-result-section--classes .search-section-head > strong{
  color:var(--ui-counter-text)!important;
  border-color:var(--ui-counter-border)!important;
  background:var(--ui-counter-bg)!important;
}

/* Sayaçlar odak ve hover durumunda da okunaklı kalır. */
:is(
  .class-detail-panel-head > strong,
  .search-section-head > strong,
  .record-detail-count,
  .record-check-card > b
):hover{
  color:#fff!important;
  border-color:#702f8a!important;
  background:#702f8a!important;
}

/* Telefon ekranında da aynı biçim ve yeterli yazı boyutu korunur. */
@media(max-width:760px){
  :is(
    .class-detail-panel-head > strong,
    .search-section-head > strong,
    .record-detail-count,
    .record-check-card > b
  ){
    min-width:40px!important;
    height:40px!important;
    padding:0 11px!important;
    font-size:14px!important;
  }

  .search-result-summary small{
    margin-left:0;
  }
}


/* v2.9.2 - Sayaçlarda kesin ve kalıcı yüksek kontrast */
.class-detail-panel-head > strong,
.search-section-head > strong,
.record-detail-count,
.record-check-card > b{
  color:#3c1053!important;
  background:#f2eaf5!important;
  border-color:#d7bee0!important;
  opacity:1!important;
  -webkit-text-fill-color:#3c1053!important;
}


/* v3.0 - Hata bildirim sistemi */
.report-topbar p{
  max-width:760px;
}

.report-form-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:18px;
  align-items:start;
  padding-bottom:90px;
}

.report-main-form,
.report-attachment-card{
  min-width:0;
}

.report-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}

.report-field{
  min-width:0;
  display:grid;
  gap:7px;
}

.report-field.full{
  grid-column:1/-1;
}

.report-field>span{
  color:#55455d;
  font-size:12px;
  font-weight:700;
}

.report-field>small{
  color:#776b7d;
  font-size:10px;
}

.report-field input,
.report-field select,
.report-field textarea{
  width:100%;
}

.report-related-field[hidden]{
  display:none!important;
}

.report-screenshot-preview{
  min-height:235px;
  display:grid;
  place-items:center;
  overflow:hidden;
  margin-bottom:13px;
  border:1px dashed #d8c9df;
  border-radius:16px;
  color:#735f7b;
  background:#fbf8fc;
  text-align:center;
}

.report-screenshot-preview img{
  width:100%;
  max-height:390px;
  display:block;
  object-fit:contain;
  background:#fff;
}

.report-screenshot-preview .hidden{
  display:none;
}

.report-screenshot-preview>div{
  display:grid;
  gap:7px;
  padding:24px;
}

.report-screenshot-preview strong{
  color:#4a2756;
  font-size:13px;
}

.report-screenshot-preview span{
  color:#776b7d;
  font-size:11px;
}

.report-upload-button{
  min-height:45px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border:1px solid #d4bddc;
  border-radius:12px;
  color:#542165;
  background:#f5edf7;
  cursor:pointer;
  font-size:11px;
  font-weight:800;
  text-align:center;
}

.report-upload-button input{
  display:none;
}

.report-save-bar{
  grid-column:1/-1;
}

.report-filter-bar{
  grid-template-columns:minmax(260px,1fr) repeat(3,minmax(140px,190px)) auto auto;
}

.report-list{
  overflow:hidden;
  border:1px solid #dfd5e2;
  border-radius:20px;
  background:#fff;
  box-shadow:0 15px 34px rgba(63,37,72,.08);
}

.report-list-head,
.report-list-row{
  display:grid;
  grid-template-columns:minmax(260px,1.45fr) minmax(130px,.72fr) minmax(180px,1fr) 100px 110px 145px 78px;
  gap:13px;
  align-items:center;
  padding:15px 17px;
}

body:not(.admin-role) .report-list-head,
body:not(.admin-role) .report-list-row{
  grid-template-columns:minmax(260px,1.45fr) minmax(180px,1fr) 100px 110px 145px 78px;
}

.report-list-head{
  color:#594a60;
  background:#f7f2f8;
  font-size:10px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.report-list-row{
  min-height:96px;
  border-top:1px solid #eee7f0;
  transition:background .16s ease;
}

.report-list-row:hover{
  background:#fcf9fd;
}

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

.report-cell strong{
  display:block;
  overflow:hidden;
  color:#41204c;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
}

.report-cell span{
  display:block;
  margin-top:6px;
  overflow:hidden;
  color:#75687b;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
  line-height:1.5;
}

.report-list-main strong{
  font-size:13px;
}

.report-list-main span{
  white-space:normal;
}

.report-attachment-indicator{
  display:inline-flex;
  align-items:center;
  margin-top:8px;
  padding:4px 7px;
  border-radius:999px;
  color:#5d2b6c;
  background:#f1e7f4;
  font-size:9px;
  font-weight:800;
}

.report-priority,
.report-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:29px;
  padding:6px 9px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:10px;
  font-style:normal;
  font-weight:800;
  white-space:nowrap;
}

.report-priority.low{
  color:#45655b;
  border-color:#cbe2da;
  background:#ecf7f3;
}

.report-priority.normal{
  color:#4f3970;
  border-color:#d9cbea;
  background:#f3edf9;
}

.report-priority.high{
  color:#8a5614;
  border-color:#ead2a9;
  background:#fff6e4;
}

.report-priority.urgent{
  color:#9b2931;
  border-color:#efbec2;
  background:#fff0f1;
}

.report-status.new{
  color:#4d2a69;
  border-color:#d7c5e2;
  background:#f4edf8;
}

.report-status.reviewing{
  color:#8a5917;
  border-color:#e7d09f;
  background:#fff7e4;
}

.report-status.resolved{
  color:#28654f;
  border-color:#bee0d2;
  background:#edf8f4;
}

.report-status.rejected{
  color:#8e343b;
  border-color:#e6c3c6;
  background:#fbefef;
}

.report-date-cell strong{
  font-size:10px;
}

.report-row-action .btn{
  width:100%;
  min-height:38px;
  padding:8px 10px;
  font-size:10px;
}

.report-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:18px;
  align-items:start;
}

.report-detail-main,
.report-detail-side{
  min-width:0;
  display:grid;
  gap:18px;
}

.report-detail-card{
  position:relative;
}

.report-detail-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:17px;
}

.report-description{
  color:#4f4054;
  font-size:13px;
  line-height:1.85;
  overflow-wrap:anywhere;
}

.report-detail-image{
  display:block;
  overflow:hidden;
  border:1px solid #ded4e1;
  border-radius:16px;
  background:#faf8fb;
}

.report-detail-image img{
  width:100%;
  max-height:720px;
  display:block;
  object-fit:contain;
}

.report-admin-note{
  border-left:4px solid #6b2b7d;
}

.report-meta-list{
  display:grid;
  margin:0;
}

.report-meta-list>div{
  display:grid;
  gap:5px;
  padding:12px 0;
  border-bottom:1px solid #eee7f0;
}

.report-meta-list>div:last-child{
  border-bottom:0;
}

.report-meta-list dt{
  color:#75687b;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
}

.report-meta-list dd{
  margin:0;
  color:#43224f;
  font-size:12px;
  font-weight:700;
  overflow-wrap:anywhere;
}

.report-admin-form{
  display:grid;
  gap:14px;
}

.report-admin-submit,
.report-delete-button{
  width:100%;
  min-height:44px;
}

.report-delete-form{
  display:block;
}

.report-delete-button{
  border-color:#cf3f4a!important;
  color:#fff!important;
  background:#d9414d!important;
}

.report-delete-button:hover{
  background:#c73540!important;
}

.report-pagination{
  margin-top:14px;
}

@media(max-width:1180px){
  .report-filter-bar{
    grid-template-columns:minmax(220px,1fr) 1fr 1fr;
  }

  .report-list-head,
  .report-list-row{
    grid-template-columns:minmax(230px,1.35fr) minmax(125px,.7fr) minmax(160px,.9fr) 92px 100px 132px 72px;
    gap:10px;
  }
}

@media(max-width:920px){
  .report-form-layout,
  .report-detail-layout{
    grid-template-columns:1fr;
  }

  .report-attachment-card{
    order:-1;
  }

  .report-screenshot-preview{
    min-height:190px;
  }

  .report-list-head{
    display:none;
  }

  .report-list-row,
  body:not(.admin-role) .report-list-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:14px;
  }

  .report-cell{
    padding:11px;
    border:1px solid #eee7f0;
    border-radius:12px;
    background:#fcfafd;
  }

  .report-cell:before{
    content:attr(data-label);
    display:block;
    margin-bottom:7px;
    color:#796a7e;
    font-size:9px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
  }

  .report-list-main,
  .report-row-action{
    grid-column:1/-1;
  }

  .report-cell strong,
  .report-cell span{
    white-space:normal;
  }
}

@media(max-width:680px){
  .report-form-grid{
    grid-template-columns:1fr;
  }

  .report-field.full{
    grid-column:1;
  }

  .report-filter-bar{
    grid-template-columns:1fr;
  }

  .report-list-row,
  body:not(.admin-role) .report-list-row{
    grid-template-columns:1fr;
  }

  .report-list-main,
  .report-row-action{
    grid-column:1;
  }

  .report-save-bar{
    bottom:calc(78px + env(safe-area-inset-bottom));
  }

  .report-detail-layout{
    padding-bottom:85px;
  }
}


/* v3.1 - Kolay ve bağlama duyarlı hata bildirimi */
.quick-report-button{
  border:1px solid #d5b3bd!important;
  color:#8a2635!important;
  background:#fff3f5!important;
  font-weight:800!important;
}

.quick-report-button:hover{
  border-color:#b93b4c!important;
  color:#fff!important;
  background:#c74353!important;
}

.simple-report-topbar p{
  max-width:680px;
}

.simple-report-shell{
  max-width:820px;
  margin:0 auto;
  padding-bottom:50px;
}

.simple-report-context{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  margin-bottom:16px;
  padding:15px 17px;
  border:1px solid #d9c8df;
  border-radius:17px;
  background:linear-gradient(145deg,#faf5fb,#fff);
  box-shadow:0 10px 25px rgba(72,35,83,.07);
}

.simple-report-context-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#fff;
  background:#b43b4b;
  font-size:21px;
  font-weight:900;
}

.simple-report-context>div{
  min-width:0;
}

.simple-report-context span{
  display:block;
  color:#755f7c;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.simple-report-context strong{
  display:block;
  margin-top:4px;
  overflow:hidden;
  color:#3f1f4a;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:16px;
}

.simple-report-context small{
  display:block;
  margin-top:5px;
  color:#75687b;
  font-size:11px;
}

.simple-report-context>a{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border:1px solid #d7cadb;
  border-radius:10px;
  color:#542165;
  background:#fff;
  text-decoration:none;
  font-size:10px;
  font-weight:800;
}

.simple-report-form{
  margin:0;
}

.simple-report-card{
  display:grid;
  gap:18px;
  padding:23px;
}

.simple-report-card .report-field{
  gap:8px;
}

.simple-report-card .report-field>span{
  color:#44204f;
  font-size:13px;
}

.simple-report-card select,
.simple-report-card textarea{
  font-size:13px;
}

.simple-report-upload{
  display:grid;
  gap:11px;
  padding-top:3px;
}

.simple-report-preview{
  min-height:145px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px dashed #d8c7dd;
  border-radius:14px;
  color:#76677c;
  background:#fbf8fc;
  text-align:center;
}

.simple-report-preview>div{
  display:grid;
  gap:6px;
  padding:22px;
}

.simple-report-preview strong{
  color:#4b2955;
  font-size:12px;
}

.simple-report-preview span{
  color:#796d7e;
  font-size:10px;
}

.simple-report-preview img{
  width:100%;
  max-height:360px;
  display:block;
  object-fit:contain;
  background:#fff;
}

.simple-report-preview .hidden{
  display:none;
}

.simple-report-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding-top:5px;
}

.simple-report-actions .btn{
  min-width:130px;
  min-height:45px;
}

.simple-report-submit{
  background:#6c2a7e!important;
}

@media(max-width:680px){
  .simple-report-shell{
    max-width:none;
  }

  .simple-report-context{
    grid-template-columns:44px minmax(0,1fr);
    padding:13px;
  }

  .simple-report-context-icon{
    width:44px;
    height:44px;
  }

  .simple-report-context>a{
    grid-column:1/-1;
    width:100%;
  }

  .simple-report-card{
    padding:17px;
  }

  .simple-report-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .simple-report-actions .btn{
    min-width:0;
    width:100%;
  }

  .header-actions .quick-report-button{
    width:100%;
  }
}


/* v3.1.1 - Tüm sayfalarda ortak ve düzenli başlık alanı */
.topbar:has(.back-link){
  position:relative;
  align-items:center;
  min-height:126px;
  padding:22px 26px;
  border:1px solid rgba(60,16,83,.14);
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0%, rgba(180,59,75,.055), transparent 34%),
    linear-gradient(145deg,#ffffff 0%,#fbf8fc 100%);
  box-shadow:0 12px 30px rgba(60,16,83,.08);
}

.topbar:has(.back-link)>div:first-child{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:
    "back back"
    "overline overline"
    "title title";
  align-items:center;
}

.topbar:has(.back-link) .back-link{
  grid-area:back;
  width:max-content;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0 0 13px;
  padding:7px 11px;
  border:1px solid #ddcfdf;
  border-radius:10px;
  color:#65416f;
  background:#fff;
  box-shadow:0 4px 10px rgba(60,16,83,.05);
  text-decoration:none;
  font-size:10px;
  font-weight:800;
  line-height:1;
  transition:
    border-color .15s ease,
    color .15s ease,
    background .15s ease,
    transform .15s ease;
}

.topbar:has(.back-link) .back-link:hover{
  border-color:#a879b4;
  color:#3c1053;
  background:#f7eff9;
  transform:translateX(-2px);
}

.topbar:has(.back-link)>div:first-child>.overline{
  grid-area:overline;
  display:block;
  margin:0 0 6px;
  color:#785684;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
  line-height:1.3;
}

.topbar:has(.back-link)>div:first-child>h1{
  grid-area:title;
  max-width:100%;
  margin:0;
  overflow-wrap:anywhere;
  color:#3c1053;
  font-size:31px;
  font-weight:850;
  line-height:1.08;
  letter-spacing:-.035em;
}

.topbar:has(.back-link)>.header-actions{
  align-self:center;
  margin-left:auto;
}

.topbar:has(.back-link)>.header-actions .btn{
  min-height:43px;
  border-radius:12px;
}

@media(max-width:760px){
  .topbar:has(.back-link){
    min-height:0;
    padding:17px;
    border-radius:17px;
  }

  .topbar:has(.back-link)>div:first-child{
    width:100%;
  }

  .topbar:has(.back-link)>div:first-child>h1{
    font-size:27px;
  }

  .topbar:has(.back-link)>.header-actions{
    width:100%;
    margin-left:0;
  }

  .topbar:has(.back-link)>.header-actions .btn{
    flex:1 1 150px;
  }
}

@media(max-width:480px){
  .topbar:has(.back-link)>div:first-child>h1{
    font-size:24px;
  }

  .topbar:has(.back-link) .back-link{
    min-height:32px;
    padding:7px 10px;
  }
}


/* v3.5.0 - Yalnızca mobil hızlı işlem popup sistemi */
.mobile-action-sheet,
.mobile-row-action,
.mobile-action-template{
  display:none;
}

@media(max-width:760px){
  body.mobile-sheet-open{
    overflow:hidden!important;
    overscroll-behavior:none;
    touch-action:none;
  }

  [data-mobile-sheet-row]{
    cursor:pointer;
  }

  [data-mobile-sheet-row] .compact-actions{
    display:none!important;
  }

  .mobile-row-action{
    grid-column:1/-1;
    width:100%;
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:3px;
    padding:10px 13px;
    border:1px solid rgba(112,47,138,.17);
    border-radius:12px;
    color:#5b3267;
    background:#f7f0f9;
    font:inherit;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-row-action b{
    color:#702f8a;
    font-size:15px;
    letter-spacing:2px;
  }

  .mobile-action-sheet[hidden]{
    display:none!important;
  }

  .mobile-action-sheet:not([hidden]){
    position:fixed;
    inset:0;
    z-index:500;
    display:block;
  }

  .mobile-action-sheet-overlay{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    padding:0;
    border:0;
    background:rgba(25,10,30,.48);
    opacity:0;
    cursor:pointer;
    transition:opacity .2s ease;
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px);
  }

  .mobile-action-sheet-panel{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    max-height:min(78vh,680px);
    overflow-y:auto;
    padding:9px 15px calc(18px + env(safe-area-inset-bottom));
    border-radius:22px 22px 0 0;
    color:#32133e;
    background:#fff;
    box-shadow:0 -18px 46px rgba(36,16,43,.24);
    transform:translateY(105%);
    transition:transform .24s cubic-bezier(.22,.8,.28,1);
    overscroll-behavior:contain;
    outline:none;
  }

  .mobile-action-sheet.is-open .mobile-action-sheet-overlay{
    opacity:1;
  }

  .mobile-action-sheet.is-open .mobile-action-sheet-panel{
    transform:translateY(0);
  }

  .mobile-action-sheet-handle{
    width:42px;
    height:5px;
    margin:0 auto 12px;
    border-radius:99px;
    background:#d7cbdc;
  }

  .mobile-action-sheet-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    padding:0 2px 13px;
    border-bottom:1px solid rgba(60,16,83,.10);
  }

  .mobile-action-sheet-header>div{
    min-width:0;
  }

  .mobile-action-sheet-header strong{
    display:block;
    overflow:hidden;
    color:#3c1053;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:17px;
    line-height:1.25;
  }

  .mobile-action-sheet-header span{
    display:block;
    margin-top:4px;
    overflow:hidden;
    color:#715f78;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11px;
  }

  .mobile-action-sheet-close{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid #ded3e1;
    border-radius:11px;
    color:#5d4266;
    background:#f8f4f9;
    cursor:pointer;
    font-size:23px;
    line-height:1;
  }

  .mobile-action-sheet-actions{
    display:grid;
    gap:9px;
    padding-top:13px;
  }

  .mobile-sheet-action,
  .mobile-sheet-form>.mobile-sheet-action{
    width:100%;
    min-height:58px;
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:11px;
    align-items:center;
    padding:10px 12px;
    border:1px solid #e2d9e5;
    border-radius:14px;
    color:#43224f;
    background:#fff;
    box-shadow:none;
    text-align:left;
    text-decoration:none;
    cursor:pointer;
    font:inherit;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-sheet-action.primary{
    border-color:#ccb3d5;
    background:#f6eef8;
  }

  .mobile-sheet-action.danger{
    border-color:#ebc6cb;
    color:#8d2633;
    background:#fff4f5;
  }

  .mobile-sheet-action.warning{
    border-color:#ead8ad;
    color:#785716;
    background:#fff9ea;
  }

  .mobile-sheet-action-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    color:#fff;
    background:#702f8a;
    font-size:13px;
    font-weight:900;
  }

  .mobile-sheet-action.danger .mobile-sheet-action-icon{
    background:#c74353;
  }

  .mobile-sheet-action.warning .mobile-sheet-action-icon{
    color:#5f4511;
    background:#ead27e;
  }

  .mobile-sheet-action>span:last-child{
    min-width:0;
  }

  .mobile-sheet-action strong,
  .mobile-sheet-action small{
    display:block;
  }

  .mobile-sheet-action strong{
    color:inherit;
    font-size:13px;
    line-height:1.25;
  }

  .mobile-sheet-action small{
    margin-top:4px;
    color:#76677b;
    font-size:10px;
    line-height:1.35;
  }

  .mobile-sheet-form{
    margin:0;
  }
}


/* v3.5.1 - Mobil ana sayfa kart menüsü */
.mobile-home-menu{
  display:none;
}

@media(max-width:760px){
  /* Mobilde sol menü ve onu açan tüm öğeler kullanılmaz. */
  .mobile-topbar,
  .mobile-overlay,
  .app>.sidebar,
  .mobile-menu-button,
  .sidebar-close{
    display:none!important;
  }

  .app{
    display:block!important;
    min-height:100vh;
  }

  .main{
    width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    padding:12px 12px calc(94px + env(safe-area-inset-bottom))!important;
  }

  body[data-active-menu="dashboard"] .dashboard-topbar{
    display:none!important;
  }

  body[data-active-menu="dashboard"] .dashboard-search-card{
    margin:0 0 14px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body[data-active-menu="dashboard"] .dashboard-search-form{
    min-height:58px;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:8px;
    align-items:center;
    padding:7px;
    border:1px solid #ded3e1;
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 22px rgba(60,16,83,.10);
  }

  body[data-active-menu="dashboard"] .dashboard-search-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    color:#fff;
    background:#702f8a;
    font-size:21px;
  }

  body[data-active-menu="dashboard"] .dashboard-search-content{
    min-width:0;
  }

  body[data-active-menu="dashboard"] .dashboard-search-content label{
    display:none;
  }

  body[data-active-menu="dashboard"] .dashboard-search-content input{
    min-height:42px;
    padding:8px 5px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:15px!important;
  }

  body[data-active-menu="dashboard"] .dashboard-search-form .btn{
    min-width:58px;
    min-height:42px;
    padding:8px 11px;
    border-radius:11px;
  }

  .mobile-home-menu{
    display:block;
    margin:0;
  }

  .mobile-home-menu-head{
    margin:0 2px 10px;
  }

  .mobile-home-menu-head .overline{
    display:block;
    margin-bottom:3px;
    color:#76587f;
    font-size:9px;
  }

  .mobile-home-menu-head h2{
    margin:0;
    color:#35143f;
    font-size:20px;
    line-height:1.2;
  }

  .mobile-home-card-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }

  .mobile-home-card,
  button.mobile-home-card{
    width:100%;
    min-height:66px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 20px;
    gap:11px;
    align-items:center;
    padding:10px 12px;
    border:1px solid #e1d8e4;
    border-radius:15px;
    color:#3d2445;
    background:#fff;
    box-shadow:0 6px 17px rgba(60,16,83,.07);
    text-align:left;
    text-decoration:none;
    cursor:pointer;
    font-family:inherit;
  }

  .mobile-home-card:active{
    transform:scale(.985);
    background:#f9f4fa;
  }

  .mobile-home-card-icon{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:13px;
    color:#fff;
    background:linear-gradient(145deg,#702f8a,#4b1d5d);
    font-size:19px;
    font-weight:800;
  }

  .mobile-home-card>span:nth-child(2){
    min-width:0;
  }

  .mobile-home-card strong,
  .mobile-home-card small{
    display:block;
  }

  .mobile-home-card strong{
    color:#3d1949;
    font-size:13px;
    line-height:1.3;
  }

  .mobile-home-card small{
    margin-top:3px;
    overflow:hidden;
    color:#75677a;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:10px;
    line-height:1.35;
  }

  .mobile-home-card>b{
    color:#a38ba9;
    font-size:25px;
    font-weight:400;
  }

  .mobile-home-logout{
    margin:0;
  }

  .mobile-home-card-danger{
    border-color:#edc9cd!important;
    background:#fff8f8!important;
  }

  .mobile-home-card-danger .mobile-home-card-icon{
    background:#cc4651;
  }

  .mobile-home-card-danger strong{
    color:#a82e38;
  }

  /* Masaüstü ana sayfa blokları mobilde tekrar gösterilmez. */
  body[data-active-menu="dashboard"] .dashboard-quick-panel,
  body[data-active-menu="dashboard"] .dashboard-stat-grid{
    display:none!important;
  }

  /* Sol menü artık kullanılmadığı için Diğer düğmesi de kaldırılır. */
  #mobileBottomMore{
    display:none!important;
  }

  .mobile-bottom-nav{
    grid-template-columns:repeat(4,1fr)!important;
  }
}


/* v3.5.2 - Mobil daha fazla menüsü, canlı arama ve açılır kart işlemleri */
.mobile-more-backdrop,
.mobile-more-sheet,
.mobile-live-search-results {
  display:none;
}

@media(max-width:760px){
  .mobile-bottom-nav{
    grid-template-columns:repeat(5,1fr)!important;
  }

  .mobile-bottom-nav>a,
  .mobile-bottom-nav>button{
    min-width:0;
    border:0;
    background:transparent;
    color:inherit;
    font:inherit;
  }

  #mobileBottomMore{
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    cursor:pointer;
  }

  .mobile-more-backdrop{
    position:fixed;
    inset:0;
    z-index:1190;
    display:block;
    background:rgba(24,11,29,.46);
    opacity:0;
    pointer-events:none;
    transition:opacity .2s ease;
  }

  .mobile-more-backdrop.is-open{
    opacity:1;
    pointer-events:auto;
  }

  .mobile-more-sheet{
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    z-index:1200;
    display:block;
    max-height:82vh;
    padding:8px 14px calc(22px + env(safe-area-inset-bottom));
    border-radius:24px 24px 0 0;
    background:#fff;
    box-shadow:0 -16px 40px rgba(42,16,52,.22);
    transform:translateY(105%);
    transition:transform .24s ease;
    overflow:auto;
  }

  .mobile-more-sheet.is-open{
    transform:translateY(0);
  }

  .mobile-more-handle{
    width:42px;
    height:5px;
    margin:2px auto 12px;
    border-radius:999px;
    background:#d9cfdc;
  }

  .mobile-more-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:12px;
  }

  .mobile-more-head h2{
    margin:2px 0 0;
    font-size:21px;
    color:#35143f;
  }

  .mobile-more-close{
    width:40px;
    height:40px;
    border:0;
    border-radius:12px;
    background:#f3edf5;
    color:#57305f;
    font-size:27px;
    line-height:1;
  }

  .mobile-more-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .mobile-more-grid>a,
  .mobile-more-grid button{
    width:100%;
    min-height:86px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:7px;
    padding:14px;
    border:1px solid #e4dbe6;
    border-radius:16px;
    background:#fff;
    color:#45214f;
    text-decoration:none;
    font:inherit;
    box-shadow:0 5px 16px rgba(60,16,83,.06);
  }

  .mobile-more-grid>a span,
  .mobile-more-grid button span{
    width:35px;
    height:35px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#6f2f89;
    color:#fff;
    font-size:17px;
    font-weight:800;
  }

  .mobile-more-grid strong{
    font-size:12px;
  }

  .mobile-more-grid form{
    margin:0;
  }

  .mobile-more-grid .mobile-more-danger{
    border-color:#edc9cd;
    background:#fff8f8;
    color:#a82e38;
  }

  .mobile-more-grid .mobile-more-danger span{
    background:#cc4651;
  }

  body.mobile-more-open{
    overflow:hidden;
  }

  body[data-active-menu="dashboard"] .dashboard-search-form{
    grid-template-columns:42px minmax(0,1fr)!important;
  }

  .mobile-live-search-results{
    display:block;
    margin-top:8px;
    overflow:hidden;
    border:1px solid #e1d8e4;
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 24px rgba(60,16,83,.11);
  }

  .mobile-live-search-results[hidden]{
    display:none!important;
  }

  .mobile-live-search-status{
    padding:14px;
    color:#75677a;
    text-align:center;
    font-size:12px;
  }

  .mobile-live-search-item{
    display:grid;
    grid-template-columns:40px minmax(0,1fr) 18px;
    gap:10px;
    align-items:center;
    padding:11px 12px;
    border-bottom:1px solid #eee7ef;
    color:#3e2545;
    text-decoration:none;
  }

  .mobile-live-search-item:last-child{
    border-bottom:0;
  }

  .mobile-live-search-badge{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#f1e9f4;
    color:#6f2f89;
    font-size:16px;
    font-weight:800;
  }

  .mobile-live-search-item strong,
  .mobile-live-search-item small{
    display:block;
  }

  .mobile-live-search-item strong{
    font-size:12px;
  }

  .mobile-live-search-item small{
    margin-top:3px;
    color:#7d6d82;
    font-size:10px;
  }

  /* Popup hızlı işlem katmanlarını mobilde tamamen kapat */
  .mobile-action-sheet,
  .mobile-action-backdrop,
  .quick-actions-sheet,
  .quick-actions-backdrop{
    display:none!important;
  }

  /* Mobil kart içinde açılan kolay işlem sistemi */
  .mobile-inline-actions{
    display:none;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #ece4ee;
  }

  .mobile-inline-actions.is-open{
    display:grid;
  }

  .mobile-inline-actions a,
  .mobile-inline-actions button{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px 10px;
    border:1px solid #ded3e1;
    border-radius:11px;
    background:#faf7fb;
    color:#51265e;
    text-align:center;
    text-decoration:none;
    font:inherit;
    font-size:11px;
    font-weight:700;
  }

  .mobile-inline-actions .danger{
    border-color:#ebc8cc;
    background:#fff7f8;
    color:#ad303b;
  }

  .mobile-inline-toggle{
    width:100%;
    min-height:40px;
    margin-top:8px;
    border:1px solid #ded3e1;
    border-radius:11px;
    background:#f8f4f9;
    color:#592967;
    font:inherit;
    font-size:11px;
    font-weight:800;
  }
}


/* v3.5.3 - Mobil alt menü görünüm düzeltmesi */
@media(max-width:760px){
  .main{
    padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
  }

  .mobile-bottom-nav{
    position:fixed!important;
    right:8px!important;
    bottom:8px!important;
    left:8px!important;
    z-index:1180!important;
    width:auto!important;
    min-height:66px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:3px!important;
    padding:6px 5px calc(6px + env(safe-area-inset-bottom))!important;
    border:1px solid rgba(111,47,137,.13)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 10px 30px rgba(45,18,55,.18)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    overflow:hidden!important;
  }

  .mobile-bottom-nav>a,
  .mobile-bottom-nav>button{
    position:relative!important;
    min-width:0!important;
    min-height:54px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    margin:0!important;
    padding:5px 2px!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#75677a!important;
    text-align:center!important;
    text-decoration:none!important;
    font-family:inherit!important;
    cursor:pointer!important;
    overflow:hidden!important;
    transition:background .16s ease,color .16s ease,transform .16s ease!important;
  }

  .mobile-bottom-nav>a:active,
  .mobile-bottom-nav>button:active{
    transform:scale(.96)!important;
  }

  .mobile-bottom-nav>a.active{
    color:#6f2f89!important;
    background:#f2e9f5!important;
  }

  .mobile-bottom-nav>a.active::before{
    content:""!important;
    position:absolute!important;
    top:3px!important;
    left:50%!important;
    width:22px!important;
    height:3px!important;
    border-radius:999px!important;
    background:#6f2f89!important;
    transform:translateX(-50%)!important;
  }

  .mobile-bottom-nav .mobile-bottom-icon{
    width:24px!important;
    height:24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 24px!important;
    margin:0!important;
    color:currentColor!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:700!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }

  .mobile-bottom-nav>a>span:last-child,
  .mobile-bottom-nav>button>span:last-child{
    width:100%!important;
    display:block!important;
    overflow:hidden!important;
    color:currentColor!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9px!important;
    line-height:1.1!important;
    font-weight:700!important;
    letter-spacing:-.1px!important;
  }

  #mobileBottomMore{
    display:flex!important;
  }

  #mobileBottomMore .mobile-bottom-icon{
    padding-bottom:6px!important;
    font-size:17px!important;
    letter-spacing:1px!important;
  }

  body.mobile-more-open #mobileBottomMore{
    color:#6f2f89!important;
    background:#f2e9f5!important;
  }

  @media(max-width:360px){
    .mobile-bottom-nav{
      right:5px!important;
      bottom:5px!important;
      left:5px!important;
      gap:1px!important;
      padding-right:3px!important;
      padding-left:3px!important;
    }

    .mobile-bottom-nav>a,
    .mobile-bottom-nav>button{
      padding-right:1px!important;
      padding-left:1px!important;
    }

    .mobile-bottom-nav>a>span:last-child,
    .mobile-bottom-nav>button>span:last-child{
      font-size:8px!important;
    }
  }
}


/* v3.5.4 - Mobil sadeleştirme */
@media(max-width:760px){
  /* Toplam/sayaç kartları yalnızca masaüstünde kalsın */
  .dashboard-stat-grid,
  .stats-grid,
  .stat-grid,
  .summary-grid,
  .summary-cards,
  .count-cards,
  .total-cards,
  .metric-grid,
  .metrics-grid,
  .dashboard-metrics,
  .page-stats,
  .page-summary,
  .student-stats,
  .teacher-stats,
  .class-stats,
  [class*="stat-card"],
  [class*="count-card"],
  [class*="total-card"],
  [class*="metric-card"]{
    display:none!important;
  }

  /* Liste sayfalarını mobilde daha sakin göster */
  body[data-active-menu="students"] .card,
  body[data-active-menu="teachers"] .card,
  body[data-active-menu="classes"] .card,
  body[data-active-menu="students"] .student-card,
  body[data-active-menu="teachers"] .teacher-card,
  body[data-active-menu="classes"] .class-card,
  body[data-active-menu="students"] .list-card,
  body[data-active-menu="teachers"] .list-card,
  body[data-active-menu="classes"] .list-card{
    border-radius:14px!important;
    box-shadow:0 4px 14px rgba(50,22,60,.06)!important;
  }

  .mobile-hide-original-actions{
    display:none!important;
  }

  .mobile-simple-toggle{
    width:100%;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:9px;
    padding:9px 12px;
    border:1px solid #ded5e0;
    border-radius:11px;
    background:#f8f5f9;
    color:#542861;
    font:inherit;
    font-size:11px;
    font-weight:800;
    cursor:pointer;
  }

  .mobile-simple-toggle b{
    font-size:16px;
    transition:transform .16s ease;
  }

  .mobile-simple-toggle.is-open b{
    transform:rotate(180deg);
  }

  .mobile-simple-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    margin-top:7px;
    padding:9px;
    border:1px solid #e7dfe9;
    border-radius:12px;
    background:#fcfafc;
  }

  .mobile-simple-actions[hidden]{
    display:none!important;
  }

  .mobile-simple-actions a,
  .mobile-simple-actions button{
    width:100%;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:9px 12px;
    border:0;
    border-radius:10px;
    background:#fff;
    color:#4d2857;
    text-align:left;
    text-decoration:none;
    font:inherit;
    font-size:11px;
    font-weight:700;
    box-shadow:0 2px 8px rgba(50,22,60,.05);
  }

  .mobile-simple-actions .danger{
    color:#ad303b;
    background:#fff7f8;
  }

  /* Eski popup/hızlı işlem arayüzlerini kesin olarak kaldır */
  .mobile-action-sheet,
  .mobile-action-backdrop,
  .quick-actions-sheet,
  .quick-actions-backdrop,
  .mobile-inline-actions,
  .mobile-inline-toggle{
    display:none!important;
  }

  /* Canlı arama girişini sadeleştir */
  body[data-active-menu="dashboard"] .dashboard-search-form{
    grid-template-columns:42px minmax(0,1fr)!important;
  }

  body[data-active-menu="dashboard"] .dashboard-search-form .btn,
  body[data-active-menu="dashboard"] .dashboard-search-form button[type="submit"]{
    display:none!important;
  }
}


/* v3.5.5 - Mobil geri dön düğmesi */
.mobile-page-back-wrap{
  display:none;
}

@media(max-width:760px){
  .mobile-page-back-wrap{
    display:block;
    margin:0 0 10px;
  }

  .mobile-page-back{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 12px 8px 9px;
    border:1px solid #ded5e0;
    border-radius:12px;
    background:#fff;
    color:#542861;
    box-shadow:0 4px 12px rgba(50,22,60,.06);
    font:inherit;
    cursor:pointer;
  }

  .mobile-page-back span{
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:#f1e9f4;
    color:#6f2f89;
    font-size:24px;
    line-height:1;
    font-weight:500;
  }

  .mobile-page-back strong{
    font-size:11px;
    line-height:1;
    font-weight:800;
  }

  .mobile-page-back:active{
    transform:scale(.98);
    background:#faf7fb;
  }
}

/* v3.5.6 - Mobil ana sayfa iki sütun kare kart tasarımı */
@media(max-width:760px){
  body[data-active-menu="dashboard"] .mobile-home-menu{margin-top:2px}
  body[data-active-menu="dashboard"] .mobile-home-menu-head{margin:0 2px 12px}
  body[data-active-menu="dashboard"] .mobile-home-menu-head h2{font-size:19px}

  body[data-active-menu="dashboard"] .mobile-home-card-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card,
  body[data-active-menu="dashboard"] button.mobile-home-card{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
    gap:8px!important;
    padding:13px!important;
    border:1px solid #e2d9e4!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 7px 20px rgba(55,21,67,.08)!important;
    overflow:hidden!important;
    text-align:left!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card::after{
    content:""!important;
    position:absolute!important;
    right:-22px!important;
    top:-22px!important;
    width:72px!important;
    height:72px!important;
    border-radius:50%!important;
    background:rgba(111,47,137,.05)!important;
    pointer-events:none!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card:active{
    transform:scale(.97)!important;
    background:#faf7fb!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card-icon{
    position:absolute!important;
    top:13px!important;
    left:13px!important;
    width:44px!important;
    height:44px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#71318b,#4e1e60)!important;
    color:#fff!important;
    font-size:19px!important;
    font-weight:800!important;
    box-shadow:0 5px 13px rgba(91,37,111,.20)!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card>span:nth-child(2){
    width:100%!important;
    min-width:0!important;
    display:block!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card strong{
    display:block!important;
    color:#3e1c48!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:800!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card small{
    display:-webkit-box!important;
    margin-top:4px!important;
    overflow:hidden!important;
    color:#786b7c!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    white-space:normal!important;
    text-overflow:ellipsis!important;
    font-size:9px!important;
    line-height:1.35!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card>b{
    position:absolute!important;
    right:12px!important;
    bottom:12px!important;
    color:#a58faa!important;
    font-size:20px!important;
    font-weight:400!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-logout{margin:0!important}

  body[data-active-menu="dashboard"] .mobile-home-card-danger{
    border-color:#edc9cd!important;
    background:#fff9f9!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card-danger::after{
    background:rgba(204,70,81,.06)!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card-danger .mobile-home-card-icon{
    background:#cc4651!important;
    box-shadow:0 5px 13px rgba(204,70,81,.20)!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card-danger strong{color:#a72e38!important}
}

@media(max-width:350px){
  body[data-active-menu="dashboard"] .mobile-home-card-grid{gap:8px!important}
  body[data-active-menu="dashboard"] .mobile-home-card,
  body[data-active-menu="dashboard"] button.mobile-home-card{
    padding:11px!important;
    border-radius:16px!important;
  }
  body[data-active-menu="dashboard"] .mobile-home-card-icon{
    top:11px!important;
    left:11px!important;
    width:40px!important;
    height:40px!important;
    font-size:17px!important;
  }
  body[data-active-menu="dashboard"] .mobile-home-card strong{font-size:12px!important}
  body[data-active-menu="dashboard"] .mobile-home-card small{font-size:8px!important}
}


/* v3.5.8 - Canlı arama veli sonucu */
@media(max-width:760px){
  .mobile-live-search-item:has(small:first-letter){
    min-width:0;
  }
}


/* v3.5.9 - Genel Arama veli kartı */
.search-result-section--parents .search-section-head > strong{
  background:#f4ecf7;
  color:#6a2d7d;
}

.parent-search-avatar{
  background:#f2e9f5;
  color:#6a2d7d;
}

@media(max-width:760px){
  .search-result-section--parents{
    display:block!important;
  }

  .parent-search-row{
    border-left:3px solid #8a4b9f;
  }

  .parent-search-avatar{
    background:#6a2d7d!important;
    color:#fff!important;
  }
}


/* v3.6.0 - Genel Arama web veli sekmesi */
@media(min-width:761px){
  .global-search-form select[name="type"]{
    min-width:170px;
  }

  .search-result-section--parents{
    display:block;
  }

  .search-result-section--parents .search-section-head{
    border-bottom-color:#eadff0;
  }

  .search-result-section--parents .search-section-head > strong{
    background:#f3eaf6;
    color:#6b2f7c;
  }

  .parent-search-row{
    border-left:4px solid #7a3a8d;
  }

  .parent-search-row:hover{
    background:#fcf9fd;
    border-color:#7a3a8d;
  }

  .parent-search-avatar{
    background:#6b2f7c;
    color:#fff;
  }

  .parent-search-row .search-result-main > span{
    color:#7b6381;
  }
}


/* v3.6.1 - Web Genel Arama görünür kayıt türü sekmeleri */
.web-search-type-tabs{
  display:none;
}

@media(min-width:761px){
  .web-search-type-tabs{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    margin:0 0 16px;
    padding:8px;
    border:1px solid #e7dfe9;
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 24px rgba(55,21,67,.06);
  }

  .web-search-type-tab{
    min-height:62px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:10px 12px;
    border:1px solid transparent;
    border-radius:13px;
    color:#625668;
    background:#faf8fb;
    text-decoration:none;
    transition:
      background .18s ease,
      border-color .18s ease,
      color .18s ease,
      transform .18s ease,
      box-shadow .18s ease;
  }

  .web-search-type-tab:hover{
    transform:translateY(-1px);
    border-color:#d9c9df;
    background:#fff;
    color:#572767;
    box-shadow:0 7px 18px rgba(69,30,82,.08);
  }

  .web-search-type-tab > span{
    min-width:32px;
    height:32px;
    display:grid;
    place-items:center;
    padding:0 7px;
    border-radius:10px;
    background:#eee7f0;
    color:#683079;
    font-size:12px;
    font-weight:800;
    line-height:1;
  }

  .web-search-type-tab > strong{
    font-size:13px;
    font-weight:800;
    white-space:nowrap;
  }

  .web-search-type-tab.active{
    border-color:#633074;
    background:linear-gradient(145deg,#713487,#552463);
    color:#fff;
    box-shadow:0 9px 20px rgba(86,36,101,.20);
  }

  .web-search-type-tab.active > span{
    background:rgba(255,255,255,.18);
    color:#fff;
  }

  /* Web'de sekmeler kullanılır; açılır liste mobil ve erişilebilir yedek olarak korunur. */
  .global-search-form > select[name="type"]{
    display:none;
  }

  .search-result-section--parents{
    display:block!important;
  }
}

@media(min-width:761px) and (max-width:980px){
  .web-search-type-tabs{
    gap:7px;
  }

  .web-search-type-tab{
    gap:6px;
    padding:9px 7px;
  }

  .web-search-type-tab > strong{
    font-size:12px;
  }
}


/* v3.6.2 - Genel Arama görünür mobil filtre sekmeleri */
@media(max-width:760px){
  .web-search-type-tabs{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin:0 0 13px;
    padding:8px;
    border:1px solid #e6dde8;
    border-radius:17px;
    background:#fff;
    box-shadow:0 7px 20px rgba(55,21,67,.06);
  }

  .web-search-type-tab{
    min-width:0;
    min-height:52px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:7px 5px;
    border:1px solid transparent;
    border-radius:12px;
    background:#faf7fb;
    color:#65586a;
    text-align:center;
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
    transition:
      transform .15s ease,
      background .15s ease,
      border-color .15s ease,
      color .15s ease,
      box-shadow .15s ease;
  }

  .web-search-type-tab:active{
    transform:scale(.96);
  }

  .web-search-type-tab > span{
    min-width:28px;
    height:25px;
    display:grid;
    place-items:center;
    padding:0 6px;
    border-radius:8px;
    background:#eee6f0;
    color:#6b2f7c;
    font-size:10px;
    font-weight:800;
    line-height:1;
  }

  .web-search-type-tab > strong{
    max-width:100%;
    overflow:hidden;
    color:inherit;
    font-size:10px;
    line-height:1.15;
    font-weight:800;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  .web-search-type-tab.active{
    border-color:#633074;
    background:linear-gradient(145deg,#713487,#552463);
    color:#fff;
    box-shadow:0 7px 16px rgba(86,36,101,.18);
  }

  .web-search-type-tab.active > span{
    background:rgba(255,255,255,.18);
    color:#fff;
  }

  /* Açılır kayıt türü alanı yerine görünür sekmeler kullanılır. */
  .global-search-form > select[name="type"]{
    display:none!important;
  }

  .global-search-form{
    margin-top:0;
  }

  .global-search-input{
    width:100%;
  }

  .search-result-section--parents{
    display:block!important;
  }
}

@media(max-width:350px){
  .web-search-type-tabs{
    gap:6px;
    padding:7px;
  }

  .web-search-type-tab{
    min-height:48px;
    padding:6px 3px;
  }

  .web-search-type-tab > strong{
    font-size:9px;
  }
}


/* v3.6.3 - Mobil Genel Arama kompakt veli sonuç kartları */
@media(max-width:760px){
  .search-result-section--parents{
    overflow:visible!important;
    margin-bottom:12px!important;
    border-radius:15px!important;
  }

  .search-result-section--parents .search-section-head{
    align-items:center!important;
    padding:11px 12px!important;
  }

  .search-result-section--parents .search-section-head .overline{
    font-size:9px!important;
    line-height:1.2!important;
  }

  .search-result-section--parents .search-section-head h2{
    margin-top:3px!important;
    font-size:16px!important;
    line-height:1.2!important;
  }

  .search-result-section--parents .search-section-head > strong{
    min-width:29px!important;
    width:29px!important;
    height:29px!important;
    border-radius:9px!important;
    font-size:10px!important;
  }

  .search-result-section--parents .search-result-list{
    display:grid!important;
    gap:8px!important;
    padding:8px!important;
    background:#f8f4fa!important;
  }

  .search-result-section--parents .parent-search-row{
    position:relative!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    grid-template-areas:
      "avatar main status"
      "student student student"
      "contact contact job"!important;
    gap:7px 9px!important;
    align-items:center!important;
    padding:10px!important;
    border:1px solid #e4d9e7!important;
    border-left:3px solid #713487!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(55,21,67,.06)!important;
  }

  .search-result-section--parents .parent-search-row:first-child{
    border-top:1px solid #e4d9e7!important;
  }

  .search-result-section--parents .parent-search-row:active{
    transform:scale(.99)!important;
    background:#fdfbfe!important;
  }

  .search-result-section--parents .parent-search-avatar{
    grid-area:avatar!important;
    width:36px!important;
    height:36px!important;
    border:0!important;
    border-radius:11px!important;
    font-size:10px!important;
    box-shadow:none!important;
  }

  .search-result-section--parents .search-result-main{
    grid-area:main!important;
    padding-right:2px!important;
  }

  .search-result-section--parents .search-result-main strong{
    font-size:12px!important;
    line-height:1.2!important;
    white-space:normal!important;
  }

  .search-result-section--parents .search-result-main > span{
    margin-top:2px!important;
    font-size:9px!important;
    line-height:1.25!important;
  }

  .search-result-section--parents .status-pill{
    grid-area:status!important;
    align-self:start!important;
    padding:4px 7px!important;
    border-radius:8px!important;
    font-size:8px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .search-result-section--parents .parent-info-card{
    min-width:0!important;
    display:block!important;
    padding:7px 8px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
  }

  .search-result-section--parents .parent-info-card > span{
    margin:0 0 3px!important;
    font-size:8px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.035em!important;
  }

  .search-result-section--parents .parent-info-card > strong{
    margin:0!important;
    overflow:hidden!important;
    font-size:10px!important;
    line-height:1.3!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .search-result-section--parents .parent-info-card > small{
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    font-size:8px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  /* Öğrenci bilgisi: mavi */
  .search-result-section--parents .parent-info-student{
    grid-area:student!important;
    background:#eef5ff!important;
    border-color:#cfdef3!important;
  }

  .search-result-section--parents .parent-info-student > span{
    color:#2b67a3!important;
  }

  .search-result-section--parents .parent-info-student > strong{
    color:#174e80!important;
  }

  .search-result-section--parents .parent-info-student > small{
    color:#52759a!important;
  }

  /* İletişim bilgisi: yeşil */
  .search-result-section--parents .parent-info-contact{
    grid-area:contact!important;
    background:#eef9f2!important;
    border-color:#cce8d6!important;
  }

  .search-result-section--parents .parent-info-contact > span{
    color:#23764a!important;
  }

  .search-result-section--parents .parent-info-contact > strong{
    color:#155c39!important;
  }

  .search-result-section--parents .parent-info-contact > small{
    color:#4d7861!important;
  }

  /* Meslek bilgisi: turuncu */
  .search-result-section--parents .parent-info-job{
    grid-area:job!important;
    background:#fff5e9!important;
    border-color:#efd7b8!important;
  }

  .search-result-section--parents .parent-info-job > span{
    color:#a35d0e!important;
  }

  .search-result-section--parents .parent-info-job > strong{
    color:#754309!important;
  }

  .search-result-section--parents .parent-info-job > small{
    color:#8f6a3e!important;
  }
}

@media(max-width:360px){
  .search-result-section--parents .parent-search-row{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    grid-template-areas:
      "avatar main status"
      "student student student"
      "contact contact contact"
      "job job job"!important;
  }
}


/* v3.6.4 - Tüm mobil Genel Arama sonuç kartları */
@media(max-width:760px){

  /* Ortak kategori başlıkları */
  .search-result-section--students,
  .search-result-section--parents,
  .search-result-section--teachers,
  .search-result-section--classes{
    overflow:visible!important;
    margin-bottom:12px!important;
    border-radius:15px!important;
  }

  .search-result-section--students .search-section-head,
  .search-result-section--parents .search-section-head,
  .search-result-section--teachers .search-section-head,
  .search-result-section--classes .search-section-head{
    align-items:center!important;
    padding:10px 12px!important;
  }

  .search-result-section .search-section-head .overline{
    font-size:8px!important;
    line-height:1.15!important;
  }

  .search-result-section .search-section-head h2{
    margin-top:3px!important;
    font-size:15px!important;
    line-height:1.2!important;
  }

  .search-result-section .search-section-head > strong{
    min-width:29px!important;
    width:29px!important;
    height:29px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border-radius:9px!important;
    font-size:10px!important;
  }

  .search-result-section--students .search-result-list,
  .search-result-section--parents .search-result-list,
  .search-result-section--teachers .search-result-list{
    display:grid!important;
    gap:8px!important;
    padding:8px!important;
    background:#f8f4fa!important;
  }

  /* Öğrenci ve öğretmen kartlarının ortak kompakt yapısı */
  .search-result-section--students .search-result-row,
  .search-result-section--teachers .search-result-row{
    position:relative!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    grid-template-areas:
      "avatar main status"
      "first first first"
      "second second third"!important;
    gap:7px 9px!important;
    align-items:center!important;
    padding:10px!important;
    border:1px solid #e4d9e7!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(55,21,67,.06)!important;
  }

  .search-result-section--students .search-result-row{
    border-left:3px solid #356da8!important;
  }

  .search-result-section--teachers .search-result-row{
    border-left:3px solid #7b3f8e!important;
  }

  .search-result-section--students .search-result-row:first-child,
  .search-result-section--teachers .search-result-row:first-child{
    border-top:1px solid #e4d9e7!important;
  }

  .search-result-section--students .search-result-row:active,
  .search-result-section--teachers .search-result-row:active{
    transform:scale(.99)!important;
    background:#fdfbfe!important;
  }

  .search-result-section--students .search-result-avatar,
  .search-result-section--teachers .search-result-avatar{
    grid-area:avatar!important;
    width:36px!important;
    height:36px!important;
    border:0!important;
    border-radius:11px!important;
    font-size:10px!important;
    box-shadow:none!important;
  }

  .search-result-section--students .search-result-avatar{
    background:#356da8!important;
    color:#fff!important;
  }

  .search-result-section--teachers .search-result-avatar{
    background:#713487!important;
    color:#fff!important;
  }

  .search-result-section--students .search-result-main,
  .search-result-section--teachers .search-result-main{
    grid-area:main!important;
    min-width:0!important;
    padding-right:2px!important;
  }

  .search-result-section--students .search-result-main strong,
  .search-result-section--teachers .search-result-main strong{
    display:block!important;
    overflow:hidden!important;
    font-size:12px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .search-result-section--students .search-result-main > span,
  .search-result-section--teachers .search-result-main > span{
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    font-size:9px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .search-result-section--students .status-pill,
  .search-result-section--teachers .status-pill{
    grid-area:status!important;
    align-self:start!important;
    padding:4px 7px!important;
    border-radius:8px!important;
    font-size:8px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* Ortak renkli bilgi kutuları */
  .student-info-card,
  .teacher-info-card{
    min-width:0!important;
    display:block!important;
    padding:7px 8px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
  }

  .student-info-card > span,
  .teacher-info-card > span{
    display:block!important;
    margin:0 0 3px!important;
    font-size:8px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.035em!important;
  }

  .student-info-card > strong,
  .teacher-info-card > strong{
    display:block!important;
    margin:0!important;
    overflow:hidden!important;
    font-size:10px!important;
    line-height:1.3!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .student-info-card > small,
  .teacher-info-card > small{
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    font-size:8px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  /* Öğrenci kartı renkleri */
  .student-info-identity{
    grid-area:first!important;
    background:#eef5ff!important;
    border-color:#cfdef3!important;
  }

  .student-info-identity > span{color:#2b67a3!important}
  .student-info-identity > strong{color:#174e80!important}
  .student-info-identity > small{color:#52759a!important}

  .student-info-parent{
    grid-area:second!important;
    background:#f5effa!important;
    border-color:#dfd0ea!important;
  }

  .student-info-parent > span{color:#713487!important}
  .student-info-parent > strong{color:#512361!important}
  .student-info-parent > small{color:#80618a!important}

  .student-info-contact{
    grid-area:third!important;
    background:#eef9f2!important;
    border-color:#cce8d6!important;
  }

  .student-info-contact > span{color:#23764a!important}
  .student-info-contact > strong{color:#155c39!important}
  .student-info-contact > small{color:#4d7861!important}

  /* Öğretmen kartı renkleri */
  .teacher-info-duty{
    grid-area:first!important;
    background:#f5effa!important;
    border-color:#dfd0ea!important;
  }

  .teacher-info-duty > span{color:#713487!important}
  .teacher-info-duty > strong{color:#512361!important}
  .teacher-info-duty > small{color:#80618a!important}

  .teacher-info-classes{
    grid-area:second!important;
    background:#eef5ff!important;
    border-color:#cfdef3!important;
  }

  .teacher-info-classes > span{color:#2b67a3!important}
  .teacher-info-classes > strong{color:#174e80!important}
  .teacher-info-classes > small{color:#52759a!important}

  .teacher-info-contact{
    grid-area:third!important;
    background:#eef9f2!important;
    border-color:#cce8d6!important;
  }

  .teacher-info-contact > span{color:#23764a!important}
  .teacher-info-contact > strong{color:#155c39!important}
  .teacher-info-contact > small{color:#4d7861!important}

  /* Sınıf sonuçlarının kompakt kart yapısı */
  .search-result-section--classes .search-class-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:8px!important;
    background:#f8f4fa!important;
  }

  .search-result-section--classes .search-class-card{
    min-width:0!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-areas:
      "code main"
      "stats stats"!important;
    gap:8px 10px!important;
    align-items:center!important;
    padding:10px!important;
    border:1px solid #e4d9e7!important;
    border-left:3px solid #b16b18!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(55,21,67,.06)!important;
  }

  .search-result-section--classes .search-class-card:active{
    transform:scale(.99)!important;
    background:#fdfbfe!important;
  }

  .search-result-section--classes .search-class-code{
    grid-area:code!important;
    width:40px!important;
    height:40px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border-radius:11px!important;
    background:#713487!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:800!important;
  }

  .search-result-section--classes .search-class-main{
    grid-area:main!important;
    min-width:0!important;
    padding:7px 8px!important;
    border:1px solid #cfdef3!important;
    border-radius:10px!important;
    background:#eef5ff!important;
  }

  .search-result-section--classes .search-class-main strong{
    display:block!important;
    overflow:hidden!important;
    color:#174e80!important;
    font-size:11px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .search-result-section--classes .search-class-main span{
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    color:#52759a!important;
    font-size:8px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .search-result-section--classes .search-class-stats{
    grid-area:stats!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0!important;
  }

  .search-result-section--classes .search-class-stats span{
    display:block!important;
    padding:7px 8px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
    font-size:9px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-align:center!important;
  }

  .search-result-section--classes .class-stat-students{
    background:#eef9f2!important;
    border-color:#cce8d6!important;
    color:#155c39!important;
  }

  .search-result-section--classes .class-stat-teachers{
    background:#fff5e9!important;
    border-color:#efd7b8!important;
    color:#754309!important;
  }

  /* Tümü filtresinde bölümler arası mesafeyi azalt */
  .live-search-results > .search-result-section{
    margin-top:8px!important;
  }
}

@media(max-width:360px){
  .search-result-section--students .search-result-row,
  .search-result-section--teachers .search-result-row{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    grid-template-areas:
      "avatar main status"
      "first first first"
      "second second second"
      "third third third"!important;
  }

  .search-result-section--classes .search-class-stats{
    grid-template-columns:1fr!important;
  }
}


/* v3.6.5 - Tüm mobil arama kartları veli kartıyla aynı */
@media(max-width:760px){

  /* Tüm kategori başlıkları aynı */
  .search-result-section--students .search-section-head,
  .search-result-section--parents .search-section-head,
  .search-result-section--teachers .search-section-head,
  .search-result-section--classes .search-section-head{
    padding:11px 12px!important;
  }

  .search-result-section--students .search-section-head > strong,
  .search-result-section--parents .search-section-head > strong,
  .search-result-section--teachers .search-section-head > strong,
  .search-result-section--classes .search-section-head > strong{
    background:#f4ecf7!important;
    color:#6a2d7d!important;
  }

  /* Öğrenci, veli ve öğretmen kartlarının iskeleti tamamen aynı */
  .search-result-section--students .unified-search-card,
  .search-result-section--parents .unified-search-card,
  .search-result-section--teachers .unified-search-card{
    position:relative!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    grid-template-areas:
      "avatar main status"
      "first first first"
      "second second third"!important;
    gap:7px 9px!important;
    align-items:center!important;
    padding:10px!important;
    border:1px solid #e4d9e7!important;
    border-left:3px solid #713487!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(55,21,67,.06)!important;
  }

  .search-result-section--students .search-result-avatar,
  .search-result-section--parents .search-result-avatar,
  .search-result-section--teachers .search-result-avatar{
    grid-area:avatar!important;
    width:36px!important;
    height:36px!important;
    border:0!important;
    border-radius:11px!important;
    background:#6a2d7d!important;
    color:#fff!important;
    font-size:10px!important;
    box-shadow:none!important;
  }

  .search-result-section--students .search-result-main,
  .search-result-section--parents .search-result-main,
  .search-result-section--teachers .search-result-main{
    grid-area:main!important;
    min-width:0!important;
    padding-right:2px!important;
  }

  .search-result-section--students .search-result-main strong,
  .search-result-section--parents .search-result-main strong,
  .search-result-section--teachers .search-result-main strong{
    display:block!important;
    overflow:hidden!important;
    font-size:12px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .search-result-section--students .search-result-main > span,
  .search-result-section--parents .search-result-main > span,
  .search-result-section--teachers .search-result-main > span{
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    color:#7b6381!important;
    font-size:9px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .search-result-section--students .status-pill,
  .search-result-section--parents .status-pill,
  .search-result-section--teachers .status-pill{
    grid-area:status!important;
    align-self:start!important;
    padding:4px 7px!important;
    border-radius:8px!important;
    font-size:8px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* Bütün bilgi kutularında aynı mavi-yeşil-turuncu sırası */
  .student-info-card,
  .parent-info-card,
  .teacher-info-card,
  .class-info-card{
    min-width:0!important;
    display:block!important;
    padding:7px 8px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
  }

  .student-info-card > span,
  .parent-info-card > span,
  .teacher-info-card > span,
  .class-info-card > span{
    display:block!important;
    margin:0 0 3px!important;
    font-size:8px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.035em!important;
  }

  .student-info-card > strong,
  .parent-info-card > strong,
  .teacher-info-card > strong,
  .class-info-card > strong{
    display:block!important;
    margin:0!important;
    overflow:hidden!important;
    font-size:10px!important;
    line-height:1.3!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .student-info-card > small,
  .parent-info-card > small,
  .teacher-info-card > small,
  .class-info-card > small{
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    font-size:8px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  /* 1. kutu: mavi */
  .student-info-identity,
  .parent-info-student,
  .teacher-info-duty,
  .class-info-detail{
    grid-area:first!important;
    background:#eef5ff!important;
    border-color:#cfdef3!important;
  }

  .student-info-identity > span,
  .parent-info-student > span,
  .teacher-info-duty > span,
  .class-info-detail > span{
    color:#2b67a3!important;
  }

  .student-info-identity > strong,
  .parent-info-student > strong,
  .teacher-info-duty > strong,
  .class-info-detail > strong{
    color:#174e80!important;
  }

  .student-info-identity > small,
  .parent-info-student > small,
  .teacher-info-duty > small,
  .class-info-detail > small{
    color:#52759a!important;
  }

  /* 2. kutu: yeşil */
  .student-info-parent,
  .parent-info-contact,
  .teacher-info-classes,
  .class-info-students{
    grid-area:second!important;
    background:#eef9f2!important;
    border-color:#cce8d6!important;
  }

  .student-info-parent > span,
  .parent-info-contact > span,
  .teacher-info-classes > span,
  .class-info-students > span{
    color:#23764a!important;
  }

  .student-info-parent > strong,
  .parent-info-contact > strong,
  .teacher-info-classes > strong,
  .class-info-students > strong{
    color:#155c39!important;
  }

  .student-info-parent > small,
  .parent-info-contact > small,
  .teacher-info-classes > small,
  .class-info-students > small{
    color:#4d7861!important;
  }

  /* 3. kutu: turuncu */
  .student-info-contact,
  .parent-info-job,
  .teacher-info-contact,
  .class-info-teachers{
    grid-area:third!important;
    background:#fff5e9!important;
    border-color:#efd7b8!important;
  }

  .student-info-contact > span,
  .parent-info-job > span,
  .teacher-info-contact > span,
  .class-info-teachers > span{
    color:#a35d0e!important;
  }

  .student-info-contact > strong,
  .parent-info-job > strong,
  .teacher-info-contact > strong,
  .class-info-teachers > strong{
    color:#754309!important;
  }

  .student-info-contact > small,
  .parent-info-job > small,
  .teacher-info-contact > small,
  .class-info-teachers > small{
    color:#8f6a3e!important;
  }

  /* Sınıf kartı da veli kartıyla aynı iskelette */
  .search-result-section--classes .search-class-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:8px!important;
    background:#f8f4fa!important;
  }

  .search-result-section--classes .unified-search-card{
    position:relative!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    grid-template-areas:
      "avatar main status"
      "first first first"
      "second second third"!important;
    gap:7px 9px!important;
    align-items:center!important;
    padding:10px!important;
    border:1px solid #e4d9e7!important;
    border-left:3px solid #713487!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(55,21,67,.06)!important;
  }

  .search-result-section--classes .search-class-code{
    grid-area:avatar!important;
    width:36px!important;
    height:36px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:0!important;
    border-radius:11px!important;
    background:#6a2d7d!important;
    color:#fff!important;
    font-size:10px!important;
    box-shadow:none!important;
  }

  .search-result-section--classes .search-class-main{
    grid-area:main!important;
    min-width:0!important;
    padding:0 2px 0 0!important;
    border:0!important;
    background:transparent!important;
  }

  .search-result-section--classes .search-class-main strong{
    display:block!important;
    overflow:hidden!important;
    color:inherit!important;
    font-size:12px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .search-result-section--classes .search-class-main span{
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    color:#7b6381!important;
    font-size:9px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .search-result-section--classes .status-pill{
    grid-area:status!important;
    align-self:start!important;
    padding:4px 7px!important;
    border-radius:8px!important;
    font-size:8px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
}

@media(max-width:360px){
  .search-result-section--students .unified-search-card,
  .search-result-section--parents .unified-search-card,
  .search-result-section--teachers .unified-search-card,
  .search-result-section--classes .unified-search-card{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    grid-template-areas:
      "avatar main status"
      "first first first"
      "second second second"
      "third third third"!important;
  }
}


/* v3.6.6 - Düzeltilmiş tek tip mobil arama kartları */
@media(max-width:760px){

  /* Tüm sonuç listeleri */
  .search-result-section--students .search-result-list,
  .search-result-section--parents .search-result-list,
  .search-result-section--teachers .search-result-list,
  .search-result-section--classes .search-class-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:8px!important;
    background:#f8f4fa!important;
  }

  /* Öğrenci, veli, öğretmen ve sınıf için tek ortak kart yapısı */
  .search-result-section .unified-search-card{
    position:relative!important;
    min-width:0!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    grid-template-areas:
      "avatar main status"
      "blue blue blue"
      "green green orange"!important;
    gap:7px 9px!important;
    align-items:center!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid #e4d9e7!important;
    border-left:3px solid #713487!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(55,21,67,.06)!important;
    text-decoration:none!important;
    overflow:hidden!important;
  }

  .search-result-section .unified-search-card:first-child{
    border-top:1px solid #e4d9e7!important;
  }

  .search-result-section .unified-search-card:active{
    transform:scale(.99)!important;
    background:#fdfbfe!important;
  }

  /* Ortak avatar / kod kutusu */
  .search-result-section .unified-search-card > .search-result-avatar,
  .search-result-section .unified-search-card > .search-class-code{
    grid-area:avatar!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:0!important;
    border-radius:11px!important;
    background:#6a2d7d!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  .search-result-section .unified-search-card > .search-result-avatar img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:11px!important;
  }

  /* Ortak ad ve alt bilgi alanı */
  .search-result-section .unified-search-card > .search-result-main,
  .search-result-section .unified-search-card > .search-class-main{
    grid-area:main!important;
    min-width:0!important;
    padding:0 2px 0 0!important;
    border:0!important;
    background:transparent!important;
  }

  .search-result-section .unified-search-card > .search-result-main strong,
  .search-result-section .unified-search-card > .search-class-main strong{
    display:block!important;
    margin:0!important;
    overflow:hidden!important;
    color:#3f2547!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .search-result-section .unified-search-card > .search-result-main > span,
  .search-result-section .unified-search-card > .search-class-main > span{
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    color:#7b6381!important;
    font-size:9px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  /* Ortak durum etiketi */
  .search-result-section .unified-search-card > .status-pill{
    grid-area:status!important;
    position:static!important;
    align-self:start!important;
    justify-self:end!important;
    margin:0!important;
    padding:4px 7px!important;
    border-radius:8px!important;
    font-size:8px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* Tüm kartlarda aynı bilgi kutusu ölçüleri */
  .search-result-section .unified-search-card > .unified-info-box{
    min-width:0!important;
    display:block!important;
    margin:0!important;
    padding:7px 8px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
  }

  .search-result-section .unified-search-card > .unified-info-box > span{
    display:block!important;
    margin:0 0 3px!important;
    font-size:8px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.035em!important;
  }

  .search-result-section .unified-search-card > .unified-info-box > strong{
    display:block!important;
    margin:0!important;
    overflow:hidden!important;
    font-size:10px!important;
    line-height:1.3!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .search-result-section .unified-search-card > .unified-info-box > small{
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    font-size:8px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  /* 1. bilgi kutusu: mavi */
  .search-result-section .unified-search-card > .unified-info-blue{
    grid-area:blue!important;
    background:#eef5ff!important;
    border-color:#cfdef3!important;
  }

  .search-result-section .unified-search-card > .unified-info-blue > span{
    color:#2b67a3!important;
  }

  .search-result-section .unified-search-card > .unified-info-blue > strong{
    color:#174e80!important;
  }

  .search-result-section .unified-search-card > .unified-info-blue > small{
    color:#52759a!important;
  }

  /* 2. bilgi kutusu: yeşil */
  .search-result-section .unified-search-card > .unified-info-green{
    grid-area:green!important;
    background:#eef9f2!important;
    border-color:#cce8d6!important;
  }

  .search-result-section .unified-search-card > .unified-info-green > span{
    color:#23764a!important;
  }

  .search-result-section .unified-search-card > .unified-info-green > strong{
    color:#155c39!important;
  }

  .search-result-section .unified-search-card > .unified-info-green > small{
    color:#4d7861!important;
  }

  /* 3. bilgi kutusu: turuncu */
  .search-result-section .unified-search-card > .unified-info-orange{
    grid-area:orange!important;
    background:#fff5e9!important;
    border-color:#efd7b8!important;
  }

  .search-result-section .unified-search-card > .unified-info-orange > span{
    color:#a35d0e!important;
  }

  .search-result-section .unified-search-card > .unified-info-orange > strong{
    color:#754309!important;
  }

  .search-result-section .unified-search-card > .unified-info-orange > small{
    color:#8f6a3e!important;
  }

  /* Tüm kategori başlıkları da eşit */
  .search-result-section--students .search-section-head,
  .search-result-section--parents .search-section-head,
  .search-result-section--teachers .search-section-head,
  .search-result-section--classes .search-section-head{
    min-height:0!important;
    padding:11px 12px!important;
  }

  .search-result-section .search-section-head > strong{
    min-width:29px!important;
    width:29px!important;
    height:29px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border-radius:9px!important;
    background:#f4ecf7!important;
    color:#6a2d7d!important;
    font-size:10px!important;
  }
}

@media(max-width:360px){
  .search-result-section .unified-search-card{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    grid-template-areas:
      "avatar main status"
      "blue blue blue"
      "green green green"
      "orange orange orange"!important;
  }
}


/* v3.6.7 - Mobil Sınıflar kompakt kartları */
.mobile-class-menu-wrap,
.mobile-class-teacher-name{
  display:none;
}

@media(max-width:760px){
  body[data-active-menu="classes"] .compact-class-list{
    display:grid!important;
    gap:8px!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body[data-active-menu="classes"] .compact-class-row{
    position:relative!important;
    min-width:0!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:
      "main status menu"
      "blue blue blue"
      "green green orange"!important;
    gap:7px 8px!important;
    align-items:center!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid #e4d9e7!important;
    border-left:3px solid #713487!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(55,21,67,.06)!important;
    cursor:pointer!important;
  }

  body[data-active-menu="classes"] .compact-class-row:active{
    transform:scale(.995)!important;
    background:#fdfbfe!important;
  }

  body[data-active-menu="classes"] .compact-class-main{
    grid-area:main!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:center!important;
    padding:0!important;
    border:0!important;
  }

  body[data-active-menu="classes"] .compact-class-code{
    width:36px!important;
    height:36px!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:11px!important;
    color:#fff!important;
    background:#6a2d7d!important;
    font-size:10px!important;
    line-height:1!important;
    box-shadow:none!important;
  }

  body[data-active-menu="classes"] .compact-class-main > div{
    min-width:0!important;
  }

  body[data-active-menu="classes"] .compact-class-main strong{
    display:block!important;
    overflow:hidden!important;
    color:#3f2547!important;
    font-size:12px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="classes"] .compact-class-main span{
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    color:#7b6381!important;
    font-size:9px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="classes"] .compact-class-status{
    grid-area:status!important;
    align-self:start!important;
  }

  body[data-active-menu="classes"] .compact-class-status .status-pill{
    display:inline-flex!important;
    padding:4px 7px!important;
    border-radius:8px!important;
    font-size:8px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  body[data-active-menu="classes"] .mobile-class-info{
    min-width:0!important;
    display:block!important;
    margin:0!important;
    padding:7px 8px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
  }

  body[data-active-menu="classes"] .mobile-class-info > span{
    display:block!important;
    margin:0 0 3px!important;
    color:inherit!important;
    font-size:8px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.035em!important;
  }

  body[data-active-menu="classes"] .mobile-class-info > strong{
    display:block!important;
    margin:0!important;
    overflow:hidden!important;
    color:inherit!important;
    font-size:10px!important;
    line-height:1.3!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="classes"] .mobile-class-info > small{
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    color:inherit!important;
    opacity:.75!important;
    font-size:8px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="classes"] .mobile-class-info-blue{
    grid-area:blue!important;
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="classes"] .mobile-class-info-green{
    grid-area:green!important;
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="classes"] .mobile-class-info-orange{
    grid-area:orange!important;
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="classes"] .mobile-class-teacher-name{
    display:block!important;
  }

  body[data-active-menu="classes"] .compact-class-teacher,
  body[data-active-menu="classes"] .compact-actions,
  body[data-active-menu="classes"] .mobile-row-action,
  body[data-active-menu="classes"] .mobile-action-template{
    display:none!important;
  }

  /* Üç nokta menüsü */
  body[data-active-menu="classes"] .mobile-class-menu-wrap{
    position:relative!important;
    grid-area:menu!important;
    display:block!important;
    align-self:start!important;
  }

  body[data-active-menu="classes"] .mobile-class-menu-trigger{
    width:30px!important;
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:0!important;
    border:1px solid #ded3e1!important;
    border-radius:9px!important;
    color:#6a2d7d!important;
    background:#f8f4f9!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  body[data-active-menu="classes"] .mobile-class-menu-trigger span{
    width:3px!important;
    height:3px!important;
    border-radius:50%!important;
    background:currentColor!important;
  }

  body[data-active-menu="classes"] .mobile-class-menu-trigger[aria-expanded="true"]{
    color:#fff!important;
    border-color:#6a2d7d!important;
    background:#6a2d7d!important;
  }

  body[data-active-menu="classes"] .mobile-class-menu{
    position:absolute!important;
    z-index:90!important;
    top:36px!important;
    right:0!important;
    width:min(248px,calc(100vw - 38px))!important;
    display:grid!important;
    gap:5px!important;
    padding:7px!important;
    border:1px solid #ded3e1!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 15px 35px rgba(55,21,67,.20)!important;
    cursor:default!important;
  }

  body[data-active-menu="classes"] .mobile-class-menu[hidden]{
    display:none!important;
  }

  body[data-active-menu="classes"] .mobile-class-menu a,
  body[data-active-menu="classes"] .mobile-class-menu button{
    width:100%!important;
    min-height:43px!important;
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:center!important;
    padding:7px 8px!important;
    border:0!important;
    border-radius:9px!important;
    color:#43224f!important;
    background:#faf7fb!important;
    text-align:left!important;
    text-decoration:none!important;
    font:inherit!important;
    cursor:pointer!important;
  }

  body[data-active-menu="classes"] .mobile-class-menu a:active,
  body[data-active-menu="classes"] .mobile-class-menu button:active{
    background:#f2e9f5!important;
  }

  body[data-active-menu="classes"] .mobile-class-menu b{
    width:32px!important;
    height:32px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:9px!important;
    color:#fff!important;
    background:#6a2d7d!important;
    font-size:9px!important;
    line-height:1!important;
  }

  body[data-active-menu="classes"] .mobile-class-menu strong,
  body[data-active-menu="classes"] .mobile-class-menu small{
    display:block!important;
  }

  body[data-active-menu="classes"] .mobile-class-menu strong{
    color:#43224f!important;
    font-size:10px!important;
    line-height:1.2!important;
  }

  body[data-active-menu="classes"] .mobile-class-menu small{
    margin-top:2px!important;
    color:#79677e!important;
    font-size:8px!important;
    line-height:1.25!important;
  }

  body[data-active-menu="classes"] .mobile-class-menu-form{
    margin:0!important;
  }

  body[data-active-menu="classes"] .mobile-class-status-action b{
    color:#6d4c0e!important;
    background:#ead27e!important;
  }
}

@media(max-width:360px){
  body[data-active-menu="classes"] .compact-class-row{
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:
      "main status menu"
      "blue blue blue"
      "green green green"
      "orange orange orange"!important;
  }
}


/* v3.6.8 - Mobil Sınıflar kompakt filtre alanı */
@media(max-width:760px){
  body[data-active-menu="classes"] .filter-bar{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0 0 10px!important;
    padding:9px!important;
    border-radius:14px!important;
    box-shadow:0 5px 15px rgba(55,21,67,.05)!important;
  }

  body[data-active-menu="classes"] .filter-bar .field,
  body[data-active-menu="classes"] .filter-bar label{
    min-width:0!important;
    margin:0!important;
  }

  body[data-active-menu="classes"] .filter-bar input,
  body[data-active-menu="classes"] .filter-bar select{
    width:100%!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:10px!important;
    line-height:1.2!important;
  }

  body[data-active-menu="classes"] .filter-bar input[type="search"]{
    grid-column:1 / -1!important;
    padding-left:31px!important;
  }

  body[data-active-menu="classes"] .filter-bar .search-field,
  body[data-active-menu="classes"] .filter-bar > div:first-child{
    grid-column:1 / -1!important;
  }

  body[data-active-menu="classes"] .filter-bar .search-field > span,
  body[data-active-menu="classes"] .filter-bar > div:first-child > span{
    left:10px!important;
    font-size:11px!important;
  }

  body[data-active-menu="classes"] .filter-bar .btn,
  body[data-active-menu="classes"] .filter-bar button,
  body[data-active-menu="classes"] .filter-bar a{
    min-height:36px!important;
    height:36px!important;
    padding:0 10px!important;
    border-radius:9px!important;
    font-size:9px!important;
    line-height:1!important;
  }

  body[data-active-menu="classes"] .filter-bar .btn.primary,
  body[data-active-menu="classes"] .filter-bar button[type="submit"]{
    grid-column:1 / 2!important;
  }

  body[data-active-menu="classes"] .filter-bar .btn.secondary,
  body[data-active-menu="classes"] .filter-bar .btn.ghost,
  body[data-active-menu="classes"] .filter-bar a{
    grid-column:2 / 3!important;
  }
}

@media(max-width:360px){
  body[data-active-menu="classes"] .filter-bar{
    gap:6px!important;
    padding:8px!important;
  }

  body[data-active-menu="classes"] .filter-bar input,
  body[data-active-menu="classes"] .filter-bar select{
    min-height:36px!important;
    height:36px!important;
    font-size:9px!important;
  }

  body[data-active-menu="classes"] .filter-bar .btn,
  body[data-active-menu="classes"] .filter-bar button,
  body[data-active-menu="classes"] .filter-bar a{
    min-height:34px!important;
    height:34px!important;
    font-size:8px!important;
  }
}


/* v3.6.9 - Mobil Öğrenciler, Sınıflar ekranıyla aynı tasarım */
.mobile-student-menu-wrap{
  display:none;
}

@media(max-width:760px){
  /* Mobilde masaüstü sayaç kartlarını gizle */
  body[data-active-menu="students"] .metric-grid{
    display:none!important;
  }

  /* Kompakt filtre alanı */
  body[data-active-menu="students"] .student-filter{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0 0 10px!important;
    padding:9px!important;
    border-radius:14px!important;
    box-shadow:0 5px 15px rgba(55,21,67,.05)!important;
  }

  body[data-active-menu="students"] .student-filter .search-field{
    grid-column:1 / -1!important;
    min-width:0!important;
    margin:0!important;
  }

  body[data-active-menu="students"] .student-filter input,
  body[data-active-menu="students"] .student-filter select{
    width:100%!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:10px!important;
    line-height:1.2!important;
  }

  body[data-active-menu="students"] .student-filter input[type="search"]{
    padding-left:31px!important;
  }

  body[data-active-menu="students"] .student-filter .search-field > span{
    left:10px!important;
    font-size:11px!important;
  }

  body[data-active-menu="students"] .student-filter .btn,
  body[data-active-menu="students"] .student-filter button,
  body[data-active-menu="students"] .student-filter a{
    min-height:36px!important;
    height:36px!important;
    padding:0 10px!important;
    border-radius:9px!important;
    font-size:9px!important;
    line-height:1!important;
  }

  body[data-active-menu="students"] .student-filter button[type="submit"]{
    grid-column:1 / 2!important;
  }

  body[data-active-menu="students"] .student-filter a{
    grid-column:2 / 3!important;
  }

  /* Liste ve kart */
  body[data-active-menu="students"] .compact-student-list{
    display:grid!important;
    gap:8px!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body[data-active-menu="students"] .compact-student-head{
    display:none!important;
  }

  body[data-active-menu="students"] .compact-student-row{
    position:relative!important;
    min-width:0!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:
      "main status menu"
      "blue blue blue"
      "green green orange"!important;
    gap:7px 8px!important;
    align-items:center!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid #e4d9e7!important;
    border-left:3px solid #713487!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(55,21,67,.06)!important;
    cursor:pointer!important;
  }

  body[data-active-menu="students"] .compact-student-row:active{
    transform:scale(.995)!important;
    background:#fdfbfe!important;
  }

  body[data-active-menu="students"] .compact-student-person{
    grid-area:main!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:center!important;
    padding:0!important;
  }

  body[data-active-menu="students"] .compact-photo-link{
    width:36px!important;
    height:36px!important;
  }

  body[data-active-menu="students"] .compact-photo{
    width:36px!important;
    height:36px!important;
    border:0!important;
    border-radius:11px!important;
    object-fit:cover!important;
    box-shadow:none!important;
  }

  body[data-active-menu="students"] .compact-photo.placeholder{
    display:grid!important;
    place-items:center!important;
    color:#fff!important;
    background:#6a2d7d!important;
    font-size:10px!important;
    font-weight:800!important;
  }

  body[data-active-menu="students"] .compact-student-person > div{
    min-width:0!important;
  }

  body[data-active-menu="students"] .compact-student-name{
    display:block!important;
    overflow:hidden!important;
    color:#3f2547!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="students"] .compact-student-person div > span{
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    color:#7b6381!important;
    font-size:9px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="students"] .compact-student-status{
    grid-area:status!important;
    align-self:start!important;
  }

  body[data-active-menu="students"] .compact-student-status .status-pill{
    display:inline-flex!important;
    padding:4px 7px!important;
    border-radius:8px!important;
    font-size:8px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* Aynı mavi-yeşil-turuncu bilgi kutuları */
  body[data-active-menu="students"] .mobile-student-info{
    min-width:0!important;
    display:block!important;
    margin:0!important;
    padding:7px 8px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
  }

  body[data-active-menu="students"] .mobile-student-info > span{
    display:block!important;
    margin:0 0 3px!important;
    color:inherit!important;
    font-size:8px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.035em!important;
  }

  body[data-active-menu="students"] .mobile-student-info > strong{
    display:block!important;
    margin:0!important;
    overflow:hidden!important;
    color:inherit!important;
    font-size:10px!important;
    line-height:1.3!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="students"] .mobile-student-info > small{
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    color:inherit!important;
    opacity:.75!important;
    font-size:8px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="students"] .mobile-student-info-blue{
    grid-area:blue!important;
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="students"] .mobile-student-info-green{
    grid-area:green!important;
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="students"] .mobile-student-info-orange{
    grid-area:orange!important;
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="students"] .compact-actions,
  body[data-active-menu="students"] .mobile-row-action,
  body[data-active-menu="students"] .mobile-action-template{
    display:none!important;
  }

  /* Üç nokta menüsü */
  body[data-active-menu="students"] .mobile-student-menu-wrap{
    position:relative!important;
    grid-area:menu!important;
    display:block!important;
    align-self:start!important;
  }

  body[data-active-menu="students"] .mobile-student-menu-trigger{
    width:30px!important;
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:0!important;
    border:1px solid #ded3e1!important;
    border-radius:9px!important;
    color:#6a2d7d!important;
    background:#f8f4f9!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  body[data-active-menu="students"] .mobile-student-menu-trigger span{
    width:3px!important;
    height:3px!important;
    border-radius:50%!important;
    background:currentColor!important;
  }

  body[data-active-menu="students"] .mobile-student-menu-trigger[aria-expanded="true"]{
    color:#fff!important;
    border-color:#6a2d7d!important;
    background:#6a2d7d!important;
  }

  body[data-active-menu="students"] .mobile-student-menu{
    position:absolute!important;
    z-index:90!important;
    top:36px!important;
    right:0!important;
    width:min(248px,calc(100vw - 38px))!important;
    display:grid!important;
    gap:5px!important;
    padding:7px!important;
    border:1px solid #ded3e1!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 15px 35px rgba(55,21,67,.20)!important;
    cursor:default!important;
  }

  body[data-active-menu="students"] .mobile-student-menu[hidden]{
    display:none!important;
  }

  body[data-active-menu="students"] .mobile-student-menu a,
  body[data-active-menu="students"] .mobile-student-menu button{
    width:100%!important;
    min-height:43px!important;
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:center!important;
    padding:7px 8px!important;
    border:0!important;
    border-radius:9px!important;
    color:#43224f!important;
    background:#faf7fb!important;
    text-align:left!important;
    text-decoration:none!important;
    font:inherit!important;
    cursor:pointer!important;
  }

  body[data-active-menu="students"] .mobile-student-menu a:active,
  body[data-active-menu="students"] .mobile-student-menu button:active{
    background:#f2e9f5!important;
  }

  body[data-active-menu="students"] .mobile-student-menu b{
    width:32px!important;
    height:32px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:9px!important;
    color:#fff!important;
    background:#6a2d7d!important;
    font-size:9px!important;
    line-height:1!important;
  }

  body[data-active-menu="students"] .mobile-student-menu strong,
  body[data-active-menu="students"] .mobile-student-menu small{
    display:block!important;
  }

  body[data-active-menu="students"] .mobile-student-menu strong{
    color:#43224f!important;
    font-size:10px!important;
    line-height:1.2!important;
  }

  body[data-active-menu="students"] .mobile-student-menu small{
    margin-top:2px!important;
    color:#79677e!important;
    font-size:8px!important;
    line-height:1.25!important;
  }

  body[data-active-menu="students"] .mobile-student-menu-form{
    margin:0!important;
  }

  body[data-active-menu="students"] .mobile-student-delete-action b{
    background:#bd3e4a!important;
  }
}

@media(max-width:360px){
  body[data-active-menu="students"] .student-filter{
    gap:6px!important;
    padding:8px!important;
  }

  body[data-active-menu="students"] .student-filter input,
  body[data-active-menu="students"] .student-filter select{
    min-height:36px!important;
    height:36px!important;
    font-size:9px!important;
  }

  body[data-active-menu="students"] .compact-student-row{
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:
      "main status menu"
      "blue blue blue"
      "green green green"
      "orange orange orange"!important;
  }
}


/* v3.6.10 - Mobil öğrenciler üst işlem kartlarını kare ve kompakt yap */
@media(max-width:760px){
  body[data-active-menu="students"] .student-header-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:10px!important;
    align-items:stretch!important;
  }

  body[data-active-menu="students"] .student-header-actions .btn{
    min-width:0!important;
    min-height:56px!important;
    height:56px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:8px 10px!important;
    border-radius:14px!important;
    text-align:center!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:800!important;
    white-space:normal!important;
    box-shadow:0 5px 14px rgba(55,21,67,.06)!important;
  }

  body[data-active-menu="students"] .student-header-actions .btn.primary,
  body[data-active-menu="students"] .student-header-actions .btn.danger-outline{
    min-height:50px!important;
    height:50px!important;
  }

  body[data-active-menu="students"] .student-header-actions .btn.primary{
    grid-column:1 / -1!important;
  }

  body[data-active-menu="students"] .student-header-actions .btn.danger-outline{
    grid-column:1 / -1!important;
  }
}

@media(max-width:390px){
  body[data-active-menu="students"] .student-header-actions{
    gap:7px!important;
  }

  body[data-active-menu="students"] .student-header-actions .btn{
    min-height:52px!important;
    height:52px!important;
    padding:7px 8px!important;
    font-size:9px!important;
  }

  body[data-active-menu="students"] .student-header-actions .btn.primary,
  body[data-active-menu="students"] .student-header-actions .btn.danger-outline{
    min-height:48px!important;
    height:48px!important;
  }
}


/* v3.6.11 - Mobil öğrenci profil fotoğrafı ve özet kartı */
.profile-photo-button{
  width:100%;
  display:block;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  font:inherit;
  cursor:zoom-in;
}

.profile-student-number{
  display:block;
  margin:0 0 10px;
  color:#75647b;
  font-size:11px;
  line-height:1.35;
}

.profile-photo-preview[hidden]{
  display:none!important;
}

.profile-photo-preview{
  position:fixed;
  inset:0;
  z-index:1600;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(22,9,27,.72);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

.profile-photo-preview-panel{
  position:relative;
  width:min(420px,92vw);
  max-height:86vh;
  padding:10px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:20px;
  background:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.34);
}

.profile-photo-preview-panel img{
  width:100%;
  max-height:calc(86vh - 20px);
  display:block;
  object-fit:contain;
  border-radius:13px;
}

.profile-photo-preview-close{
  position:absolute;
  top:-13px;
  right:-13px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:2px solid #fff;
  border-radius:50%;
  color:#fff;
  background:#6a2d7d;
  box-shadow:0 7px 18px rgba(0,0,0,.24);
  font-size:16px;
  font-weight:800;
  cursor:pointer;
}

@media(max-width:760px){
  body[data-active-menu="students"] .student-profile{
    gap:10px!important;
  }

  body[data-active-menu="students"] .mobile-profile-summary-card{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:80px minmax(0,1fr)!important;
    gap:12px!important;
    align-items:center!important;
    padding:11px!important;
    overflow:hidden!important;
    border:1px solid #e4d9e7!important;
    border-left:3px solid #713487!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 5px 15px rgba(55,21,67,.07)!important;
  }

  body[data-active-menu="students"] .mobile-profile-summary-card .profile-photo-button{
    width:80px!important;
    height:80px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }

  body[data-active-menu="students"] .mobile-profile-summary-card .profile-photo-large{
    width:80px!important;
    height:80px!important;
    aspect-ratio:1/1!important;
    display:block!important;
    border:0!important;
    border-radius:14px!important;
    object-fit:cover!important;
    object-position:center 20%!important;
    background:#f3eaf6!important;
  }

  body[data-active-menu="students"] .mobile-profile-summary-card .profile-photo-large.placeholder{
    width:80px!important;
    height:80px!important;
    min-height:80px!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:2px!important;
    padding:4px!important;
    color:#6a2d7d!important;
    background:#f3eaf6!important;
  }

  body[data-active-menu="students"] .mobile-profile-summary-card .profile-photo-large.placeholder span{
    color:#6a2d7d!important;
    font-size:22px!important;
    line-height:1!important;
  }

  body[data-active-menu="students"] .mobile-profile-summary-card .profile-photo-large.placeholder small{
    display:none!important;
  }

  body[data-active-menu="students"] .mobile-profile-summary-card .profile-summary{
    min-width:0!important;
    padding:0!important;
  }

  body[data-active-menu="students"] .mobile-profile-summary-card .profile-summary .overline{
    display:block!important;
    margin:0 0 4px!important;
    color:#6a2d7d!important;
    font-size:8px!important;
    line-height:1.2!important;
    letter-spacing:.10em!important;
  }

  body[data-active-menu="students"] .mobile-profile-summary-card .profile-summary h2{
    margin:0 0 4px!important;
    overflow:hidden!important;
    color:#3f2547!important;
    font-size:15px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="students"] .mobile-profile-summary-card .profile-student-number{
    margin:0 0 7px!important;
    color:#75647b!important;
    font-size:9px!important;
    line-height:1.25!important;
  }

  body[data-active-menu="students"] .mobile-profile-summary-card .status-pill{
    display:inline-flex!important;
    padding:4px 7px!important;
    border-radius:8px!important;
    font-size:8px!important;
    line-height:1!important;
  }

  .profile-photo-preview{
    padding:16px;
  }
}

@media(max-width:360px){
  body[data-active-menu="students"] .mobile-profile-summary-card{
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:10px!important;
    padding:10px!important;
  }

  body[data-active-menu="students"] .mobile-profile-summary-card .profile-photo-button,
  body[data-active-menu="students"] .mobile-profile-summary-card .profile-photo-large,
  body[data-active-menu="students"] .mobile-profile-summary-card .profile-photo-large.placeholder{
    width:72px!important;
    height:72px!important;
    min-height:72px!important;
  }

  body[data-active-menu="students"] .mobile-profile-summary-card .profile-summary h2{
    font-size:14px!important;
  }
}


/* v3.6.12 - Mobil öğrenci profili renkli bilgi grupları */
@media(max-width:760px){
  body[data-active-menu="students"] .profile-content{
    display:grid!important;
    gap:10px!important;
  }

  body[data-active-menu="students"] .profile-color-section{
    margin:0!important;
    padding:10px!important;
    border:1px solid #e5dce7!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 4px 13px rgba(55,21,67,.05)!important;
  }

  body[data-active-menu="students"] .profile-color-section .section-heading{
    margin:0 0 8px!important;
    padding:0 0 7px!important;
    border-bottom:1px solid rgba(55,21,67,.08)!important;
  }

  body[data-active-menu="students"] .profile-color-section .section-heading .overline{
    margin-bottom:2px!important;
    font-size:8px!important;
    line-height:1.15!important;
    letter-spacing:.10em!important;
  }

  body[data-active-menu="students"] .profile-color-section .section-heading h2{
    margin:0!important;
    color:#3f2547!important;
    font-size:14px!important;
    line-height:1.2!important;
  }

  body[data-active-menu="students"] .profile-info-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  body[data-active-menu="students"] .profile-info-card{
    min-width:0!important;
    min-height:62px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:3px!important;
    padding:8px 9px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
    box-shadow:none!important;
  }

  body[data-active-menu="students"] .profile-info-card > span{
    display:block!important;
    margin:0!important;
    color:inherit!important;
    font-size:8px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.035em!important;
  }

  body[data-active-menu="students"] .profile-info-card > strong{
    display:block!important;
    min-width:0!important;
    margin:0!important;
    overflow-wrap:anywhere!important;
    color:inherit!important;
    font-size:10px!important;
    line-height:1.3!important;
    font-weight:800!important;
  }

  body[data-active-menu="students"] .profile-info-card .phone-link{
    color:inherit!important;
    font-size:10px!important;
  }

  body[data-active-menu="students"] .profile-info-card .phone-link em{
    padding:3px 5px!important;
    font-size:7px!important;
  }

  /* Okul bilgileri: mor */
  body[data-active-menu="students"] .profile-info-school{
    color:#512361!important;
    border-color:#dfd0ea!important;
    background:#f5effa!important;
  }

  /* Kişisel bilgiler: mavi */
  body[data-active-menu="students"] .profile-info-personal{
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  /* İletişim bilgileri: yeşil */
  body[data-active-menu="students"] .profile-info-contact{
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  /* Aile bilgileri: turuncu */
  body[data-active-menu="students"] .profile-family-section{
    border-left:3px solid #c97819!important;
  }

  body[data-active-menu="students"] .profile-family-section .section-heading .overline,
  body[data-active-menu="students"] .profile-family-section .section-heading h2{
    color:#754309!important;
  }

  body[data-active-menu="students"] .parent-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  body[data-active-menu="students"] .profile-family-card{
    margin:0!important;
    padding:9px!important;
    border:1px solid #efd7b8!important;
    border-radius:12px!important;
    background:#fff5e9!important;
    box-shadow:none!important;
  }

  body[data-active-menu="students"] .profile-family-card .parent-card-head{
    margin:0 0 7px!important;
    padding:0 0 6px!important;
    border-bottom:1px solid rgba(163,93,14,.15)!important;
  }

  body[data-active-menu="students"] .profile-family-card .parent-card-head .overline,
  body[data-active-menu="students"] .profile-family-card .parent-card-head h3,
  body[data-active-menu="students"] .profile-family-card dt,
  body[data-active-menu="students"] .profile-family-card dd,
  body[data-active-menu="students"] .profile-family-card .phone-link{
    color:#754309!important;
  }

  body[data-active-menu="students"] .profile-family-card .parent-card-head h3{
    font-size:12px!important;
    line-height:1.2!important;
  }

  body[data-active-menu="students"] .profile-family-card dl{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }

  body[data-active-menu="students"] .profile-family-card dl > div{
    min-width:0!important;
    padding:7px!important;
    border:1px solid rgba(163,93,14,.12)!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.52)!important;
  }

  body[data-active-menu="students"] .profile-family-card dt{
    font-size:8px!important;
    line-height:1.1!important;
  }

  body[data-active-menu="students"] .profile-family-card dd{
    margin-top:3px!important;
    overflow-wrap:anywhere!important;
    font-size:9px!important;
    line-height:1.3!important;
    font-weight:700!important;
  }

  /* Öğretmen bilgileri: açık mor */
  body[data-active-menu="students"] .profile-teachers-section{
    border-left:3px solid #713487!important;
  }

  body[data-active-menu="students"] .profile-teachers-section .section-heading .overline,
  body[data-active-menu="students"] .profile-teachers-section .section-heading h2{
    color:#512361!important;
  }

  body[data-active-menu="students"] .teacher-card-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  body[data-active-menu="students"] .profile-teacher-card{
    margin:0!important;
    padding:9px!important;
    border:1px solid #dfd0ea!important;
    border-radius:12px!important;
    background:#f5effa!important;
    box-shadow:none!important;
  }

  body[data-active-menu="students"] .profile-teacher-card .teacher-info-head{
    margin:0 0 7px!important;
    padding:0 0 6px!important;
    border-bottom:1px solid rgba(113,52,135,.14)!important;
  }

  body[data-active-menu="students"] .profile-teacher-card .overline,
  body[data-active-menu="students"] .profile-teacher-card h3,
  body[data-active-menu="students"] .profile-teacher-card h3 a,
  body[data-active-menu="students"] .profile-teacher-card dt,
  body[data-active-menu="students"] .profile-teacher-card dd,
  body[data-active-menu="students"] .profile-teacher-card .phone-link{
    color:#512361!important;
  }

  body[data-active-menu="students"] .profile-teacher-card h3{
    font-size:12px!important;
    line-height:1.2!important;
  }

  body[data-active-menu="students"] .profile-teacher-card dl{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }

  body[data-active-menu="students"] .profile-teacher-card dl > div{
    min-width:0!important;
    padding:7px!important;
    border:1px solid rgba(113,52,135,.11)!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.52)!important;
  }

  body[data-active-menu="students"] .profile-teacher-card dt{
    font-size:8px!important;
    line-height:1.1!important;
  }

  body[data-active-menu="students"] .profile-teacher-card dd{
    margin-top:3px!important;
    overflow-wrap:anywhere!important;
    font-size:9px!important;
    line-height:1.3!important;
    font-weight:700!important;
  }

  /* Adres ve notlar: gri */
  body[data-active-menu="students"] .profile-extra-section{
    border-left:3px solid #7b8490!important;
  }

  body[data-active-menu="students"] .profile-extra-section .section-heading .overline,
  body[data-active-menu="students"] .profile-extra-section .section-heading h2{
    color:#4b5563!important;
  }

  body[data-active-menu="students"] .text-detail-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  body[data-active-menu="students"] .profile-extra-card{
    margin:0!important;
    padding:9px!important;
    border:1px solid #dce0e5!important;
    border-radius:11px!important;
    background:#f4f5f7!important;
    box-shadow:none!important;
  }

  body[data-active-menu="students"] .profile-extra-card > span,
  body[data-active-menu="students"] .profile-extra-card > p{
    color:#4b5563!important;
  }

  body[data-active-menu="students"] .profile-extra-card > span{
    font-size:8px!important;
    font-weight:800!important;
  }

  body[data-active-menu="students"] .profile-extra-card > p{
    margin-top:4px!important;
    font-size:9px!important;
    line-height:1.4!important;
  }
}

@media(max-width:360px){
  body[data-active-menu="students"] .profile-info-grid,
  body[data-active-menu="students"] .profile-family-card dl,
  body[data-active-menu="students"] .profile-teacher-card dl{
    grid-template-columns:1fr!important;
  }
}


/* v3.6.13 - Mobil Öğretmenler sayfası ve öğretmen profili */
.mobile-teacher-menu-wrap{
  display:none;
}

@media(max-width:760px){

  /* Üst işlem kartları */
  body[data-active-menu="teachers"] .teacher-header-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:10px!important;
    align-items:stretch!important;
  }

  body[data-active-menu="teachers"] .teacher-header-actions .btn{
    min-width:0!important;
    min-height:56px!important;
    height:56px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:8px 10px!important;
    border-radius:14px!important;
    text-align:center!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:800!important;
    white-space:normal!important;
    box-shadow:0 5px 14px rgba(55,21,67,.06)!important;
  }

  body[data-active-menu="teachers"] .teacher-header-actions .btn.primary{
    grid-column:1 / -1!important;
    min-height:50px!important;
    height:50px!important;
  }

  /* Mobilde sayaçları gizle */
  body[data-active-menu="teachers"] .metric-grid{
    display:none!important;
  }

  /* Kompakt filtre */
  body[data-active-menu="teachers"] .teacher-filter{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0 0 10px!important;
    padding:9px!important;
    border-radius:14px!important;
    box-shadow:0 5px 15px rgba(55,21,67,.05)!important;
  }

  body[data-active-menu="teachers"] .teacher-filter .search-field{
    grid-column:1 / -1!important;
    min-width:0!important;
    margin:0!important;
  }

  body[data-active-menu="teachers"] .teacher-filter input,
  body[data-active-menu="teachers"] .teacher-filter select{
    width:100%!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:10px!important;
    line-height:1.2!important;
  }

  body[data-active-menu="teachers"] .teacher-filter input[type="search"]{
    padding-left:31px!important;
  }

  body[data-active-menu="teachers"] .teacher-filter .search-field > span{
    left:10px!important;
    font-size:11px!important;
  }

  body[data-active-menu="teachers"] .teacher-filter .btn,
  body[data-active-menu="teachers"] .teacher-filter button,
  body[data-active-menu="teachers"] .teacher-filter a{
    min-height:36px!important;
    height:36px!important;
    padding:0 10px!important;
    border-radius:9px!important;
    font-size:9px!important;
    line-height:1!important;
  }

  body[data-active-menu="teachers"] .teacher-filter button[type="submit"]{
    grid-column:1 / 2!important;
  }

  body[data-active-menu="teachers"] .teacher-filter a{
    grid-column:2 / 3!important;
  }

  /* Öğretmen kartları */
  body[data-active-menu="teachers"] .compact-teacher-list{
    display:grid!important;
    gap:8px!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-head{
    display:none!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-row{
    position:relative!important;
    min-width:0!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:
      "main status menu"
      "blue blue blue"
      "green green orange"!important;
    gap:7px 8px!important;
    align-items:center!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid #e4d9e7!important;
    border-left:3px solid #713487!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(55,21,67,.06)!important;
    cursor:pointer!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-row:active{
    transform:scale(.995)!important;
    background:#fdfbfe!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-person{
    grid-area:main!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:center!important;
    padding:0!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-person > a{
    width:36px!important;
    height:36px!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-photo{
    width:36px!important;
    height:36px!important;
    border:0!important;
    border-radius:11px!important;
    object-fit:cover!important;
    box-shadow:none!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-photo.placeholder{
    display:grid!important;
    place-items:center!important;
    color:#fff!important;
    background:#6a2d7d!important;
    font-size:10px!important;
    font-weight:800!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-person > div{
    min-width:0!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-name{
    display:block!important;
    overflow:hidden!important;
    color:#3f2547!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-person div > span{
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    color:#7b6381!important;
    font-size:9px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-status{
    grid-area:status!important;
    align-self:start!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-status .status-pill{
    display:inline-flex!important;
    padding:4px 7px!important;
    border-radius:8px!important;
    font-size:8px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-info{
    min-width:0!important;
    display:block!important;
    margin:0!important;
    padding:7px 8px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-info > span{
    display:block!important;
    margin:0 0 3px!important;
    color:inherit!important;
    font-size:8px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.035em!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-info > strong{
    display:block!important;
    margin:0!important;
    overflow:hidden!important;
    color:inherit!important;
    font-size:10px!important;
    line-height:1.3!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-info > small{
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    color:inherit!important;
    opacity:.75!important;
    font-size:8px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-info-blue{
    grid-area:blue!important;
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-info-green{
    grid-area:green!important;
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-info-orange{
    grid-area:orange!important;
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="teachers"] .compact-actions,
  body[data-active-menu="teachers"] .mobile-row-action,
  body[data-active-menu="teachers"] .mobile-action-template{
    display:none!important;
  }

  /* Üç nokta menüsü */
  body[data-active-menu="teachers"] .mobile-teacher-menu-wrap{
    position:relative!important;
    grid-area:menu!important;
    display:block!important;
    align-self:start!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-menu-trigger{
    width:30px!important;
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:0!important;
    border:1px solid #ded3e1!important;
    border-radius:9px!important;
    color:#6a2d7d!important;
    background:#f8f4f9!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-menu-trigger span{
    width:3px!important;
    height:3px!important;
    border-radius:50%!important;
    background:currentColor!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-menu-trigger[aria-expanded="true"]{
    color:#fff!important;
    border-color:#6a2d7d!important;
    background:#6a2d7d!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-menu{
    position:absolute!important;
    z-index:90!important;
    top:36px!important;
    right:0!important;
    width:min(248px,calc(100vw - 38px))!important;
    display:grid!important;
    gap:5px!important;
    padding:7px!important;
    border:1px solid #ded3e1!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 15px 35px rgba(55,21,67,.20)!important;
    cursor:default!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-menu[hidden]{
    display:none!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-menu a,
  body[data-active-menu="teachers"] .mobile-teacher-menu button{
    width:100%!important;
    min-height:43px!important;
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:center!important;
    padding:7px 8px!important;
    border:0!important;
    border-radius:9px!important;
    color:#43224f!important;
    background:#faf7fb!important;
    text-align:left!important;
    text-decoration:none!important;
    font:inherit!important;
    cursor:pointer!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-menu a:active,
  body[data-active-menu="teachers"] .mobile-teacher-menu button:active{
    background:#f2e9f5!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-menu b{
    width:32px!important;
    height:32px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:9px!important;
    color:#fff!important;
    background:#6a2d7d!important;
    font-size:9px!important;
    line-height:1!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-menu strong,
  body[data-active-menu="teachers"] .mobile-teacher-menu small{
    display:block!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-menu strong{
    color:#43224f!important;
    font-size:10px!important;
    line-height:1.2!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-menu small{
    margin-top:2px!important;
    color:#79677e!important;
    font-size:8px!important;
    line-height:1.25!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-menu-form{
    margin:0!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-delete-action b{
    background:#bd3e4a!important;
  }

  /* Öğretmen profil özeti */
  body[data-active-menu="teachers"] .mobile-teacher-profile-summary{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:80px minmax(0,1fr)!important;
    gap:13px!important;
    align-items:center!important;
    padding:12px!important;
    border-radius:15px!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-profile-summary .profile-photo-button,
  body[data-active-menu="teachers"] .mobile-teacher-profile-summary .profile-photo-large,
  body[data-active-menu="teachers"] .mobile-teacher-profile-summary .profile-photo-large.placeholder{
    width:80px!important;
    height:80px!important;
    min-width:80px!important;
    border-radius:15px!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-profile-summary .profile-photo-button{
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-profile-summary .profile-photo-large{
    object-fit:cover!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-profile-summary .profile-photo-large.placeholder{
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    background:#6a2d7d!important;
    color:#fff!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-profile-summary .profile-photo-large.placeholder span{
    font-size:20px!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-profile-summary .profile-photo-large.placeholder small{
    display:none!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-profile-summary .profile-summary{
    min-width:0!important;
    text-align:left!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-profile-summary .profile-summary h2{
    margin:3px 0!important;
    overflow:hidden!important;
    font-size:16px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-profile-summary .profile-summary .overline{
    font-size:8px!important;
  }

  body[data-active-menu="teachers"] .profile-teacher-duty{
    display:block!important;
    margin:0 0 6px!important;
    overflow:hidden!important;
    color:#78677d!important;
    font-size:9px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-profile-summary .status-pill{
    display:inline-flex!important;
    padding:4px 7px!important;
    font-size:8px!important;
  }

  /* Renkli profil bilgi kartları */
  body[data-active-menu="teachers"] .teacher-profile-info-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-info-card{
    min-width:0!important;
    padding:10px!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-info-card > span{
    display:block!important;
    margin-bottom:4px!important;
    font-size:8px!important;
    line-height:1.15!important;
    font-weight:800!important;
    letter-spacing:.035em!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-info-card > strong{
    display:block!important;
    overflow:hidden!important;
    font-size:10px!important;
    line-height:1.35!important;
    font-weight:800!important;
    overflow-wrap:anywhere!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-info-professional{
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-info-professional > span,
  body[data-active-menu="teachers"] .teacher-profile-info-professional > strong{
    color:#174e80!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-info-contact{
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-info-contact > span,
  body[data-active-menu="teachers"] .teacher-profile-info-contact > strong,
  body[data-active-menu="teachers"] .teacher-profile-info-contact .phone-link{
    color:#155c39!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-info-official{
    border-color:#dfd0ea!important;
    background:#f5effa!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-info-official > span,
  body[data-active-menu="teachers"] .teacher-profile-info-official > strong{
    color:#512361!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-assignments-section{
    border-color:#efd7b8!important;
    background:#fffaf4!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-assignments-section .section-heading .overline,
  body[data-active-menu="teachers"] .teacher-profile-assignments-section .section-heading h2{
    color:#754309!important;
  }

  body[data-active-menu="teachers"] .assignment-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-assignment-card{
    padding:10px!important;
    border:1px solid #efd7b8!important;
    border-radius:12px!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-assignment-card strong{
    color:#754309!important;
    font-size:11px!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-assignment-card span,
  body[data-active-menu="teachers"] .teacher-profile-assignment-card small{
    color:#8f6a3e!important;
    font-size:9px!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-extra-section{
    border-color:#dde1e6!important;
    background:#f8f9fa!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-extra-card{
    padding:10px!important;
    border:1px solid #dde1e6!important;
    border-radius:12px!important;
    background:#f4f5f7!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-extra-card > span,
  body[data-active-menu="teachers"] .teacher-profile-extra-card > p{
    color:#4b5563!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-extra-card > span{
    font-size:8px!important;
    font-weight:800!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-extra-card > p{
    margin-top:5px!important;
    font-size:10px!important;
    line-height:1.45!important;
  }
}

@media(max-width:390px){
  body[data-active-menu="teachers"] .teacher-header-actions{
    gap:7px!important;
  }

  body[data-active-menu="teachers"] .teacher-header-actions .btn{
    min-height:52px!important;
    height:52px!important;
    padding:7px 8px!important;
    font-size:9px!important;
  }
}

@media(max-width:360px){
  body[data-active-menu="teachers"] .teacher-filter{
    gap:6px!important;
    padding:8px!important;
  }

  body[data-active-menu="teachers"] .teacher-filter input,
  body[data-active-menu="teachers"] .teacher-filter select{
    min-height:36px!important;
    height:36px!important;
    font-size:9px!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-row{
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:
      "main status menu"
      "blue blue blue"
      "green green green"
      "orange orange orange"!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-profile-summary{
    grid-template-columns:72px minmax(0,1fr)!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-profile-summary .profile-photo-button,
  body[data-active-menu="teachers"] .mobile-teacher-profile-summary .profile-photo-large,
  body[data-active-menu="teachers"] .mobile-teacher-profile-summary .profile-photo-large.placeholder{
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-info-grid{
    grid-template-columns:1fr!important;
  }
}


/* v3.6.14 - Mobil öğretmen kartı hizalama düzeltmesi */
@media(max-width:760px){
  body[data-active-menu="teachers"] .compact-teacher-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "main main"
      "blue blue"
      "green orange"!important;
    gap:7px!important;
    align-items:stretch!important;
    overflow:visible!important;
  }

  /* Öğretmen fotoğrafı ve adı tam genişliği kullanır. */
  body[data-active-menu="teachers"] .compact-teacher-person{
    grid-area:main!important;
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:center!important;
    padding:0 78px 0 0!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-person > a{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    display:block!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-person > div{
    min-width:0!important;
    display:block!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-name{
    max-width:100%!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-person div > span{
    max-width:100%!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }

  /* Durum ve üç nokta menüsü üst sağa sabitlenir. */
  body[data-active-menu="teachers"] .compact-teacher-status{
    position:absolute!important;
    z-index:4!important;
    top:10px!important;
    right:48px!important;
    display:block!important;
    margin:0!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-menu-wrap{
    position:absolute!important;
    z-index:6!important;
    top:10px!important;
    right:10px!important;
    display:block!important;
    margin:0!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-menu{
    top:36px!important;
    right:0!important;
  }

  /* Bilgi kutuları aynı genişlik ve yükseklik düzeninde kalır. */
  body[data-active-menu="teachers"] .mobile-teacher-info{
    width:100%!important;
    min-width:0!important;
    align-self:stretch!important;
    overflow:hidden!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-info-blue{
    grid-area:blue!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-info-green{
    grid-area:green!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-info-orange{
    grid-area:orange!important;
  }

  body[data-active-menu="teachers"] .mobile-teacher-info > strong,
  body[data-active-menu="teachers"] .mobile-teacher-info > small{
    max-width:100%!important;
  }
}

@media(max-width:360px){
  body[data-active-menu="teachers"] .compact-teacher-row{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "main"
      "blue"
      "green"
      "orange"!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-person{
    padding-right:74px!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-status{
    right:46px!important;
  }
}


/* v3.6.15 - Mobil genel hizalama ve kayma düzeltmeleri */
@media(max-width:760px){

  /* Öğrenciler üst işlem kartları daha dengeli */
  body[data-active-menu="students"] .student-header-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
  }

  body[data-active-menu="students"] .student-header-actions .btn{
    min-width:0!important;
    min-height:50px!important;
    height:50px!important;
    padding:7px 8px!important;
    border-radius:13px!important;
    font-size:9px!important;
    line-height:1.2!important;
  }

  body[data-active-menu="students"] .student-header-actions .btn:last-child:nth-child(odd){
    grid-column:1 / -1!important;
  }

  /* Öğrenci kartı: üst satır sıkışmasını önle */
  body[data-active-menu="students"] .compact-student-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "main main"
      "blue blue"
      "green orange"!important;
    gap:7px!important;
    align-items:stretch!important;
    overflow:visible!important;
  }

  body[data-active-menu="students"] .compact-student-person{
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    padding:0 78px 0 0!important;
  }

  body[data-active-menu="students"] .compact-student-person > div{
    display:block!important;
  }

  body[data-active-menu="students"] .compact-student-name,
  body[data-active-menu="students"] .compact-student-person div > span{
    max-width:100%!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body[data-active-menu="students"] .compact-student-status{
    position:absolute!important;
    z-index:4!important;
    top:10px!important;
    right:48px!important;
    display:block!important;
    margin:0!important;
  }

  body[data-active-menu="students"] .mobile-student-menu-wrap{
    position:absolute!important;
    z-index:6!important;
    top:10px!important;
    right:10px!important;
    display:block!important;
    margin:0!important;
  }

  body[data-active-menu="students"] .mobile-student-menu{
    top:36px!important;
    right:0!important;
  }

  body[data-active-menu="students"] .mobile-student-info{
    width:100%!important;
    min-width:0!important;
    align-self:stretch!important;
    overflow:hidden!important;
  }

  body[data-active-menu="students"] .mobile-student-info-blue{
    grid-area:blue!important;
  }

  body[data-active-menu="students"] .mobile-student-info-green{
    grid-area:green!important;
  }

  body[data-active-menu="students"] .mobile-student-info-orange{
    grid-area:orange!important;
  }

  body[data-active-menu="students"] .mobile-student-info > strong,
  body[data-active-menu="students"] .mobile-student-info > small{
    max-width:100%!important;
  }

  /* Sınıflar filtre alanı daha kompakt */
  body[data-active-menu="classes"] .filter-bar{
    gap:6px!important;
    padding:8px!important;
  }

  body[data-active-menu="classes"] .filter-bar input,
  body[data-active-menu="classes"] .filter-bar select{
    min-height:36px!important;
    height:36px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:9px!important;
  }

  body[data-active-menu="classes"] .filter-bar .btn,
  body[data-active-menu="classes"] .filter-bar button,
  body[data-active-menu="classes"] .filter-bar a{
    min-height:34px!important;
    height:34px!important;
    padding:0 10px!important;
    border-radius:9px!important;
    font-size:9px!important;
  }

  /* Sınıf kartı: üst satır sıkışmasını önle */
  body[data-active-menu="classes"] .compact-class-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "main main"
      "blue blue"
      "green orange"!important;
    gap:7px!important;
    align-items:stretch!important;
    overflow:visible!important;
  }

  body[data-active-menu="classes"] .compact-class-main{
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    padding:0 78px 0 0!important;
  }

  body[data-active-menu="classes"] .compact-class-main > div{
    display:block!important;
  }

  body[data-active-menu="classes"] .compact-class-main strong,
  body[data-active-menu="classes"] .compact-class-main span{
    max-width:100%!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body[data-active-menu="classes"] .compact-class-status{
    position:absolute!important;
    z-index:4!important;
    top:10px!important;
    right:48px!important;
    display:block!important;
    margin:0!important;
  }

  body[data-active-menu="classes"] .mobile-class-menu-wrap{
    position:absolute!important;
    z-index:6!important;
    top:10px!important;
    right:10px!important;
    display:block!important;
    margin:0!important;
  }

  body[data-active-menu="classes"] .mobile-class-menu{
    top:36px!important;
    right:0!important;
  }

  body[data-active-menu="classes"] .mobile-class-info{
    width:100%!important;
    min-width:0!important;
    align-self:stretch!important;
    overflow:hidden!important;
  }

  body[data-active-menu="classes"] .mobile-class-info-blue{
    grid-area:blue!important;
  }

  body[data-active-menu="classes"] .mobile-class-info-green{
    grid-area:green!important;
  }

  body[data-active-menu="classes"] .mobile-class-info-orange{
    grid-area:orange!important;
  }

  body[data-active-menu="classes"] .mobile-class-info > strong,
  body[data-active-menu="classes"] .mobile-class-info > small{
    max-width:100%!important;
  }

  /* Öğretmen üst işlem kartları daha dengeli */
  body[data-active-menu="teachers"] .teacher-header-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
  }

  body[data-active-menu="teachers"] .teacher-header-actions .btn{
    min-width:0!important;
    min-height:50px!important;
    height:50px!important;
    padding:7px 8px!important;
    border-radius:13px!important;
    font-size:9px!important;
    line-height:1.2!important;
  }

  body[data-active-menu="teachers"] .teacher-header-actions .btn:last-child:nth-child(odd){
    grid-column:1 / -1!important;
  }
}

@media(max-width:360px){
  body[data-active-menu="students"] .compact-student-row{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "main"
      "blue"
      "green"
      "orange"!important;
  }

  body[data-active-menu="students"] .compact-student-person{
    padding-right:74px!important;
  }

  body[data-active-menu="students"] .compact-student-status{
    right:46px!important;
  }

  body[data-active-menu="classes"] .compact-class-row{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "main"
      "blue"
      "green"
      "orange"!important;
  }

  body[data-active-menu="classes"] .compact-class-main{
    padding-right:74px!important;
  }

  body[data-active-menu="classes"] .compact-class-status{
    right:46px!important;
  }
}


/* v3.6.16 - Mobilde yalnızca tek Geri Dön düğmesi */
@media(max-width:760px){
  /* Ortak mobil düğme varken sayfanın kendi eski geri bağlantısını gizle. */
  .main .back-link{
    display:none!important;
  }

  /* Gizlenen bağlantının başlık alanında boş satır bırakmasını önle. */
  .topbar:has(.back-link) > div:first-child{
    grid-template-areas:
      "overline overline"
      "title title"!important;
    grid-template-rows:auto auto!important;
  }

  .topbar:has(.back-link) > div:first-child > .overline{
    margin-top:0!important;
  }
}


/* v3.6.17 - Mobil Kullanıcılar ve Bildirimler sayfaları */
.mobile-user-menu-wrap,
.mobile-user-account{
  display:none;
}

@media(max-width:760px){

  /* =====================================================
     KULLANICILAR
     ===================================================== */
  body[data-active-menu="users"] .topbar > div:first-child > p{
    display:none!important;
  }

  body[data-active-menu="users"] .user-header-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    margin-top:10px!important;
  }

  body[data-active-menu="users"] .user-header-actions .btn{
    min-height:48px!important;
    height:48px!important;
    border-radius:13px!important;
    font-size:9px!important;
  }

  body[data-active-menu="users"] .user-metric-grid{
    display:none!important;
  }

  body[data-active-menu="users"] .user-filter{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0 0 10px!important;
    padding:9px!important;
    border-radius:14px!important;
    box-shadow:0 5px 15px rgba(55,21,67,.05)!important;
  }

  body[data-active-menu="users"] .user-filter .search-field{
    grid-column:1 / -1!important;
    min-width:0!important;
  }

  body[data-active-menu="users"] .user-filter input,
  body[data-active-menu="users"] .user-filter select{
    width:100%!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:10px!important;
  }

  body[data-active-menu="users"] .user-filter input[type="search"]{
    padding-left:31px!important;
  }

  body[data-active-menu="users"] .user-filter .btn,
  body[data-active-menu="users"] .user-filter button,
  body[data-active-menu="users"] .user-filter a{
    min-height:36px!important;
    height:36px!important;
    padding:0 10px!important;
    border-radius:9px!important;
    font-size:9px!important;
  }

  body[data-active-menu="users"] .user-filter button[type="submit"]{
    grid-column:1 / 2!important;
  }

  body[data-active-menu="users"] .user-filter a{
    grid-column:2 / 3!important;
  }

  body[data-active-menu="users"] .user-list{
    display:grid!important;
    gap:8px!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body[data-active-menu="users"] .user-list-head{
    display:none!important;
  }

  body[data-active-menu="users"] .user-list-row{
    position:relative!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "main main"
      "blue blue"
      "green orange"!important;
    gap:7px!important;
    align-items:stretch!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid #e4d9e7!important;
    border-left:3px solid #713487!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(55,21,67,.06)!important;
    cursor:pointer!important;
    overflow:visible!important;
  }

  body[data-active-menu="users"] .current-user-row{
    border-left-color:#2d7a50!important;
  }

  body[data-active-menu="users"] .user-person{
    grid-area:main!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:center!important;
    padding:0 78px 0 0!important;
  }

  body[data-active-menu="users"] .user-avatar{
    width:36px!important;
    height:36px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:11px!important;
    color:#fff!important;
    background:#6a2d7d!important;
    font-size:10px!important;
    font-weight:800!important;
  }

  body[data-active-menu="users"] .user-person > div{
    min-width:0!important;
  }

  body[data-active-menu="users"] .user-person strong,
  body[data-active-menu="users"] .user-person span{
    display:block!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="users"] .user-person strong{
    color:#3f2547!important;
    font-size:12px!important;
    line-height:1.2!important;
  }

  body[data-active-menu="users"] .user-person span{
    margin-top:2px!important;
    color:#7b6381!important;
    font-size:9px!important;
  }

  body[data-active-menu="users"] .user-status-cell{
    position:absolute!important;
    z-index:4!important;
    top:10px!important;
    right:48px!important;
    padding:0!important;
  }

  body[data-active-menu="users"] .user-status-cell::before{
    display:none!important;
  }

  body[data-active-menu="users"] .user-status-cell .status-pill{
    padding:4px 7px!important;
    border-radius:8px!important;
    font-size:8px!important;
    line-height:1!important;
  }

  body[data-active-menu="users"] .mobile-user-account{
    display:block!important;
  }

  body[data-active-menu="users"] .mobile-user-info{
    min-width:0!important;
    width:100%!important;
    display:block!important;
    margin:0!important;
    padding:7px 8px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }

  body[data-active-menu="users"] .mobile-user-info::before{
    display:none!important;
  }

  body[data-active-menu="users"] .mobile-user-info > span,
  body[data-active-menu="users"] .mobile-user-info > i{
    display:block!important;
    margin:0 0 3px!important;
    font-size:8px!important;
    line-height:1.1!important;
    font-weight:800!important;
  }

  body[data-active-menu="users"] .mobile-user-info > strong{
    display:block!important;
    margin:0!important;
    overflow:hidden!important;
    color:inherit!important;
    font-size:10px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="users"] .mobile-user-info > small,
  body[data-active-menu="users"] .mobile-user-info > span:last-child{
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    color:inherit!important;
    opacity:.75!important;
    font-size:8px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="users"] .mobile-user-info-blue{
    grid-area:blue!important;
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="users"] .mobile-user-info-green{
    grid-area:green!important;
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="users"] .mobile-user-info-orange{
    grid-area:orange!important;
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="users"] .mobile-user-info .role-pill{
    width:max-content!important;
    margin:0!important;
  }

  body[data-active-menu="users"] .user-last-login > strong,
  body[data-active-menu="users"] .user-last-login > span{
    display:block!important;
  }

  body[data-active-menu="users"] .user-actions{
    display:none!important;
  }

  body[data-active-menu="users"] .mobile-user-menu-wrap{
    position:absolute!important;
    z-index:6!important;
    top:10px!important;
    right:10px!important;
    display:block!important;
  }

  body[data-active-menu="users"] .mobile-user-menu-trigger{
    width:30px!important;
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:0!important;
    border:1px solid #ded3e1!important;
    border-radius:9px!important;
    color:#6a2d7d!important;
    background:#f8f4f9!important;
  }

  body[data-active-menu="users"] .mobile-user-menu-trigger span{
    width:3px!important;
    height:3px!important;
    border-radius:50%!important;
    background:currentColor!important;
  }

  body[data-active-menu="users"] .mobile-user-menu-trigger[aria-expanded="true"]{
    color:#fff!important;
    border-color:#6a2d7d!important;
    background:#6a2d7d!important;
  }

  body[data-active-menu="users"] .mobile-user-menu{
    position:absolute!important;
    z-index:90!important;
    top:36px!important;
    right:0!important;
    width:min(250px,calc(100vw - 38px))!important;
    display:grid!important;
    gap:5px!important;
    padding:7px!important;
    border:1px solid #ded3e1!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 15px 35px rgba(55,21,67,.20)!important;
  }

  body[data-active-menu="users"] .mobile-user-menu[hidden]{
    display:none!important;
  }

  body[data-active-menu="users"] .mobile-user-menu a,
  body[data-active-menu="users"] .mobile-user-menu button,
  body[data-active-menu="users"] .mobile-user-self-note{
    width:100%!important;
    min-height:43px!important;
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:center!important;
    padding:7px 8px!important;
    border:0!important;
    border-radius:9px!important;
    color:#43224f!important;
    background:#faf7fb!important;
    text-align:left!important;
    text-decoration:none!important;
    font:inherit!important;
  }

  body[data-active-menu="users"] .mobile-user-menu b{
    width:32px!important;
    height:32px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:9px!important;
    color:#fff!important;
    background:#6a2d7d!important;
    font-size:9px!important;
  }

  body[data-active-menu="users"] .mobile-user-menu strong,
  body[data-active-menu="users"] .mobile-user-menu small{
    display:block!important;
  }

  body[data-active-menu="users"] .mobile-user-menu strong{
    color:#43224f!important;
    font-size:10px!important;
  }

  body[data-active-menu="users"] .mobile-user-menu small{
    margin-top:2px!important;
    color:#79677e!important;
    font-size:8px!important;
    line-height:1.25!important;
  }

  body[data-active-menu="users"] .mobile-user-menu-form{
    margin:0!important;
  }

  body[data-active-menu="users"] .mobile-user-delete-action b{
    background:#bd3e4a!important;
  }

  body[data-active-menu="users"] .mobile-user-self-note b{
    background:#2d7a50!important;
  }

  /* Kullanıcı formu */
  body[data-active-menu="users"] .user-form-layout{
    display:grid!important;
    gap:10px!important;
  }

  body[data-active-menu="users"] .user-form-card{
    padding:13px!important;
    border-radius:15px!important;
  }

  body[data-active-menu="users"] .user-form-card .form-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  body[data-active-menu="users"] .user-form-card input,
  body[data-active-menu="users"] .user-form-card select{
    min-height:40px!important;
    height:40px!important;
    border-radius:10px!important;
    font-size:10px!important;
  }

  body[data-active-menu="users"] .mobile-user-form-blue{
    border-color:#cfdef3!important;
    background:#f8fbff!important;
  }

  body[data-active-menu="users"] .mobile-user-form-green{
    border-color:#cce8d6!important;
    background:#f8fdf9!important;
  }

  body[data-active-menu="users"] .user-account-meta{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body[data-active-menu="users"] .user-account-meta article{
    min-width:0!important;
    padding:10px!important;
    border:1px solid #efd7b8!important;
    border-radius:12px!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="users"] .user-account-meta span,
  body[data-active-menu="users"] .user-account-meta strong{
    display:block!important;
    color:#754309!important;
    font-size:9px!important;
    overflow-wrap:anywhere!important;
  }

  /* =====================================================
     BİLDİRİMLER LİSTESİ
     ===================================================== */
  body[data-active-menu="reports"] .report-topbar > div:first-child > p,
  body[data-active-menu="reports"] .simple-report-topbar > div:first-child > p{
    display:none!important;
  }

  body[data-active-menu="reports"] .report-header-actions,
  body[data-active-menu="reports"] .report-detail-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:10px!important;
  }

  body[data-active-menu="reports"] .report-header-actions .btn,
  body[data-active-menu="reports"] .report-detail-actions .btn{
    min-width:0!important;
    min-height:48px!important;
    height:48px!important;
    padding:7px 8px!important;
    border-radius:13px!important;
    font-size:9px!important;
    text-align:center!important;
  }

  body[data-active-menu="reports"] .report-metric-grid{
    display:none!important;
  }

  body[data-active-menu="reports"] .report-filter-bar{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0 0 10px!important;
    padding:9px!important;
    border-radius:14px!important;
    box-shadow:0 5px 15px rgba(55,21,67,.05)!important;
  }

  body[data-active-menu="reports"] .report-filter-bar .search-field{
    grid-column:1 / -1!important;
    min-width:0!important;
  }

  body[data-active-menu="reports"] .report-filter-bar input,
  body[data-active-menu="reports"] .report-filter-bar select{
    width:100%!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:9px!important;
  }

  body[data-active-menu="reports"] .report-filter-bar input[type="search"]{
    padding-left:31px!important;
  }

  body[data-active-menu="reports"] .report-filter-bar button,
  body[data-active-menu="reports"] .report-filter-bar a{
    min-height:36px!important;
    height:36px!important;
    border-radius:9px!important;
    font-size:9px!important;
  }

  body[data-active-menu="reports"] .report-list{
    display:grid!important;
    gap:8px!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body[data-active-menu="reports"] .report-list-head{
    display:none!important;
  }

  body[data-active-menu="reports"] .report-list-row,
  body[data-active-menu="reports"]:not(.admin-role) .report-list-row{
    position:relative!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "main main"
      "blue blue"
      "green orange"!important;
    gap:7px!important;
    align-items:stretch!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid #e4d9e7!important;
    border-left:3px solid #713487!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(55,21,67,.06)!important;
    cursor:pointer!important;
    overflow:hidden!important;
  }

  body[data-active-menu="reports"] .mobile-report-main{
    grid-area:main!important;
    min-width:0!important;
    padding:0 126px 0 0!important;
  }

  body[data-active-menu="reports"] .mobile-report-main::before,
  body[data-active-menu="reports"] .mobile-report-info::before{
    display:none!important;
  }

  body[data-active-menu="reports"] .mobile-report-main strong{
    display:block!important;
    overflow:hidden!important;
    color:#3f2547!important;
    font-size:12px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="reports"] .mobile-report-main > span{
    display:-webkit-box!important;
    margin-top:3px!important;
    overflow:hidden!important;
    color:#75657a!important;
    font-size:9px!important;
    line-height:1.35!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }

  body[data-active-menu="reports"] .report-attachment-indicator{
    margin-top:4px!important;
    font-size:8px!important;
  }

  body[data-active-menu="reports"] .mobile-report-info{
    min-width:0!important;
    width:100%!important;
    display:block!important;
    padding:7px 8px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }

  body[data-active-menu="reports"] .mobile-report-info > strong,
  body[data-active-menu="reports"] .mobile-report-info > span{
    display:block!important;
    overflow:hidden!important;
    color:inherit!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="reports"] .mobile-report-info > strong{
    font-size:10px!important;
    line-height:1.3!important;
  }

  body[data-active-menu="reports"] .mobile-report-info > span{
    margin-top:2px!important;
    opacity:.75!important;
    font-size:8px!important;
    line-height:1.3!important;
  }

  body[data-active-menu="reports"] .mobile-report-info-blue{
    grid-area:blue!important;
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="reports"] .mobile-report-info-green{
    grid-area:green!important;
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="reports"] .mobile-report-info-orange{
    grid-area:orange!important;
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="reports"]:not(.admin-role) .mobile-report-info-orange{
    grid-column:1 / -1!important;
  }

  body[data-active-menu="reports"] .report-priority-cell,
  body[data-active-menu="reports"] .report-status-cell{
    position:absolute!important;
    z-index:4!important;
    top:10px!important;
    padding:0!important;
  }

  body[data-active-menu="reports"] .report-priority-cell{
    right:78px!important;
  }

  body[data-active-menu="reports"] .report-status-cell{
    right:10px!important;
  }

  body[data-active-menu="reports"] .report-priority-cell::before,
  body[data-active-menu="reports"] .report-status-cell::before{
    display:none!important;
  }

  body[data-active-menu="reports"] .report-priority,
  body[data-active-menu="reports"] .report-status{
    padding:4px 6px!important;
    border-radius:8px!important;
    font-size:7px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  body[data-active-menu="reports"] .report-row-action{
    display:none!important;
  }

  body[data-active-menu="reports"] .report-pagination{
    gap:6px!important;
    padding:8px!important;
    border-radius:12px!important;
  }

  body[data-active-menu="reports"] .report-pagination a,
  body[data-active-menu="reports"] .report-pagination span{
    font-size:9px!important;
  }

  /* Bildirim detay */
  body[data-active-menu="reports"] .report-detail-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body[data-active-menu="reports"] .report-detail-main,
  body[data-active-menu="reports"] .report-detail-side{
    display:grid!important;
    gap:10px!important;
  }

  body[data-active-menu="reports"] .report-detail-layout .form-card{
    padding:13px!important;
    border-radius:15px!important;
  }

  body[data-active-menu="reports"] .mobile-report-detail-blue{
    border-color:#cfdef3!important;
    background:#f8fbff!important;
  }

  body[data-active-menu="reports"] .mobile-report-detail-green{
    border-color:#cce8d6!important;
    background:#f8fdf9!important;
  }

  body[data-active-menu="reports"] .report-detail-badges{
    gap:6px!important;
    margin-bottom:10px!important;
  }

  body[data-active-menu="reports"] .report-description{
    font-size:10px!important;
    line-height:1.55!important;
  }

  body[data-active-menu="reports"] .report-detail-image img{
    max-height:300px!important;
    object-fit:contain!important;
  }

  body[data-active-menu="reports"] .report-meta-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  body[data-active-menu="reports"] .report-meta-list > div{
    min-width:0!important;
    padding:8px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
  }

  body[data-active-menu="reports"] .report-meta-list > div:nth-child(4n+1),
  body[data-active-menu="reports"] .report-meta-list > div:nth-child(4n+2){
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="reports"] .report-meta-list > div:nth-child(4n+3){
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="reports"] .report-meta-list > div:nth-child(4n){
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="reports"] .report-meta-list dt{
    font-size:8px!important;
    line-height:1.2!important;
  }

  body[data-active-menu="reports"] .report-meta-list dd{
    margin-top:3px!important;
    overflow-wrap:anywhere!important;
    font-size:9px!important;
    line-height:1.35!important;
  }

  body[data-active-menu="reports"] .mobile-report-admin-form{
    border-color:#dfd0ea!important;
    background:#fbf7fc!important;
  }

  body[data-active-menu="reports"] .report-admin-form select,
  body[data-active-menu="reports"] .report-admin-form textarea{
    border-radius:10px!important;
    font-size:10px!important;
  }

  /* Yeni bildirim formu */
  body[data-active-menu="reports"] .simple-report-shell{
    display:grid!important;
    gap:10px!important;
  }

  body[data-active-menu="reports"] .simple-report-context{
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:9px!important;
    padding:10px!important;
    border-radius:13px!important;
  }

  body[data-active-menu="reports"] .simple-report-context-icon{
    width:40px!important;
    height:40px!important;
  }

  body[data-active-menu="reports"] .simple-report-context > a{
    grid-column:1 / -1!important;
    min-height:36px!important;
  }

  body[data-active-menu="reports"] .simple-report-card{
    padding:13px!important;
    border-radius:15px!important;
  }

  body[data-active-menu="reports"] .simple-report-card select,
  body[data-active-menu="reports"] .simple-report-card textarea{
    border-radius:10px!important;
    font-size:10px!important;
  }
}

@media(max-width:360px){
  body[data-active-menu="users"] .user-list-row{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "main"
      "blue"
      "green"
      "orange"!important;
  }

  body[data-active-menu="users"] .user-person{
    padding-right:74px!important;
  }

  body[data-active-menu="users"] .user-status-cell{
    right:46px!important;
  }

  body[data-active-menu="users"] .user-account-meta,
  body[data-active-menu="reports"] .report-meta-list{
    grid-template-columns:1fr!important;
  }

  body[data-active-menu="reports"] .report-list-row,
  body[data-active-menu="reports"]:not(.admin-role) .report-list-row{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "main"
      "blue"
      "green"
      "orange"!important;
  }

  body[data-active-menu="reports"] .mobile-report-main{
    padding-right:118px!important;
  }
}


/* v3.6.18 - Kullanıcı ve Bildirim mobil hiza düzeltmeleri */
.mobile-user-role,
.mobile-report-tags{
  display:none;
}

@media(max-width:760px){

  /* Ortak taşma güvenliği */
  body[data-active-menu="users"] .main,
  body[data-active-menu="reports"] .main{
    min-width:0!important;
    overflow-x:hidden!important;
  }

  body[data-active-menu="users"] .topbar,
  body[data-active-menu="users"] .filter-bar,
  body[data-active-menu="users"] .user-list,
  body[data-active-menu="reports"] .topbar,
  body[data-active-menu="reports"] .filter-bar,
  body[data-active-menu="reports"] .report-list,
  body[data-active-menu="reports"] .report-detail-layout,
  body[data-active-menu="reports"] .simple-report-shell{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* =====================================================
     KULLANICILAR
     ===================================================== */
  body[data-active-menu="users"] .user-filter{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "search search"
      "role status"
      "submit clear"!important;
    align-items:stretch!important;
  }

  body[data-active-menu="users"] .user-filter .search-field{
    grid-area:search!important;
  }

  body[data-active-menu="users"] .user-filter select[name="role"]{
    grid-area:role!important;
  }

  body[data-active-menu="users"] .user-filter select[name="status"]{
    grid-area:status!important;
  }

  body[data-active-menu="users"] .user-filter button[type="submit"]{
    grid-area:submit!important;
  }

  body[data-active-menu="users"] .user-filter > a{
    grid-area:clear!important;
  }

  body[data-active-menu="users"] .user-filter > *{
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="users"] .user-list-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "main main"
      "blue blue"
      "green orange"!important;
    align-items:stretch!important;
    overflow:visible!important;
  }

  body[data-active-menu="users"] .user-person{
    grid-area:main!important;
    width:100%!important;
    min-width:0!important;
    padding-right:78px!important;
  }

  body[data-active-menu="users"] .desktop-user-role{
    display:none!important;
  }

  body[data-active-menu="users"] .mobile-user-role{
    display:block!important;
    grid-area:blue!important;
  }

  body[data-active-menu="users"] .mobile-user-account{
    grid-area:green!important;
  }

  body[data-active-menu="users"] .user-last-login{
    grid-area:orange!important;
  }

  body[data-active-menu="users"] .mobile-user-info{
    width:100%!important;
    min-width:0!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="users"] .mobile-user-info > span,
  body[data-active-menu="users"] .mobile-user-info > strong,
  body[data-active-menu="users"] .mobile-user-info > small{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="users"] .user-status-cell{
    top:10px!important;
    right:48px!important;
  }

  body[data-active-menu="users"] .mobile-user-menu-wrap{
    top:10px!important;
    right:10px!important;
  }

  body[data-active-menu="users"] .mobile-user-menu{
    max-width:calc(100vw - 38px)!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="users"] .user-form-layout,
  body[data-active-menu="users"] .user-form-card,
  body[data-active-menu="users"] .user-account-meta{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="users"] .user-form-card label,
  body[data-active-menu="users"] .user-form-card input,
  body[data-active-menu="users"] .user-form-card select{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="users"] .user-form-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="users"] .user-form-actions .btn{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  /* =====================================================
     BİLDİRİMLER
     ===================================================== */
  body[data-active-menu="reports"] .report-filter-bar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "search search"
      "status priority"
      "module module"
      "submit clear"!important;
    align-items:stretch!important;
  }

  body[data-active-menu="reports"] .report-filter-bar .search-field{
    grid-area:search!important;
  }

  body[data-active-menu="reports"] .report-filter-bar select[name="status"]{
    grid-area:status!important;
  }

  body[data-active-menu="reports"] .report-filter-bar select[name="priority"]{
    grid-area:priority!important;
  }

  body[data-active-menu="reports"] .report-filter-bar select[name="module"]{
    grid-area:module!important;
  }

  body[data-active-menu="reports"] .report-filter-bar button[type="submit"]{
    grid-area:submit!important;
  }

  body[data-active-menu="reports"] .report-filter-bar > a{
    grid-area:clear!important;
  }

  body[data-active-menu="reports"] .report-filter-bar > *{
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="reports"] .report-list-row,
  body[data-active-menu="reports"]:not(.admin-role) .report-list-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "main main"
      "tags tags"
      "blue blue"
      "green orange"!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }

  body[data-active-menu="reports"]:not(.admin-role) .report-list-row{
    grid-template-areas:
      "main main"
      "tags tags"
      "blue blue"
      "orange orange"!important;
  }

  body[data-active-menu="reports"] .mobile-report-main{
    grid-area:main!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
  }

  body[data-active-menu="reports"] .report-priority-cell,
  body[data-active-menu="reports"] .report-status-cell{
    display:none!important;
  }

  body[data-active-menu="reports"] .mobile-report-tags{
    grid-area:tags!important;
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="reports"] .mobile-report-tags .report-priority,
  body[data-active-menu="reports"] .mobile-report-tags .report-status{
    position:static!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:22px!important;
    padding:4px 7px!important;
    border-radius:8px!important;
    font-size:7px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  body[data-active-menu="reports"] .mobile-report-info-blue{
    grid-area:blue!important;
  }

  body[data-active-menu="reports"] .mobile-report-info-green{
    grid-area:green!important;
  }

  body[data-active-menu="reports"] .mobile-report-info-orange{
    grid-area:orange!important;
  }

  body[data-active-menu="reports"] .mobile-report-info{
    width:100%!important;
    min-width:0!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="reports"] .mobile-report-info > strong,
  body[data-active-menu="reports"] .mobile-report-info > span{
    max-width:100%!important;
  }

  body[data-active-menu="reports"] .report-header-actions,
  body[data-active-menu="reports"] .report-detail-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
  }

  body[data-active-menu="reports"] .report-header-actions .btn,
  body[data-active-menu="reports"] .report-detail-actions .btn{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="reports"] .report-detail-layout,
  body[data-active-menu="reports"] .report-detail-main,
  body[data-active-menu="reports"] .report-detail-side,
  body[data-active-menu="reports"] .report-detail-layout .form-card,
  body[data-active-menu="reports"] .simple-report-form,
  body[data-active-menu="reports"] .simple-report-card{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="reports"] .report-meta-list > div,
  body[data-active-menu="reports"] .report-field,
  body[data-active-menu="reports"] .report-field select,
  body[data-active-menu="reports"] .report-field textarea,
  body[data-active-menu="reports"] .simple-report-upload,
  body[data-active-menu="reports"] .simple-report-preview{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="reports"] .simple-report-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body[data-active-menu="reports"] .simple-report-actions .btn{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  body[data-active-menu="reports"] .report-detail-image,
  body[data-active-menu="reports"] .report-detail-image img{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

@media(max-width:360px){
  body[data-active-menu="users"] .user-list-row{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "main"
      "blue"
      "green"
      "orange"!important;
  }

  body[data-active-menu="reports"] .report-list-row,
  body[data-active-menu="reports"]:not(.admin-role) .report-list-row{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "main"
      "tags"
      "blue"
      "green"
      "orange"!important;
  }

  body[data-active-menu="reports"]:not(.admin-role) .report-list-row{
    grid-template-areas:
      "main"
      "tags"
      "blue"
      "orange"!important;
  }

  body[data-active-menu="users"] .user-account-meta,
  body[data-active-menu="reports"] .report-meta-list{
    grid-template-columns:1fr!important;
  }
}


/* v3.6.19 - Mobil Hesabım sayfası */
@media(max-width:760px){
  body[data-active-menu="account"] .account-topbar > div:first-child > p{
    display:none!important;
  }

  body[data-active-menu="account"] .account-topbar{
    margin-bottom:10px!important;
  }

  body[data-active-menu="account"] .mobile-account-layout{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    box-sizing:border-box!important;
  }

  /* Hesap özeti */
  body[data-active-menu="account"] .mobile-account-summary{
    position:relative!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    grid-template-areas:
      "avatar main"
      "details details"!important;
    gap:10px 12px!important;
    align-items:center!important;
    padding:12px!important;
    border:1px solid #e4d9e7!important;
    border-left:3px solid #713487!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 5px 15px rgba(55,21,67,.06)!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="account"] .account-large-avatar{
    grid-area:avatar!important;
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    border-radius:15px!important;
    color:#fff!important;
    background:#6a2d7d!important;
    font-size:20px!important;
    line-height:1!important;
    box-shadow:none!important;
  }

  body[data-active-menu="account"] .account-summary-main{
    grid-area:main!important;
    min-width:0!important;
    padding-right:0!important;
  }

  body[data-active-menu="account"] .account-summary-main .overline{
    font-size:8px!important;
    line-height:1.2!important;
  }

  body[data-active-menu="account"] .account-summary-main h2{
    display:block!important;
    margin:3px 0 2px!important;
    overflow:hidden!important;
    color:#3f2547!important;
    font-size:16px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="account"] .account-summary-main p{
    display:block!important;
    margin:0!important;
    overflow:hidden!important;
    color:#7b6381!important;
    font-size:9px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="account"] .mobile-account-summary > .role-pill{
    display:none!important;
  }

  body[data-active-menu="account"] .mobile-account-details{
    grid-area:details!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  body[data-active-menu="account"] .account-detail-card{
    min-width:0!important;
    display:block!important;
    margin:0!important;
    padding:8px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="account"] .account-detail-card dt{
    display:block!important;
    margin:0 0 4px!important;
    color:inherit!important;
    font-size:8px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.035em!important;
  }

  body[data-active-menu="account"] .account-detail-card dd{
    display:block!important;
    margin:0!important;
    overflow:hidden!important;
    color:inherit!important;
    font-size:9px!important;
    line-height:1.35!important;
    font-weight:800!important;
    text-align:left!important;
    overflow-wrap:anywhere!important;
  }

  body[data-active-menu="account"] .account-detail-card .status-pill{
    display:inline-flex!important;
    padding:4px 7px!important;
    border-radius:8px!important;
    font-size:8px!important;
    line-height:1!important;
  }

  body[data-active-menu="account"] .account-detail-blue{
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="account"] .account-detail-green{
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="account"] .account-detail-orange{
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="account"] .account-detail-purple{
    color:#512361!important;
    border-color:#dfd0ea!important;
    background:#f5effa!important;
  }

  /* Şifre güncelleme formu */
  body[data-active-menu="account"] .mobile-account-password-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:13px!important;
    border:1px solid #dfd0ea!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 5px 15px rgba(55,21,67,.05)!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="account"] .mobile-account-password-card .form-section-title{
    margin-bottom:10px!important;
  }

  body[data-active-menu="account"] .mobile-account-password-card .form-section-title .overline{
    font-size:8px!important;
  }

  body[data-active-menu="account"] .mobile-account-password-card .form-section-title h2{
    margin-top:3px!important;
    font-size:16px!important;
    line-height:1.2!important;
  }

  body[data-active-menu="account"] .mobile-account-password-card .form-stack{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  body[data-active-menu="account"] .account-password-field{
    min-width:0!important;
    display:block!important;
    margin:0!important;
    padding:9px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="account"] .account-password-field > span{
    display:block!important;
    margin:0 0 5px!important;
    color:inherit!important;
    font-size:8px!important;
    line-height:1.15!important;
    font-weight:800!important;
  }

  body[data-active-menu="account"] .account-password-field input{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0 10px!important;
    border-radius:9px!important;
    background:#fff!important;
    font-size:10px!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="account"] .account-password-current{
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="account"] .account-password-current input{
    border-color:#b8cfe8!important;
  }

  body[data-active-menu="account"] .account-password-new{
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="account"] .account-password-new input{
    border-color:#b8dcc5!important;
  }

  body[data-active-menu="account"] .account-password-confirm{
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="account"] .account-password-confirm input{
    border-color:#e4c79f!important;
  }

  body[data-active-menu="account"] .mobile-account-password-card .btn{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    height:42px!important;
    margin:0!important;
    border-radius:10px!important;
    font-size:10px!important;
    box-sizing:border-box!important;
  }
}

@media(max-width:360px){
  body[data-active-menu="account"] .mobile-account-summary{
    grid-template-columns:56px minmax(0,1fr)!important;
  }

  body[data-active-menu="account"] .account-large-avatar{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    border-radius:13px!important;
    font-size:18px!important;
  }

  body[data-active-menu="account"] .mobile-account-details{
    grid-template-columns:1fr!important;
  }
}


/* v3.6.20 - Mobil Kurumsal alan */
@media(max-width:760px){
  body[data-active-menu="corporate"] .main{
    min-width:0!important;
    overflow-x:hidden!important;
  }

  body[data-active-menu="corporate"] .corporate-topbar{
    margin-bottom:10px!important;
  }

  body[data-active-menu="corporate"] .corporate-topbar .corporate-edit-button{
    width:100%!important;
    min-height:46px!important;
    height:46px!important;
    margin-top:10px!important;
    border-radius:13px!important;
    font-size:10px!important;
  }

  /* Okul özet kartı */
  body[data-active-menu="corporate"] .mobile-corporate-hero{
    min-width:0!important;
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:12px!important;
    align-items:center!important;
    margin-bottom:10px!important;
    padding:12px!important;
    border-left:3px solid #713487!important;
    border-radius:15px!important;
    overflow:hidden!important;
  }

  body[data-active-menu="corporate"] .corporate-logo-area{
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border-radius:15px!important;
    overflow:hidden!important;
    background:#f5effa!important;
  }

  body[data-active-menu="corporate"] .corporate-logo-area img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }

  body[data-active-menu="corporate"] .corporate-logo-placeholder{
    width:100%!important;
    height:100%!important;
    display:grid!important;
    place-items:center!important;
    color:#fff!important;
    background:#6a2d7d!important;
    font-size:11px!important;
    font-weight:800!important;
  }

  body[data-active-menu="corporate"] .corporate-title-area{
    min-width:0!important;
  }

  body[data-active-menu="corporate"] .corporate-title-area .overline{
    font-size:8px!important;
  }

  body[data-active-menu="corporate"] .corporate-title-area h2{
    display:block!important;
    margin:3px 0 6px!important;
    overflow:hidden!important;
    color:#3f2547!important;
    font-size:16px!important;
    line-height:1.2!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  body[data-active-menu="corporate"] .corporate-code{
    width:max-content!important;
    max-width:100%!important;
    padding:6px 8px!important;
    border:1px solid #dfd0ea!important;
    border-radius:9px!important;
    color:#512361!important;
    background:#f5effa!important;
    font-size:8px!important;
    line-height:1.2!important;
  }

  /* Kurumsal bölüm kartları */
  body[data-active-menu="corporate"] .corporate-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-bottom:10px!important;
  }

  body[data-active-menu="corporate"] .corporate-card{
    min-width:0!important;
    margin:0!important;
    padding:12px!important;
    border-radius:15px!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="corporate"] .corporate-card-head{
    margin-bottom:9px!important;
  }

  body[data-active-menu="corporate"] .corporate-card-head .overline{
    font-size:8px!important;
    line-height:1.15!important;
  }

  body[data-active-menu="corporate"] .corporate-card-head h2{
    margin-top:3px!important;
    font-size:15px!important;
    line-height:1.2!important;
  }

  body[data-active-menu="corporate"] .corporate-info-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0!important;
  }

  body[data-active-menu="corporate"] .corporate-info-list > div{
    min-width:0!important;
    display:block!important;
    margin:0!important;
    padding:8px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="corporate"] .corporate-info-list > div.full{
    grid-column:1 / -1!important;
  }

  body[data-active-menu="corporate"] .corporate-info-list dt{
    display:block!important;
    margin:0 0 4px!important;
    color:inherit!important;
    font-size:8px!important;
    line-height:1.15!important;
    font-weight:800!important;
    letter-spacing:.035em!important;
  }

  body[data-active-menu="corporate"] .corporate-info-list dd{
    display:block!important;
    margin:0!important;
    overflow:hidden!important;
    color:inherit!important;
    font-size:9px!important;
    line-height:1.4!important;
    font-weight:800!important;
    overflow-wrap:anywhere!important;
  }

  /* İletişim: yeşil, adres: mavi */
  body[data-active-menu="corporate"] .corporate-contact-card{
    border-color:#cce8d6!important;
    background:#fbfefc!important;
  }

  body[data-active-menu="corporate"] .corporate-contact-card .corporate-info-list > div{
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="corporate"] .corporate-contact-card .corporate-info-list > div.full{
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  /* Birimler: sıralı mavi / yeşil / turuncu / mor */
  body[data-active-menu="corporate"] .corporate-units-card .corporate-info-list > div:nth-child(4n+1){
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="corporate"] .corporate-units-card .corporate-info-list > div:nth-child(4n+2){
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="corporate"] .corporate-units-card .corporate-info-list > div:nth-child(4n+3){
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="corporate"] .corporate-units-card .corporate-info-list > div:nth-child(4n){
    color:#512361!important;
    border-color:#dfd0ea!important;
    background:#f5effa!important;
  }

  /* Yönetim kadrosu */
  body[data-active-menu="corporate"] .corporate-management-card{
    margin-bottom:10px!important;
  }

  body[data-active-menu="corporate"] .management-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  body[data-active-menu="corporate"] .management-person{
    min-width:0!important;
    padding:9px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="corporate"] .management-person:nth-child(3n+1){
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="corporate"] .management-person:nth-child(3n+2){
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="corporate"] .management-person:nth-child(3n){
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="corporate"] .management-person > span,
  body[data-active-menu="corporate"] .management-person > strong,
  body[data-active-menu="corporate"] .management-person > small{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    color:inherit!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="corporate"] .management-person > span{
    margin-bottom:4px!important;
    font-size:8px!important;
    line-height:1.15!important;
    font-weight:800!important;
  }

  body[data-active-menu="corporate"] .management-person > strong{
    font-size:10px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
  }

  body[data-active-menu="corporate"] .management-person > small{
    margin-top:2px!important;
    opacity:.78!important;
    font-size:8px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
  }

  /* Mali bilgiler */
  body[data-active-menu="corporate"] .corporate-tax-card{
    border-color:#efd7b8!important;
    background:#fffaf4!important;
  }

  body[data-active-menu="corporate"] .corporate-tax-card .corporate-info-list > div{
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  /* Sosyal medya */
  body[data-active-menu="corporate"] .corporate-social-card{
    border-color:#dfd0ea!important;
    background:#fdfafd!important;
  }

  body[data-active-menu="corporate"] .corporate-social-card .corporate-info-list > div{
    color:#512361!important;
    border-color:#dfd0ea!important;
    background:#f5effa!important;
  }

  /* Kurumsal düzenleme formu */
  body[data-active-menu="corporate"] .mobile-corporate-edit-layout{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:13px!important;
    border-radius:15px!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-card .form-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-card label{
    min-width:0!important;
    display:block!important;
    margin:0!important;
    padding:8px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-card label > span{
    display:block!important;
    margin:0 0 5px!important;
    color:inherit!important;
    font-size:8px!important;
    line-height:1.15!important;
    font-weight:800!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-card input,
  body[data-active-menu="corporate"] .corporate-edit-card select,
  body[data-active-menu="corporate"] .corporate-edit-card textarea{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:40px!important;
    margin:0!important;
    border-radius:9px!important;
    background:#fff!important;
    font-size:10px!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-card textarea{
    min-height:82px!important;
    padding:9px 10px!important;
    resize:vertical!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-card input[type="file"]{
    height:auto!important;
    min-height:42px!important;
    padding:8px!important;
    font-size:8px!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-school-card{
    border-color:#cfdef3!important;
    background:#f8fbff!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-school-card label{
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-units-card{
    border-color:#cce8d6!important;
    background:#f8fdf9!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-units-card label{
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-management-card{
    border-color:#efd7b8!important;
    background:#fffaf4!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-management-card label{
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-other-card{
    border-color:#dfd0ea!important;
    background:#fdfafd!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-other-card label{
    color:#512361!important;
    border-color:#dfd0ea!important;
    background:#f5effa!important;
  }

  body[data-active-menu="corporate"] .sticky-save{
    position:static!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid #e4d9e7!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 5px 15px rgba(55,21,67,.06)!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="corporate"] .sticky-save .btn{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    height:42px!important;
    margin:0!important;
    border-radius:10px!important;
    font-size:10px!important;
  }
}

@media(max-width:360px){
  body[data-active-menu="corporate"] .mobile-corporate-hero{
    grid-template-columns:60px minmax(0,1fr)!important;
  }

  body[data-active-menu="corporate"] .corporate-logo-area{
    width:60px!important;
    height:60px!important;
    min-width:60px!important;
    border-radius:13px!important;
  }

  body[data-active-menu="corporate"] .corporate-info-list,
  body[data-active-menu="corporate"] .management-grid{
    grid-template-columns:1fr!important;
  }
}


/* v3.6.21 - Mobil alt menü Gece Moru renk denemesi */
@media(max-width:760px){
  .mobile-bottom-nav{
    border-color:rgba(255,255,255,.10)!important;
    background:rgba(35,22,47,.97)!important;
    box-shadow:
      0 12px 32px rgba(23,10,31,.34),
      inset 0 1px 0 rgba(255,255,255,.06)!important;
  }

  .mobile-bottom-nav>a,
  .mobile-bottom-nav>button{
    color:#cfc5d5!important;
  }

  .mobile-bottom-nav>a:hover,
  .mobile-bottom-nav>button:hover{
    color:#f4edf7!important;
    background:rgba(255,255,255,.06)!important;
  }

  .mobile-bottom-nav>a.active,
  .mobile-bottom-nav>button.active,
  body.mobile-more-open #mobileBottomMore{
    color:#fff!important;
    background:#74418a!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.16),
      0 5px 14px rgba(15,6,21,.20)!important;
  }

  .mobile-bottom-nav>a.active::before,
  .mobile-bottom-nav>button.active::before,
  body.mobile-more-open #mobileBottomMore::before{
    content:""!important;
    position:absolute!important;
    top:3px!important;
    left:50%!important;
    width:22px!important;
    height:3px!important;
    border-radius:999px!important;
    background:#e1bdf0!important;
    transform:translateX(-50%)!important;
  }

  .mobile-bottom-nav .mobile-bottom-icon{
    color:currentColor!important;
  }

  .mobile-bottom-nav>a>span:last-child,
  .mobile-bottom-nav>button>span:last-child{
    color:currentColor!important;
  }
}


/* v3.6.22 - Giriş sayfasında OY logosu kaldırıldı */
.login-hero-renamed.no-login-logo{
  justify-content:center;
}

.login-hero-renamed.no-login-logo .login-brand-name{
  margin-top:0!important;
  display:inline-block;
}

@media(max-width:760px){
  .login-hero-renamed.no-login-logo{
    padding-top:2px;
  }
}


/* v3.6.23 - Mobil ana sayfa kartlarını daha dolu hale getir */
@media(max-width:760px){
  body[data-active-menu="dashboard"] .mobile-home-card{
    justify-content:flex-end!important;
    padding:13px!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card-body{
    width:100%!important;
    display:block!important;
    margin-top:auto!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card-badge{
    position:absolute!important;
    top:14px!important;
    right:14px!important;
    max-width:78px!important;
    min-height:24px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:4px 8px!important;
    border:1px solid #eadcf0!important;
    border-radius:999px!important;
    background:#fbf7fc!important;
    color:#6e3a81!important;
    font-size:9px!important;
    line-height:1.1!important;
    font-weight:800!important;
    text-align:center!important;
    box-shadow:0 3px 10px rgba(73,25,93,.05)!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card strong{
    padding-right:58px!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card small{
    min-height:26px!important;
    padding-right:10px!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card-meta{
    display:inline-flex!important;
    align-items:center!important;
    min-height:22px!important;
    margin-top:7px!important;
    padding:4px 9px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#f5eef8,#efe6f4)!important;
    color:#5f2d73!important;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:.02em!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card>b{
    bottom:11px!important;
    right:11px!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card-danger .mobile-home-card-badge{
    border-color:#f0d8dc!important;
    background:#fff4f5!important;
    color:#b6424f!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card-danger .mobile-home-card-meta{
    background:#fff0f1!important;
    color:#b53e4b!important;
  }
}

@media(max-width:350px){
  body[data-active-menu="dashboard"] .mobile-home-card-badge{
    top:11px!important;
    right:11px!important;
    max-width:70px!important;
    font-size:8px!important;
    padding:4px 7px!important;
  }

  body[data-active-menu="dashboard"] .mobile-home-card-meta{
    font-size:8px!important;
    padding:3px 8px!important;
  }
}


/* v3.6.25 - Mobil uygulama tipi hata bildirimi sayacı */
.mobile-page-tools,
.mobile-report-notification,
.report-unread-label{
  display:none;
}

@media(max-width:760px){
  .mobile-page-tools{
    width:100%;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    margin:0 0 10px;
  }

  .mobile-page-tools .mobile-page-back-wrap{
    display:block;
    margin:0!important;
  }

  .mobile-report-notification{
    position:relative;
    width:42px;
    height:42px;
    min-width:42px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.12);
    border-radius:12px;
    color:#eee5f2;
    background:#23162f;
    box-shadow:0 5px 14px rgba(35,22,47,.22);
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-report-notification svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .mobile-report-notification:active{
    transform:scale(.96);
  }

  .mobile-report-notification.has-unread{
    color:#fff;
    background:#6e2f84;
  }

  .mobile-report-notification-badge{
    position:absolute;
    top:-7px;
    right:-7px;
    min-width:21px;
    height:21px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 5px;
    border:2px solid #f6f0f8;
    border-radius:999px;
    color:#fff;
    background:#d83f4e;
    box-shadow:0 4px 10px rgba(173,39,53,.30);
    font-size:9px;
    line-height:1;
    font-weight:900;
  }

  .mobile-report-notification-badge[hidden]{
    display:none!important;
  }

  .mobile-report-notification.notification-pulse{
    animation:mobileNotificationPulse .65s ease;
  }

  @keyframes mobileNotificationPulse{
    0%{transform:scale(1)}
    45%{transform:scale(1.10)}
    100%{transform:scale(1)}
  }

  body[data-active-menu="dashboard"] .mobile-page-tools{
    margin-bottom:10px;
  }

  body[data-active-menu="reports"] .report-list-row-unread{
    border-left-color:#d83f4e!important;
    background:linear-gradient(180deg,#fff,#fffafb)!important;
  }

  body[data-active-menu="reports"] .report-unread-label{
    width:max-content!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:20px!important;
    margin:0 0 5px!important;
    padding:3px 7px!important;
    border-radius:999px!important;
    color:#fff!important;
    background:#d83f4e!important;
    font-size:7px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
  }
}


/* v3.6.26 - Zil kaldırıldı, sayı Hata Bildirimleri kartına taşındı */
.mobile-report-notification,
.mobile-report-notification-badge,
.mobile-page-tools{
  display:none!important;
}

.mobile-report-count-badge,
.mobile-more-report-count{
  display:none;
}

@media(max-width:760px){
  .mobile-home-report-icon{
    overflow:visible!important;
  }

  .mobile-report-count-badge{
    position:absolute!important;
    top:-8px!important;
    left:-8px!important;
    z-index:5!important;
    min-width:22px!important;
    height:22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 5px!important;
    border:2px solid #fff!important;
    border-radius:999px!important;
    color:#fff!important;
    background:#d83f4e!important;
    box-shadow:0 4px 10px rgba(173,39,53,.30)!important;
    font-style:normal!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  .mobile-report-count-badge[hidden],
  .mobile-more-report-count[hidden]{
    display:none!important;
  }

  .mobile-home-report-card.has-unread{
    border-color:#efcbd0!important;
    box-shadow:0 7px 20px rgba(188,54,68,.10)!important;
  }

  .mobile-more-report-link{
    position:relative!important;
    overflow:visible!important;
  }

  .mobile-more-report-count{
    position:absolute!important;
    top:7px!important;
    left:7px!important;
    z-index:5!important;
    min-width:21px!important;
    height:21px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 5px!important;
    border:2px solid #fff!important;
    border-radius:999px!important;
    color:#fff!important;
    background:#d83f4e!important;
    box-shadow:0 4px 10px rgba(173,39,53,.26)!important;
    font-style:normal!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  .mobile-more-report-link.has-unread{
    border-color:#efcbd0!important;
    background:#fffafb!important;
  }

  .report-count-pulse{
    animation:reportCardCountPulse .65s ease!important;
  }

  @keyframes reportCardCountPulse{
    0%{transform:scale(1)}
    45%{transform:scale(1.18)}
    100%{transform:scale(1)}
  }
}


/* v3.6.27 - Web Öğrenciler listesi sütun ve hiza düzeltmesi */
@media(min-width:761px){

  body[data-active-menu="students"] .compact-student-list{
    width:100%;
    min-width:0;
    overflow:hidden;
  }

  body[data-active-menu="students"] .compact-student-head,
  body[data-active-menu="students"] .compact-student-row{
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:
      minmax(280px,1.55fr)
      minmax(190px,.95fr)
      minmax(120px,.62fr)
      minmax(90px,.48fr)
      minmax(180px,.85fr);
    column-gap:18px;
    align-items:center;
    box-sizing:border-box;
  }

  body[data-active-menu="students"] .compact-student-head{
    padding:14px 18px;
  }

  body[data-active-menu="students"] .compact-student-row{
    min-height:92px;
    padding:14px 18px;
  }

  /* Mobil için eklenen doğum/iletişim kutusu web tablosunda gösterilmez. */
  body[data-active-menu="students"] .mobile-student-info-orange{
    display:none!important;
  }

  /* Mobil üç nokta menüsü web sürümünde görünmez. */
  body[data-active-menu="students"] .mobile-student-menu-wrap{
    display:none!important;
  }

  body[data-active-menu="students"] .compact-student-person{
    min-width:0;
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    gap:14px;
    align-items:center;
  }

  body[data-active-menu="students"] .compact-photo-link{
    width:52px;
    height:58px;
    display:block;
  }

  body[data-active-menu="students"] .compact-photo{
    width:52px;
    height:58px;
    border-radius:13px;
  }

  body[data-active-menu="students"] .compact-student-person > div{
    min-width:0;
  }

  body[data-active-menu="students"] .compact-student-name{
    max-width:100%;
    overflow:hidden;
    font-size:13px;
    line-height:1.3;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  body[data-active-menu="students"] .compact-student-person div > span{
    margin-top:5px;
    font-size:10px;
    line-height:1.3;
    white-space:nowrap;
  }

  /* Mobil kutu etiketlerini web tablosunda tekrarlama. */
  body[data-active-menu="students"] .compact-id-info > span,
  body[data-active-menu="students"] .compact-class > span{
    display:none!important;
  }

  body[data-active-menu="students"] .compact-id-info{
    min-width:0;
    display:block;
    padding:0;
    border:0;
    background:transparent;
  }

  body[data-active-menu="students"] .compact-id-info > strong,
  body[data-active-menu="students"] .compact-id-info > small{
    display:block;
    max-width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  body[data-active-menu="students"] .compact-id-info > strong{
    color:#3e2448;
    font-size:11px;
    line-height:1.35;
  }

  body[data-active-menu="students"] .compact-id-info > small{
    margin-top:5px;
    color:#74637a;
    font-size:9px;
    line-height:1.35;
  }

  body[data-active-menu="students"] .compact-class{
    min-width:0;
    display:block;
    padding:0;
    border:0;
    background:transparent;
  }

  body[data-active-menu="students"] .compact-class > strong,
  body[data-active-menu="students"] .compact-class > small{
    display:block;
    max-width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  body[data-active-menu="students"] .compact-class > strong{
    color:#3e2448;
    font-size:12px;
    line-height:1.3;
  }

  body[data-active-menu="students"] .compact-class > small{
    margin-top:5px;
    color:#74637a;
    font-size:9px;
    line-height:1.35;
  }

  body[data-active-menu="students"] .compact-student-status{
    min-width:0;
    display:flex;
    justify-content:flex-start;
    align-items:center;
  }

  body[data-active-menu="students"] .compact-student-status .status-pill{
    margin:0;
    white-space:nowrap;
  }

  body[data-active-menu="students"] .compact-actions{
    width:100%;
    min-width:0;
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-end;
    align-items:center;
    gap:7px;
  }

  body[data-active-menu="students"] .compact-actions > a,
  body[data-active-menu="students"] .compact-actions > form{
    flex:0 0 auto;
    margin:0;
  }

  body[data-active-menu="students"] .compact-actions form{
    display:block;
  }

  body[data-active-menu="students"] .compact-actions .icon-action{
    width:36px;
    height:36px;
    min-width:36px;
    min-height:36px;
  }
}

/* Daha dar web ekranlarında işlemler yine aynı satırda kalır. */
@media(min-width:761px) and (max-width:1180px){
  body[data-active-menu="students"] .compact-student-head,
  body[data-active-menu="students"] .compact-student-row{
    grid-template-columns:
      minmax(220px,1.35fr)
      minmax(155px,.9fr)
      minmax(95px,.56fr)
      82px
      minmax(164px,.82fr);
    column-gap:12px;
    padding-left:14px;
    padding-right:14px;
  }

  body[data-active-menu="students"] .compact-actions{
    gap:5px;
  }

  body[data-active-menu="students"] .compact-actions .icon-action{
    width:34px;
    height:34px;
    min-width:34px;
    min-height:34px;
  }
}


/* v3.6.28 - Web Öğretmenler listesi hizası + web bildirim sayacı */
@media(min-width:761px){

  body[data-active-menu="teachers"] .compact-teacher-list{
    width:100%;
    min-width:0;
    overflow:hidden;
  }

  body[data-active-menu="teachers"] .compact-teacher-head,
  body[data-active-menu="teachers"] .compact-teacher-row{
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:
      minmax(250px,1.35fr)
      minmax(185px,.95fr)
      minmax(190px,.95fr)
      minmax(175px,.9fr)
      92px
      minmax(130px,.7fr);
    column-gap:18px;
    align-items:center;
    box-sizing:border-box;
  }

  body[data-active-menu="teachers"] .compact-teacher-head{
    padding:14px 18px;
  }

  body[data-active-menu="teachers"] .compact-teacher-row{
    min-height:90px;
    padding:14px 18px;
  }

  body[data-active-menu="teachers"] .mobile-teacher-menu-wrap{
    display:none!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-person{
    min-width:0;
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:14px;
    align-items:center;
  }

  body[data-active-menu="teachers"] .compact-teacher-person > a{
    width:48px;
    height:54px;
    display:block;
  }

  body[data-active-menu="teachers"] .compact-teacher-photo,
  body[data-active-menu="teachers"] .compact-teacher-photo.placeholder{
    width:48px;
    height:54px;
    border-radius:13px;
  }

  body[data-active-menu="teachers"] .compact-teacher-photo.placeholder{
    display:grid;
    place-items:center;
    font-size:13px;
  }

  body[data-active-menu="teachers"] .compact-teacher-person > div{
    min-width:0;
  }

  body[data-active-menu="teachers"] .compact-teacher-name{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13px;
    line-height:1.3;
  }

  body[data-active-menu="teachers"] .compact-teacher-person div > span{
    display:block;
    margin-top:5px;
    max-width:100%;
    overflow:hidden;
    color:#74637a;
    font-size:9px;
    line-height:1.35;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  body[data-active-menu="teachers"] .teacher-role-info,
  body[data-active-menu="teachers"] .teacher-contact-info,
  body[data-active-menu="teachers"] .teacher-class-info{
    min-width:0;
    display:block;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body[data-active-menu="teachers"] .teacher-role-info > span,
  body[data-active-menu="teachers"] .teacher-contact-info > span,
  body[data-active-menu="teachers"] .teacher-class-info > span{
    display:none!important;
  }

  body[data-active-menu="teachers"] .teacher-role-info > strong,
  body[data-active-menu="teachers"] .teacher-contact-info > strong,
  body[data-active-menu="teachers"] .teacher-class-info > strong,
  body[data-active-menu="teachers"] .teacher-role-info > small,
  body[data-active-menu="teachers"] .teacher-contact-info > small,
  body[data-active-menu="teachers"] .teacher-class-info > small{
    display:block;
    max-width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  body[data-active-menu="teachers"] .teacher-role-info > strong,
  body[data-active-menu="teachers"] .teacher-contact-info > strong,
  body[data-active-menu="teachers"] .teacher-class-info > strong{
    color:#3e2448;
    font-size:11px;
    line-height:1.35;
  }

  body[data-active-menu="teachers"] .teacher-role-info > small,
  body[data-active-menu="teachers"] .teacher-contact-info > small,
  body[data-active-menu="teachers"] .teacher-class-info > small{
    margin-top:5px;
    color:#74637a;
    font-size:9px;
    line-height:1.35;
  }

  body[data-active-menu="teachers"] .compact-teacher-status{
    min-width:0;
    display:flex;
    justify-content:flex-start;
    align-items:center;
  }

  body[data-active-menu="teachers"] .compact-teacher-status .status-pill{
    margin:0;
    white-space:nowrap;
  }

  body[data-active-menu="teachers"] .compact-actions{
    width:100%;
    min-width:0;
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-end;
    align-items:center;
    gap:7px;
  }

  body[data-active-menu="teachers"] .compact-actions > a,
  body[data-active-menu="teachers"] .compact-actions > form{
    flex:0 0 auto;
    margin:0;
  }

  body[data-active-menu="teachers"] .compact-actions form{
    display:block;
  }

  body[data-active-menu="teachers"] .compact-actions .icon-action{
    width:36px;
    height:36px;
    min-width:36px;
    min-height:36px;
  }

  .web-report-nav-link,
  .web-report-action-card{
    position:relative;
    overflow:visible;
  }

  .web-report-badge{
    position:absolute;
    top:10px;
    right:12px;
    z-index:3;
    min-width:24px;
    height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 6px;
    border:2px solid #fff;
    border-radius:999px;
    color:#fff;
    background:#d83f4e;
    box-shadow:0 6px 14px rgba(173,39,53,.28);
    font-style:normal;
    font-size:10px;
    line-height:1;
    font-weight:900;
  }

  .web-report-badge[hidden]{
    display:none!important;
  }

  .web-report-nav-link{
    padding-right:46px!important;
  }

  .web-report-nav-link.has-unread{
    background:#fff9fb;
    border-color:#efcbd0;
  }

  .dashboard-report-badge{
    top:14px;
    right:44px;
  }

  .web-report-action-card.has-unread{
    border-color:#efcbd0;
    box-shadow:0 12px 24px rgba(188,54,68,.10);
  }
}

@media(min-width:761px) and (max-width:1240px){
  body[data-active-menu="teachers"] .compact-teacher-head,
  body[data-active-menu="teachers"] .compact-teacher-row{
    grid-template-columns:
      minmax(220px,1.28fr)
      minmax(155px,.86fr)
      minmax(165px,.9fr)
      minmax(150px,.8fr)
      82px
      minmax(118px,.65fr);
    column-gap:12px;
    padding-left:14px;
    padding-right:14px;
  }

  body[data-active-menu="teachers"] .compact-actions{
    gap:5px;
  }

  body[data-active-menu="teachers"] .compact-actions .icon-action{
    width:34px;
    height:34px;
    min-width:34px;
    min-height:34px;
  }

  .web-report-badge{
    top:9px;
    right:10px;
  }

  .dashboard-report-badge{
    right:38px;
  }
}


/* v3.6.29 - Web öğretmen kartı son hizalama düzeltmesi */
@media(min-width:761px){
  body[data-active-menu="teachers"] .compact-teacher-list{
    overflow-x:hidden;
  }

  body[data-active-menu="teachers"] .compact-teacher-head,
  body[data-active-menu="teachers"] .compact-teacher-row{
    grid-template-columns:
      minmax(200px,1.55fr)
      minmax(145px,1.05fr)
      minmax(155px,1.05fr)
      minmax(170px,1.1fr)
      minmax(76px,.42fr)
      minmax(116px,.72fr);
    column-gap:14px;
  }

  body[data-active-menu="teachers"] .compact-teacher-row{
    overflow:hidden;
  }

  body[data-active-menu="teachers"] .compact-teacher-person{
    align-items:center;
  }

  body[data-active-menu="teachers"] .compact-teacher-name{
    font-size:12px;
  }

  body[data-active-menu="teachers"] .compact-teacher-person div > span{
    font-size:8.5px;
  }

  body[data-active-menu="teachers"] .teacher-role-info,
  body[data-active-menu="teachers"] .teacher-contact-info,
  body[data-active-menu="teachers"] .teacher-class-info,
  body[data-active-menu="teachers"] .compact-teacher-status,
  body[data-active-menu="teachers"] .compact-actions{
    justify-self:stretch;
    align-self:center;
  }

  body[data-active-menu="teachers"] .teacher-role-info > strong,
  body[data-active-menu="teachers"] .teacher-contact-info > strong,
  body[data-active-menu="teachers"] .teacher-class-info > strong{
    white-space:normal;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    line-height:1.25;
    min-height:calc(1.25em * 2);
  }

  body[data-active-menu="teachers"] .teacher-role-info > small,
  body[data-active-menu="teachers"] .teacher-contact-info > small,
  body[data-active-menu="teachers"] .teacher-class-info > small{
    white-space:normal;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    line-height:1.25;
    min-height:calc(1.25em * 2);
  }

  body[data-active-menu="teachers"] .teacher-class-info > strong{
    word-break:break-word;
  }

  body[data-active-menu="teachers"] .compact-teacher-status{
    justify-content:center;
  }

  body[data-active-menu="teachers"] .compact-actions{
    justify-content:flex-end;
    gap:6px;
  }

  body[data-active-menu="teachers"] .compact-actions .icon-action{
    width:34px;
    height:34px;
    min-width:34px;
    min-height:34px;
  }
}

@media(min-width:761px) and (max-width:1360px){
  body[data-active-menu="teachers"] .compact-teacher-head,
  body[data-active-menu="teachers"] .compact-teacher-row{
    grid-template-columns:
      minmax(180px,1.45fr)
      minmax(125px,1fr)
      minmax(135px,1fr)
      minmax(145px,1fr)
      minmax(70px,.42fr)
      minmax(108px,.68fr);
    column-gap:10px;
    padding-left:12px;
    padding-right:12px;
  }

  body[data-active-menu="teachers"] .compact-teacher-head{
    font-size:11px;
  }

  body[data-active-menu="teachers"] .compact-teacher-name{
    font-size:11.5px;
  }

  body[data-active-menu="teachers"] .teacher-role-info > strong,
  body[data-active-menu="teachers"] .teacher-contact-info > strong,
  body[data-active-menu="teachers"] .teacher-class-info > strong{
    font-size:10px;
  }

  body[data-active-menu="teachers"] .teacher-role-info > small,
  body[data-active-menu="teachers"] .teacher-contact-info > small,
  body[data-active-menu="teachers"] .teacher-class-info > small,
  body[data-active-menu="teachers"] .compact-teacher-person div > span{
    font-size:8px;
  }

  body[data-active-menu="teachers"] .compact-actions .icon-action{
    width:32px;
    height:32px;
    min-width:32px;
    min-height:32px;
  }
}


/* v3.6.33 - Tüm mobil PDF seçenekleri için ortak yön penceresi */
.pdf-launch-picker{
  display:none;
}

@media(max-width:760px){
  body.pdf-launch-picker-open{
    overflow:hidden!important;
  }

  .pdf-launch-picker{
    position:fixed;
    z-index:1300;
    inset:0;
    display:block;
  }

  .pdf-launch-picker[hidden]{
    display:none!important;
  }

  .pdf-launch-picker-backdrop{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    padding:0;
    border:0;
    background:rgba(24,12,29,.55);
    backdrop-filter:blur(3px);
  }

  .pdf-launch-picker-panel{
    position:absolute;
    right:10px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    left:10px;
    max-height:calc(100vh - 24px);
    overflow:auto;
    padding:10px 12px 12px;
    border:1px solid #ded3e1;
    border-radius:20px;
    outline:0;
    background:#fff;
    box-shadow:0 24px 60px rgba(28,10,35,.28);
  }

  .pdf-launch-picker-handle{
    width:42px;
    height:4px;
    margin:0 auto 10px;
    border-radius:999px;
    background:#d8cbdc;
  }

  .pdf-launch-picker-header{
    display:grid;
    grid-template-columns:minmax(0,1fr) 34px;
    gap:10px;
    align-items:start;
    margin-bottom:12px;
  }

  .pdf-launch-picker-header > div{
    min-width:0;
  }

  .pdf-launch-picker-header .overline{
    display:block;
    margin-bottom:3px;
    color:#76587f;
    font-size:8px;
    line-height:1.2;
    font-weight:900;
  }

  .pdf-launch-picker-header h2{
    margin:0;
    color:#35143f;
    font-size:17px;
    line-height:1.2;
  }

  .pdf-launch-picker-header p{
    margin:4px 0 0;
    color:#76677b;
    font-size:9px;
    line-height:1.4;
  }

  .pdf-launch-picker-close{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid #ddd1e1;
    border-radius:10px;
    color:#5e3869;
    background:#faf7fb;
    font-size:20px;
    line-height:1;
  }

  .pdf-launch-picker-options{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .pdf-launch-orientation-button{
    min-width:0;
    min-height:106px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:10px 8px;
    border:1px solid #dfd3e3;
    border-radius:14px;
    color:#4f3159;
    background:#fcf9fd;
    text-align:center;
    font:inherit;
  }

  .pdf-launch-orientation-button.active{
    color:#fff;
    border-color:#6f2f89;
    background:linear-gradient(145deg,#74408a,#512060);
    box-shadow:0 8px 18px rgba(82,30,99,.20);
  }

  .pdf-launch-page-shape{
    display:block;
    border:2px solid currentColor;
    border-radius:4px;
    background:rgba(255,255,255,.15);
  }

  .pdf-launch-page-shape.portrait{
    width:28px;
    height:39px;
  }

  .pdf-launch-page-shape.landscape{
    width:42px;
    height:29px;
  }

  .pdf-launch-orientation-button strong,
  .pdf-launch-orientation-button small{
    display:block;
  }

  .pdf-launch-orientation-button strong{
    font-size:12px;
    line-height:1.2;
  }

  .pdf-launch-orientation-button small{
    margin-top:3px;
    color:inherit;
    opacity:.78;
    font-size:8px;
    line-height:1.3;
  }

  .pdf-launch-picker-cancel{
    width:100%;
    min-height:40px;
    margin-top:8px;
    padding:0 12px;
    border:1px solid #ddd1e1;
    border-radius:11px;
    color:#5f4566;
    background:#fff;
    font-size:10px;
    line-height:1;
    font-weight:800;
  }
}


/* v3.6.36 - Mobil PDF ara yön penceresi kaldırıldı */
.pdf-launch-picker,
.pdf-launch-picker-backdrop,
.pdf-launch-picker-panel{
  display:none!important;
}

@media(max-width:760px){
  body.pdf-launch-picker-open{
    overflow:auto!important;
  }
}


/* v3.6.37 - Tüm mobil sekmelerde kompakt üst başlık modülü */
@media(max-width:760px){

  /*
   * Ana sayfa kendi özel yapısını kullanır.
   * Diğer tüm modüllerin üst başlık kartı aynı kompakt ölçüye çekilir.
   */
  body:not([data-active-menu="dashboard"]) .topbar{
    min-height:0!important;
    margin:0 0 10px!important;
    padding:12px 13px!important;
    gap:9px!important;
    border-radius:15px!important;
    box-sizing:border-box!important;
  }

  body:not([data-active-menu="dashboard"]) .topbar > div:first-child{
    min-width:0!important;
  }

  body:not([data-active-menu="dashboard"]) .topbar .overline{
    display:block!important;
    margin:0 0 3px!important;
    font-size:8px!important;
    line-height:1.1!important;
    letter-spacing:.12em!important;
  }

  body:not([data-active-menu="dashboard"]) .topbar h1,
  body:not([data-active-menu="dashboard"]) .dashboard-topbar h1{
    margin:0!important;
    font-size:25px!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
  }

  body:not([data-active-menu="dashboard"]) .topbar p{
    margin:4px 0 0!important;
    font-size:9px!important;
    line-height:1.35!important;
  }

  /* Üst başlık içindeki genel işlem alanı */
  body:not([data-active-menu="dashboard"]) .topbar .header-actions{
    width:100%!important;
    margin-top:7px!important;
    gap:6px!important;
  }

  body:not([data-active-menu="dashboard"]) .topbar .header-actions .btn,
  body:not([data-active-menu="dashboard"]) .topbar > .btn{
    min-height:40px!important;
    height:40px!important;
    padding:0 9px!important;
    border-radius:10px!important;
    font-size:8.5px!important;
    line-height:1.1!important;
  }

  /* Öğrenciler */
  body[data-active-menu="students"] .student-header-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:7px!important;
  }

  body[data-active-menu="students"] .student-header-actions .btn{
    min-height:40px!important;
    height:40px!important;
    padding:5px 7px!important;
    border-radius:10px!important;
    font-size:8.5px!important;
  }

  /* Öğretmenler */
  body[data-active-menu="teachers"] .teacher-header-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:7px!important;
  }

  body[data-active-menu="teachers"] .teacher-header-actions .btn{
    min-height:40px!important;
    height:40px!important;
    padding:5px 7px!important;
    border-radius:10px!important;
    font-size:8.5px!important;
  }

  /* Kullanıcılar */
  body[data-active-menu="users"] .user-header-actions{
    margin-top:7px!important;
  }

  body[data-active-menu="users"] .user-header-actions .btn{
    min-height:40px!important;
    height:40px!important;
    border-radius:10px!important;
    font-size:8.5px!important;
  }

  /* Bildirimler */
  body[data-active-menu="reports"] .report-header-actions,
  body[data-active-menu="reports"] .report-detail-actions{
    gap:6px!important;
    margin-top:7px!important;
  }

  body[data-active-menu="reports"] .report-header-actions .btn,
  body[data-active-menu="reports"] .report-detail-actions .btn{
    min-height:40px!important;
    height:40px!important;
    padding:5px 7px!important;
    border-radius:10px!important;
    font-size:8.5px!important;
  }

  /* Kurumsal */
  body[data-active-menu="corporate"] .corporate-topbar .corporate-edit-button{
    min-height:40px!important;
    height:40px!important;
    margin-top:7px!important;
    border-radius:10px!important;
    font-size:8.5px!important;
  }

  /* Başlığın hemen üzerindeki ortak geri düğmesini de biraz küçült */
  .mobile-page-back-wrap{
    margin-bottom:8px!important;
  }

  .mobile-page-back{
    min-height:34px!important;
    height:34px!important;
    padding:0 10px!important;
    border-radius:10px!important;
  }

  .mobile-page-back > span{
    font-size:16px!important;
  }

  .mobile-page-back > strong{
    font-size:8.5px!important;
  }
}

@media(max-width:360px){
  body:not([data-active-menu="dashboard"]) .topbar{
    padding:11px 12px!important;
  }

  body:not([data-active-menu="dashboard"]) .topbar h1{
    font-size:23px!important;
  }
}


/* v3.6.38 - Genel Arama kayıt türlerini renklerle ayır */
.search-entity-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  margin:0 0 5px;
  padding:3px 7px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
  box-sizing:border-box;
}

.search-entity-chip-student{
  color:#1f5f99;
  border-color:#c6daf0;
  background:#eaf3fd;
}

.search-entity-chip-parent{
  color:#9b3048;
  border-color:#efc9d2;
  background:#fff0f3;
}

.search-entity-chip-teacher{
  color:#6b2d7f;
  border-color:#dfcce7;
  background:#f5ecf8;
}

.search-entity-chip-class{
  color:#8a5a13;
  border-color:#ecd6af;
  background:#fff5e2;
}

/* Web arama kartlarının tür kimliği */
@media(min-width:761px){
  .search-result-section--students .unified-search-card{
    border-left:4px solid #356da8!important;
  }

  .search-result-section--parents .unified-search-card{
    border-left:4px solid #c64c67!important;
    background:linear-gradient(90deg,#fff8fa 0,#fff 18%)!important;
  }

  .search-result-section--teachers .unified-search-card{
    border-left:4px solid #713487!important;
  }

  .search-result-section--classes .unified-search-card{
    border-left:4px solid #bd8527!important;
  }

  .search-result-section--students .search-result-avatar{
    color:#fff!important;
    background:#356da8!important;
  }

  .search-result-section--parents .parent-search-avatar{
    color:#fff!important;
    background:#c64c67!important;
  }

  .search-result-section--teachers .search-result-avatar{
    color:#fff!important;
    background:#713487!important;
  }

  .search-result-section--classes .search-class-code{
    color:#fff!important;
    background:#bd8527!important;
  }

  .search-result-section--parents .search-section-head{
    border-color:#efcbd3!important;
    background:#fff7f9!important;
  }

  .search-result-section--parents .search-section-head .overline,
  .search-result-section--parents .search-section-head h2{
    color:#8e3045!important;
  }

  .search-result-section--parents .search-section-head > strong{
    color:#9b3048!important;
    border-color:#efc9d2!important;
    background:#fff0f3!important;
  }

  /* Arama tür sekmeleri */
  .web-search-type-tab.search-type-students.active{
    color:#1f5f99!important;
    border-color:#c6daf0!important;
    background:#eaf3fd!important;
  }

  .web-search-type-tab.search-type-parents.active{
    color:#9b3048!important;
    border-color:#efc9d2!important;
    background:#fff0f3!important;
  }

  .web-search-type-tab.search-type-teachers.active{
    color:#6b2d7f!important;
    border-color:#dfcce7!important;
    background:#f5ecf8!important;
  }

  .web-search-type-tab.search-type-classes.active{
    color:#8a5a13!important;
    border-color:#ecd6af!important;
    background:#fff5e2!important;
  }
}

/* Mobil arama kartlarında tür ayrımı */
@media(max-width:760px){
  .search-result-section .unified-search-card > .search-result-main .search-entity-chip,
  .search-result-section .unified-search-card > .search-class-main .search-entity-chip{
    display:inline-flex!important;
    margin:0 0 4px!important;
    padding:3px 6px!important;
    font-size:7px!important;
    line-height:1!important;
  }

  .search-result-section--students .unified-search-card{
    border-left-color:#356da8!important;
  }

  .search-result-section--parents .unified-search-card{
    border-left-color:#c64c67!important;
    background:linear-gradient(90deg,#fff8fa 0,#fff 30%)!important;
  }

  .search-result-section--teachers .unified-search-card{
    border-left-color:#713487!important;
  }

  .search-result-section--classes .unified-search-card{
    border-left-color:#bd8527!important;
  }

  .search-result-section--students .unified-search-card > .search-result-avatar{
    background:#356da8!important;
  }

  .search-result-section--parents .unified-search-card > .parent-search-avatar{
    background:#c64c67!important;
  }

  .search-result-section--teachers .unified-search-card > .search-result-avatar{
    background:#713487!important;
  }

  .search-result-section--classes .unified-search-card > .search-class-code{
    background:#bd8527!important;
  }

  /* Veli bölümünün başlığı da öğrenci bölümünden net ayrı */
  .search-result-section--parents .search-section-head{
    border-color:#efcbd3!important;
    background:#fff5f7!important;
  }

  .search-result-section--parents .search-section-head .overline,
  .search-result-section--parents .search-section-head h2{
    color:#8e3045!important;
  }

  .search-result-section--parents .search-section-head > strong{
    color:#9b3048!important;
    background:#ffe8ed!important;
  }

  /* Öğrenci bölüm kimliği */
  .search-result-section--students .search-section-head{
    background:#f5f9fe!important;
  }

  .search-result-section--students .search-section-head .overline,
  .search-result-section--students .search-section-head h2{
    color:#245f97!important;
  }

  .search-result-section--students .search-section-head > strong{
    color:#245f97!important;
    background:#e9f3fd!important;
  }

  /*
   * Veri kutularındaki mavi / yeşil / turuncu düzen korunur.
   * Böylece renkler veri türünü, kartın sol kenarı/avatar/etiketi ise
   * kaydın Öğrenci-Veli-Öğretmen-Sınıf türünü gösterir.
   */
}

/* Çok küçük ekranda tür etiketi ad alanını taşırmasın */
@media(max-width:360px){
  .search-entity-chip{
    padding:2px 5px!important;
    font-size:6.5px!important;
  }
}


/* ======================================================================
   v3.6.39 - Mobil tasarım iyileştirmelerinin WEB sürüme uyarlanması
   Bu katman yalnızca 761px ve üzeri ekranlarda çalışır.
   Mobil kurallara dokunulmaz.
   ====================================================================== */
@media(min-width:761px){

  /* --------------------------------------------------------------
     1) Ortak üst başlıklar: mobildeki kompakt yaklaşımın web karşılığı
     -------------------------------------------------------------- */
  body:not([data-active-menu="dashboard"]) .topbar{
    min-height:0!important;
    padding:18px 20px!important;
    gap:16px!important;
    border-radius:20px!important;
    box-sizing:border-box!important;
  }

  body:not([data-active-menu="dashboard"]) .topbar .overline{
    margin-bottom:4px!important;
    font-size:10px!important;
    letter-spacing:.11em!important;
  }

  body:not([data-active-menu="dashboard"]) .topbar h1{
    margin:0!important;
    font-size:34px!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }

  body:not([data-active-menu="dashboard"]) .topbar p{
    margin:5px 0 0!important;
    font-size:11px!important;
    line-height:1.4!important;
  }

  body:not([data-active-menu="dashboard"]) .topbar .header-actions{
    gap:8px!important;
  }

  body:not([data-active-menu="dashboard"]) .topbar .header-actions .btn,
  body:not([data-active-menu="dashboard"]) .topbar > .btn{
    min-height:44px!important;
    height:44px!important;
    padding:0 15px!important;
    border-radius:12px!important;
    font-size:11px!important;
  }

  /* --------------------------------------------------------------
     2) Ortak filtreler
     -------------------------------------------------------------- */
  body[data-active-menu="students"] .student-filter,
  body[data-active-menu="teachers"] .teacher-filter,
  body[data-active-menu="classes"] .class-filter-bar,
  body[data-active-menu="users"] .user-filter,
  body[data-active-menu="reports"] .report-filter-bar{
    gap:9px!important;
    padding:12px!important;
    border-radius:17px!important;
    box-shadow:0 7px 20px rgba(55,21,67,.055)!important;
  }

  body[data-active-menu="students"] .student-filter input,
  body[data-active-menu="students"] .student-filter select,
  body[data-active-menu="teachers"] .teacher-filter input,
  body[data-active-menu="teachers"] .teacher-filter select,
  body[data-active-menu="classes"] .class-filter-bar input,
  body[data-active-menu="classes"] .class-filter-bar select,
  body[data-active-menu="users"] .user-filter input,
  body[data-active-menu="users"] .user-filter select,
  body[data-active-menu="reports"] .report-filter-bar input,
  body[data-active-menu="reports"] .report-filter-bar select{
    min-height:44px!important;
    height:44px!important;
    border-radius:11px!important;
    font-size:11px!important;
  }

  body[data-active-menu="students"] .student-filter .btn,
  body[data-active-menu="teachers"] .teacher-filter .btn,
  body[data-active-menu="classes"] .class-filter-bar .btn,
  body[data-active-menu="users"] .user-filter .btn,
  body[data-active-menu="reports"] .report-filter-bar .btn{
    min-height:44px!important;
    height:44px!important;
    border-radius:11px!important;
    font-size:11px!important;
  }

  /* --------------------------------------------------------------
     3) Öğrenciler: mobildeki mavi/yeşil/turuncu bilgi dilini web tabloya taşı
     -------------------------------------------------------------- */
  body[data-active-menu="students"] .compact-student-list{
    border-radius:18px!important;
    overflow:hidden!important;
    box-shadow:0 7px 20px rgba(55,21,67,.05)!important;
  }

  body[data-active-menu="students"] .compact-student-head{
    background:#f1e7f4!important;
  }

  body[data-active-menu="students"] .compact-student-row{
    min-height:94px!important;
    border-bottom-color:#eee5f0!important;
    background:#fff!important;
  }

  body[data-active-menu="students"] .compact-student-row:hover{
    background:#fffafd!important;
  }

  body[data-active-menu="students"] .compact-id-info{
    padding:10px 11px!important;
    border:1px solid #cfdef3!important;
    border-radius:11px!important;
    background:#eef5ff!important;
    color:#174e80!important;
  }

  body[data-active-menu="students"] .compact-id-info > strong,
  body[data-active-menu="students"] .compact-id-info > small{
    color:inherit!important;
  }

  body[data-active-menu="students"] .compact-class{
    padding:10px 11px!important;
    border:1px solid #cce8d6!important;
    border-radius:11px!important;
    background:#eef9f2!important;
    color:#155c39!important;
  }

  body[data-active-menu="students"] .compact-class > strong,
  body[data-active-menu="students"] .compact-class > small{
    color:inherit!important;
  }

  body[data-active-menu="students"] .compact-student-status{
    justify-content:center!important;
  }

  /* --------------------------------------------------------------
     4) Öğretmenler: mobil bilgi renkleri webde
     -------------------------------------------------------------- */
  body[data-active-menu="teachers"] .compact-teacher-list{
    border-radius:18px!important;
    overflow:hidden!important;
    box-shadow:0 7px 20px rgba(55,21,67,.05)!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-head{
    background:#f1e7f4!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-row{
    min-height:96px!important;
    background:#fff!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-row:hover{
    background:#fffafd!important;
  }

  body[data-active-menu="teachers"] .teacher-role-info{
    padding:10px 11px!important;
    border:1px solid #cfdef3!important;
    border-radius:11px!important;
    background:#eef5ff!important;
    color:#174e80!important;
  }

  body[data-active-menu="teachers"] .teacher-contact-info{
    padding:10px 11px!important;
    border:1px solid #cce8d6!important;
    border-radius:11px!important;
    background:#eef9f2!important;
    color:#155c39!important;
  }

  body[data-active-menu="teachers"] .teacher-class-info{
    padding:10px 11px!important;
    border:1px solid #efd7b8!important;
    border-radius:11px!important;
    background:#fff5e9!important;
    color:#754309!important;
  }

  body[data-active-menu="teachers"] .teacher-role-info > strong,
  body[data-active-menu="teachers"] .teacher-role-info > small,
  body[data-active-menu="teachers"] .teacher-contact-info > strong,
  body[data-active-menu="teachers"] .teacher-contact-info > small,
  body[data-active-menu="teachers"] .teacher-class-info > strong,
  body[data-active-menu="teachers"] .teacher-class-info > small{
    color:inherit!important;
  }

  /* --------------------------------------------------------------
     5) Sınıflar: aynı mavi/yeşil/turuncu hafıza renkleri
     -------------------------------------------------------------- */
  body[data-active-menu="classes"] .compact-class-list{
    border-radius:18px!important;
    overflow:hidden!important;
    box-shadow:0 7px 20px rgba(55,21,67,.05)!important;
  }

  body[data-active-menu="classes"] .compact-class-head{
    background:#f1e7f4!important;
  }

  body[data-active-menu="classes"] .compact-class-row{
    min-height:92px!important;
    background:#fff!important;
  }

  body[data-active-menu="classes"] .compact-class-row:hover{
    background:#fffafd!important;
  }

  body[data-active-menu="classes"] .mobile-class-info{
    display:block!important;
    min-width:0!important;
    padding:9px 10px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="classes"] .mobile-class-info > span{
    display:block!important;
    margin-bottom:3px!important;
    color:inherit!important;
    font-size:8px!important;
    line-height:1.1!important;
    font-weight:800!important;
    text-transform:uppercase!important;
  }

  body[data-active-menu="classes"] .mobile-class-info > strong,
  body[data-active-menu="classes"] .mobile-class-info > small{
    display:block!important;
    color:inherit!important;
  }

  body[data-active-menu="classes"] .mobile-class-info-blue{
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="classes"] .mobile-class-info-green{
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="classes"] .mobile-class-info-orange{
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  /* Eski ayrı sınıf öğretmeni kolonu webde korunur fakat daha sade */
  body[data-active-menu="classes"] .compact-class-teacher{
    color:#5d4963!important;
    font-size:10px!important;
    line-height:1.35!important;
  }

  /* --------------------------------------------------------------
     6) Kullanıcılar: mobil renkli kart dilini web satırlarına aktar
     -------------------------------------------------------------- */
  body[data-active-menu="users"] .user-list{
    border-radius:18px!important;
    overflow:hidden!important;
    box-shadow:0 7px 20px rgba(55,21,67,.05)!important;
  }

  body[data-active-menu="users"] .user-list-head{
    background:#f1e7f4!important;
  }

  body[data-active-menu="users"] .user-list-row{
    min-height:94px!important;
    background:#fff!important;
  }

  body[data-active-menu="users"] .user-list-row:hover{
    background:#fffafd!important;
  }

  body[data-active-menu="users"] .desktop-user-role{
    display:none!important;
  }

  body[data-active-menu="users"] .mobile-user-role,
  body[data-active-menu="users"] .mobile-user-account{
    display:block!important;
  }

  body[data-active-menu="users"] .user-list-head,
  body[data-active-menu="users"] .user-list-row{
    grid-template-columns:
      minmax(230px,1.25fr)
      minmax(155px,.8fr)
      minmax(170px,.85fr)
      minmax(210px,1fr)
      90px
      minmax(120px,.65fr)!important;
  }

  body[data-active-menu="users"] .user-list-head{
    grid-template-areas:none!important;
  }

  body[data-active-menu="users"] .user-list-head span:nth-child(1)::after{
    content:"";
  }

  body[data-active-menu="users"] .mobile-user-info{
    min-width:0!important;
    padding:9px 10px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="users"] .mobile-user-info > span,
  body[data-active-menu="users"] .mobile-user-info > strong,
  body[data-active-menu="users"] .mobile-user-info > small{
    display:block!important;
  }

  body[data-active-menu="users"] .mobile-user-info > span{
    margin-bottom:3px!important;
    font-size:8px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
  }

  body[data-active-menu="users"] .mobile-user-info-blue{
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="users"] .mobile-user-info-green{
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="users"] .mobile-user-info-orange{
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="users"] .mobile-user-info > strong,
  body[data-active-menu="users"] .mobile-user-info > small{
    color:inherit!important;
  }

  /* Web başlığını yeni 6 kolon yapısına göre güncelle */
  body[data-active-menu="users"] .user-list-head span:nth-child(1){grid-column:1}
  body[data-active-menu="users"] .user-list-head span:nth-child(2){grid-column:2}
  body[data-active-menu="users"] .user-list-head span:nth-child(3){grid-column:5}
  body[data-active-menu="users"] .user-list-head span:nth-child(4){grid-column:4}
  body[data-active-menu="users"] .user-list-head span:nth-child(5){grid-column:6}

  body[data-active-menu="users"] .user-list-head::after{
    content:"Kullanıcı ID";
    grid-column:3;
    grid-row:1;
    align-self:center;
    color:#5d4963;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
  }

  /* --------------------------------------------------------------
     7) Hata bildirimleri: mobil renk dili + okunmamış vurgusu webde
     -------------------------------------------------------------- */
  body[data-active-menu="reports"] .report-list{
    border-radius:18px!important;
    overflow:hidden!important;
    box-shadow:0 7px 20px rgba(55,21,67,.05)!important;
  }

  body[data-active-menu="reports"] .report-list-head{
    background:#f1e7f4!important;
  }

  body[data-active-menu="reports"] .report-list-row{
    background:#fff!important;
  }

  body[data-active-menu="reports"] .report-list-row:hover{
    background:#fffafd!important;
  }

  body[data-active-menu="reports"] .report-list-row-unread{
    border-left:4px solid #d83f4e!important;
    background:linear-gradient(90deg,#fff8fa 0,#fff 18%)!important;
  }

  body[data-active-menu="reports"] .report-unread-label{
    display:inline-flex!important;
    margin:0 0 5px!important;
    padding:3px 7px!important;
    border-radius:999px!important;
    color:#fff!important;
    background:#d83f4e!important;
    font-size:8px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
  }

  body[data-active-menu="reports"] .mobile-report-info{
    min-width:0!important;
    padding:9px 10px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="reports"] .mobile-report-info-green{
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="reports"] .mobile-report-info-blue{
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="reports"] .mobile-report-info-orange{
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="reports"] .mobile-report-info strong,
  body[data-active-menu="reports"] .mobile-report-info span{
    color:inherit!important;
  }

  /* --------------------------------------------------------------
     8) Öğrenci profili: mobildeki renk kodlaması webde daha belirgin
     -------------------------------------------------------------- */
  body[data-active-menu="students"] .student-profile{
    gap:16px!important;
  }

  body[data-active-menu="students"] .profile-photo-panel{
    border-radius:18px!important;
    box-shadow:0 7px 20px rgba(55,21,67,.055)!important;
  }

  body[data-active-menu="students"] .profile-photo-large{
    max-width:150px!important;
    max-height:185px!important;
  }

  body[data-active-menu="students"] .profile-color-section{
    border-radius:18px!important;
    box-shadow:0 7px 20px rgba(55,21,67,.045)!important;
  }

  body[data-active-menu="students"] .profile-info-card{
    border-radius:12px!important;
  }

  body[data-active-menu="students"] .profile-info-school{
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="students"] .profile-info-personal{
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="students"] .profile-info-contact{
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="students"] .profile-info-card span,
  body[data-active-menu="students"] .profile-info-card strong,
  body[data-active-menu="students"] .profile-info-card a{
    color:inherit!important;
  }

  body[data-active-menu="students"] .profile-family-card{
    border-color:#dfd0ea!important;
    background:#f8f2fa!important;
  }

  body[data-active-menu="students"] .profile-teacher-card{
    border-color:#cce8d6!important;
    background:#f5fbf7!important;
  }

  /* --------------------------------------------------------------
     9) Öğretmen profili
     -------------------------------------------------------------- */
  body[data-active-menu="teachers"] .teacher-profile-color-section{
    border-radius:18px!important;
    box-shadow:0 7px 20px rgba(55,21,67,.045)!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-info-professional{
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-info-contact{
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-info-official{
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-info-card span,
  body[data-active-menu="teachers"] .teacher-profile-info-card strong,
  body[data-active-menu="teachers"] .teacher-profile-info-card a{
    color:inherit!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-assignment-card{
    border-color:#dfd0ea!important;
    background:#f8f2fa!important;
  }

  /* --------------------------------------------------------------
     10) Sınıf detay: listeler daha okunabilir ve renkli
     -------------------------------------------------------------- */
  body[data-active-menu="classes"] .class-detail-panel{
    border-radius:18px!important;
    box-shadow:0 7px 20px rgba(55,21,67,.045)!important;
  }

  body[data-active-menu="classes"] .class-student-item{
    border-left:3px solid #356da8!important;
    border-radius:11px!important;
    background:#f8fbff!important;
  }

  body[data-active-menu="classes"] .class-teacher-item{
    border-left:3px solid #713487!important;
    border-radius:11px!important;
    background:#fcf8fd!important;
  }

  body[data-active-menu="classes"] .class-student-avatar{
    color:#fff!important;
    background:#356da8!important;
  }

  /* --------------------------------------------------------------
     11) Hesabım: mobildeki 4 renkli bilgi kartı webde
     -------------------------------------------------------------- */
  body[data-active-menu="account"] .mobile-account-layout{
    gap:16px!important;
  }

  body[data-active-menu="account"] .mobile-account-summary{
    border-radius:18px!important;
    box-shadow:0 7px 20px rgba(55,21,67,.055)!important;
  }

  body[data-active-menu="account"] .mobile-account-details{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:9px!important;
  }

  body[data-active-menu="account"] .account-detail-card{
    padding:12px!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
  }

  body[data-active-menu="account"] .account-detail-blue{
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="account"] .account-detail-green{
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="account"] .account-detail-orange{
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="account"] .account-detail-purple{
    color:#512361!important;
    border-color:#dfd0ea!important;
    background:#f5effa!important;
  }

  body[data-active-menu="account"] .account-detail-card dt,
  body[data-active-menu="account"] .account-detail-card dd{
    color:inherit!important;
  }

  body[data-active-menu="account"] .mobile-account-password-card{
    border-radius:18px!important;
  }

  body[data-active-menu="account"] .account-password-field{
    padding:11px!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
  }

  body[data-active-menu="account"] .account-password-current{
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="account"] .account-password-new{
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="account"] .account-password-confirm{
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  /* --------------------------------------------------------------
     12) Kurumsal: mobil renk mantığının web karşılığı
     -------------------------------------------------------------- */
  body[data-active-menu="corporate"] .mobile-corporate-hero,
  body[data-active-menu="corporate"] .corporate-card{
    border-radius:18px!important;
    box-shadow:0 7px 20px rgba(55,21,67,.045)!important;
  }

  body[data-active-menu="corporate"] .corporate-info-list > div{
    padding:10px 11px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
  }

  body[data-active-menu="corporate"] .corporate-contact-card .corporate-info-list > div{
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="corporate"] .corporate-contact-card .corporate-info-list > div.full{
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="corporate"] .corporate-units-card .corporate-info-list > div:nth-child(4n+1){
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="corporate"] .corporate-units-card .corporate-info-list > div:nth-child(4n+2){
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="corporate"] .corporate-units-card .corporate-info-list > div:nth-child(4n+3){
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="corporate"] .corporate-units-card .corporate-info-list > div:nth-child(4n){
    color:#512361!important;
    border-color:#dfd0ea!important;
    background:#f5effa!important;
  }

  body[data-active-menu="corporate"] .management-person{
    border-radius:11px!important;
  }

  body[data-active-menu="corporate"] .management-person:nth-child(3n+1){
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="corporate"] .management-person:nth-child(3n+2){
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="corporate"] .management-person:nth-child(3n){
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="corporate"] .corporate-tax-card .corporate-info-list > div{
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="corporate"] .corporate-social-card .corporate-info-list > div{
    color:#512361!important;
    border-color:#dfd0ea!important;
    background:#f5effa!important;
  }

  /* Kurumsal düzenleme formu */
  body[data-active-menu="corporate"] .corporate-edit-card{
    border-radius:18px!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-school-card{
    border-color:#cfdef3!important;
    background:#f8fbff!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-units-card{
    border-color:#cce8d6!important;
    background:#f8fdf9!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-management-card{
    border-color:#efd7b8!important;
    background:#fffaf4!important;
  }

  body[data-active-menu="corporate"] .corporate-edit-other-card{
    border-color:#dfd0ea!important;
    background:#fdfafd!important;
  }

  /* --------------------------------------------------------------
     13) Bildirim detay: renkli bilgi kartları webde
     -------------------------------------------------------------- */
  body[data-active-menu="reports"] .mobile-report-detail-blue{
    border-color:#cfdef3!important;
    background:#f8fbff!important;
  }

  body[data-active-menu="reports"] .mobile-report-detail-green{
    border-color:#cce8d6!important;
    background:#f8fdf9!important;
  }

  body[data-active-menu="reports"] .report-meta-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }

  body[data-active-menu="reports"] .report-meta-list > div{
    padding:10px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
  }

  body[data-active-menu="reports"] .report-meta-list > div:nth-child(4n+1),
  body[data-active-menu="reports"] .report-meta-list > div:nth-child(4n+2){
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="reports"] .report-meta-list > div:nth-child(4n+3){
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="reports"] .report-meta-list > div:nth-child(4n){
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="reports"] .mobile-report-admin-form{
    border-color:#dfd0ea!important;
    background:#fbf7fc!important;
  }
}

/* Daha dar masaüstü / tablet yatay görünümünde taşma kontrolü */
@media(min-width:761px) and (max-width:1180px){
  body:not([data-active-menu="dashboard"]) .topbar h1{
    font-size:30px!important;
  }

  body[data-active-menu="account"] .mobile-account-details{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body[data-active-menu="reports"] .report-meta-list{
    grid-template-columns:1fr!important;
  }
}


/* v3.6.40 - Web Sınıflar istatistik kutularını eşitle */
@media(min-width:761px){

  /*
   * Web tablosunda sütun başlığı zaten bulunduğu için renkli kutuların
   * içindeki Öğrenci / Öğretmen / Kız-Erkek başlıkları tekrarlanmaz.
   */
  body[data-active-menu="classes"] .compact-class-row .mobile-class-info > span{
    display:none!important;
  }

  /*
   * Sınıf öğretmeni adı ayrı "Sınıf Öğretmeni" kolonunda gösterildiğinden
   * yeşil öğretmen sayısı kutusunun içine tekrar sokulmaz.
   */
  body[data-active-menu="classes"] .compact-class-row .mobile-class-teacher-name{
    display:none!important;
  }

  body[data-active-menu="classes"] .compact-class-row .mobile-class-info{
    width:100%!important;
    min-width:0!important;
    min-height:62px!important;
    height:62px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:3px!important;
    margin:0!important;
    padding:9px 11px!important;
    border-width:1px!important;
    border-style:solid!important;
    border-radius:12px!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  body[data-active-menu="classes"] .compact-class-row .mobile-class-info > strong{
    display:block!important;
    width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    color:inherit!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="classes"] .compact-class-row .mobile-class-info > small{
    display:block!important;
    width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    color:inherit!important;
    opacity:.72!important;
    font-size:8.5px!important;
    line-height:1.25!important;
    font-weight:700!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="classes"] .compact-class-row .mobile-class-info-blue{
    color:#205f96!important;
    border-color:#c9dcf1!important;
    background:#f0f6fd!important;
  }

  body[data-active-menu="classes"] .compact-class-row .mobile-class-info-green{
    color:#246545!important;
    border-color:#cee8d7!important;
    background:#f0f9f3!important;
  }

  body[data-active-menu="classes"] .compact-class-row .mobile-class-info-orange{
    color:#805013!important;
    border-color:#ecd8b8!important;
    background:#fff7eb!important;
  }

  /*
   * Üç bilgi kolonu aynı genişlik karakterine sahip olsun; kalan alan sınıf
   * adı ve öğretmen adına bırakılır.
   */
  body[data-active-menu="classes"] .compact-class-head,
  body[data-active-menu="classes"] .compact-class-row{
    grid-template-columns:
      minmax(190px,1.35fr)
      minmax(92px,.55fr)
      minmax(92px,.55fr)
      minmax(105px,.62fr)
      minmax(165px,1fr)
      82px
      minmax(150px,.82fr)!important;
    column-gap:12px!important;
    align-items:center!important;
  }

  body[data-active-menu="classes"] .compact-class-teacher{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    color:#4f3d55!important;
    font-size:10px!important;
    line-height:1.35!important;
    font-weight:700!important;
    white-space:normal!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }

  body[data-active-menu="classes"] .compact-class-status{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body[data-active-menu="classes"] .compact-class-row{
    min-height:88px!important;
  }
}

@media(min-width:761px) and (max-width:1180px){
  body[data-active-menu="classes"] .compact-class-head,
  body[data-active-menu="classes"] .compact-class-row{
    grid-template-columns:
      minmax(165px,1.25fr)
      82px
      82px
      92px
      minmax(140px,.95fr)
      74px
      minmax(132px,.8fr)!important;
    column-gap:9px!important;
  }

  body[data-active-menu="classes"] .compact-class-row .mobile-class-info{
    min-height:58px!important;
    height:58px!important;
    padding:8px 9px!important;
  }

  body[data-active-menu="classes"] .compact-class-row .mobile-class-info > strong{
    font-size:16px!important;
  }

  body[data-active-menu="classes"] .compact-class-row .mobile-class-info > small{
    font-size:8px!important;
  }
}


/* v3.6.44 - Mobil ana sayfa kartlarında daire yerine köşe vurgu çizgileri */
@media(max-width:760px){
  body[data-active-menu="dashboard"] .mobile-home-card::after{
    content:""!important;
    position:absolute!important;
    top:49px!important;
    right:12px!important;
    width:34px!important;
    height:23px!important;
    border-radius:0!important;
    background:
      linear-gradient(90deg,rgba(111,47,137,.16),rgba(111,47,137,.035))
        right top / 34px 3px no-repeat,
      linear-gradient(90deg,rgba(111,47,137,.12),rgba(111,47,137,.025))
        right 9px / 24px 3px no-repeat,
      linear-gradient(90deg,rgba(111,47,137,.08),rgba(111,47,137,.018))
        right 18px / 14px 3px no-repeat!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }

  /*
   * Sağ üst bilgi rozeti çizgilerin üzerinde kalır.
   */
  body[data-active-menu="dashboard"] .mobile-home-card-badge{
    z-index:3!important;
  }
}


/* v3.6.49 - Personel yalnızca Genel Arama */
@media(min-width:761px){
  body.viewer-role[data-active-menu="search"] .main{
    max-width:1180px;
    margin:0 auto;
  }

  body.viewer-role[data-active-menu="search"] .topbar{
    border-color:#dfd2e4;
    background:
      radial-gradient(circle at top right,rgba(84,114,161,.08),transparent 30%),
      linear-gradient(145deg,#fff,#faf6fb);
  }
}

@media(max-width:760px){
  body.viewer-role .mobile-menu-button{
    display:none!important;
  }

  body.viewer-role .mobile-brand{
    width:100%;
    text-align:center;
  }

  body.viewer-role .sidebar,
  body.viewer-role .mobile-overlay{
    display:none!important;
  }

  body.viewer-role .app{
    display:block!important;
  }

  body.viewer-role .main{
    width:100%!important;
    padding-left:10px!important;
    padding-right:10px!important;
    padding-bottom:86px!important;
  }

  body.viewer-role[data-active-menu="search"] .mobile-page-back-wrap{
    display:none!important;
  }

  .personnel-bottom-nav{
    grid-template-columns:1fr 1fr!important;
  }

  .personnel-bottom-logout{
    display:block!important;
    margin:0!important;
  }

  .personnel-bottom-logout button{
    width:100%!important;
    min-height:54px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    padding:0!important;
    border:0!important;
    color:#b13d4a!important;
    background:transparent!important;
    font:inherit!important;
  }

  .personnel-bottom-logout button > span:last-child{
    font-size:8px!important;
    font-weight:800!important;
  }
}


/* ======================================================================
   v3.6.50 - Genel Arama: yalnızca ortalanmış arama kartı
   ====================================================================== */
.search-only-stage{
  width:100%;
  min-height:52vh;
  display:grid;
  place-items:center;
  padding:24px 0;
}

.search-only-form{
  width:min(680px,100%);
  margin:0!important;
  padding:0!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.search-only-card{
  position:relative;
  width:100%;
  min-height:78px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:11px 12px 11px 17px;
  border:1px solid #dfd3e3;
  border-radius:24px;
  background:
    radial-gradient(circle at 0 0,rgba(113,52,135,.055),transparent 34%),
    radial-gradient(circle at 100% 100%,rgba(53,109,168,.045),transparent 34%),
    #fff;
  box-shadow:
    0 18px 42px rgba(55,21,67,.09),
    0 3px 10px rgba(55,21,67,.035),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.search-only-card::before{
  content:"";
  position:absolute;
  top:-1px;
  left:56px;
  right:56px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#8c5b9d,#7390b4,transparent);
  opacity:.55;
}

.search-only-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(145deg,#805093,#5d3370);
  box-shadow:0 7px 16px rgba(86,36,101,.18);
}

.search-only-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
}

.search-only-card input[type="search"]{
  width:100%!important;
  min-width:0!important;
  height:54px!important;
  padding:0 8px!important;
  border:0!important;
  outline:0!important;
  color:#3c2943!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:15px!important;
  font-weight:650!important;
}

.search-only-card input[type="search"]::placeholder{
  color:#9b8ca0!important;
  font-weight:550!important;
}

.search-only-card:focus-within{
  border-color:#b99cc3;
  box-shadow:
    0 0 0 4px rgba(113,52,135,.06),
    0 20px 46px rgba(55,21,67,.10);
}

.search-only-submit{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(145deg,#713487,#5a2869);
  box-shadow:0 7px 16px rgba(86,36,101,.17);
  cursor:pointer;
}

.search-only-submit span{
  font-size:19px;
  line-height:1;
}

.search-only-card .live-search-spinner{
  right:70px!important;
}

body[data-active-menu="search"] .live-search-results{
  width:100%;
  margin-top:0;
}

body[data-active-menu="search"] .live-search-results:empty{
  display:none;
}

/* Eski arama görünüm bileşenleri bu sayfada kullanılmaz. */
body[data-active-menu="search"] .web-search-type-tabs,
body[data-active-menu="search"] .live-search-help{
  display:none!important;
}

@media(max-width:760px){
  body.viewer-role[data-active-menu="search"] .mobile-topbar{
    display:none!important;
  }

  body.viewer-role[data-active-menu="search"] .main{
    min-height:calc(100svh - 72px)!important;
    padding-top:0!important;
  }

  .search-only-stage{
    min-height:calc(100svh - 104px);
    padding:18px 2px 86px;
  }

  .search-only-form{
    width:100%;
  }

  .search-only-card{
    min-height:68px;
    gap:9px;
    padding:8px 9px 8px 12px;
    border-radius:20px;
    box-shadow:
      0 14px 30px rgba(55,21,67,.085),
      0 3px 8px rgba(55,21,67,.035);
  }

  .search-only-icon{
    width:38px;
    height:38px;
    flex-basis:38px;
    border-radius:12px;
  }

  .search-only-icon svg{
    width:20px;
    height:20px;
  }

  .search-only-card input[type="search"]{
    height:50px!important;
    font-size:14px!important;
  }

  .search-only-submit{
    width:40px;
    height:40px;
    flex-basis:40px;
    border-radius:12px;
  }

  .search-only-card .live-search-spinner{
    right:58px!important;
  }

  body[data-active-menu="search"] .live-search-results{
    margin-top:-64px!important;
    padding-bottom:82px!important;
  }

  body[data-active-menu="search"] .live-search-results:not(:empty){
    margin-top:-58px!important;
  }
}

@media(max-width:360px){
  .search-only-card{
    padding-left:9px;
  }

  .search-only-icon{
    width:35px;
    height:35px;
    flex-basis:35px;
  }

  .search-only-submit{
    width:38px;
    height:38px;
    flex-basis:38px;
  }
}


/* ======================================================================
   v3.6.50 - Hesabım düzen ve hizalama
   ====================================================================== */
body[data-active-menu="account"] .account-layout{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:16px;
  align-items:start;
}

body[data-active-menu="account"] .account-summary-card,
body[data-active-menu="account"] .account-password-card{
  min-width:0;
  margin:0!important;
  border:1px solid #e1d6e4!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 9px 26px rgba(55,21,67,.055)!important;
  box-sizing:border-box!important;
}

body[data-active-menu="account"] .account-summary-card{
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr) auto!important;
  grid-template-areas:
    "avatar main role"
    "details details details"!important;
  gap:14px 16px!important;
  align-items:center!important;
  padding:18px!important;
}

body[data-active-menu="account"] .account-large-avatar{
  grid-area:avatar!important;
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border-radius:20px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#7b438e,#5b2b6b)!important;
  box-shadow:0 9px 20px rgba(86,36,101,.18)!important;
  font-size:25px!important;
  font-weight:800!important;
}

body[data-active-menu="account"] .account-summary-main{
  grid-area:main!important;
  min-width:0!important;
  padding:0!important;
}

body[data-active-menu="account"] .account-summary-main h2{
  margin:4px 0 3px!important;
  overflow:hidden!important;
  color:#3d2944!important;
  font-size:21px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

body[data-active-menu="account"] .account-summary-main p{
  margin:0!important;
  color:#806c86!important;
  font-size:11px!important;
}

body[data-active-menu="account"] .account-summary-card > .role-pill{
  grid-area:role!important;
  justify-self:end!important;
  margin:0!important;
}

body[data-active-menu="account"] .account-details{
  grid-area:details!important;
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin:2px 0 0!important;
  padding:0!important;
}

body[data-active-menu="account"] .account-detail-card{
  min-width:0!important;
  min-height:74px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
  margin:0!important;
  padding:12px 13px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  box-sizing:border-box!important;
}

body[data-active-menu="account"] .account-detail-card dt{
  margin:0!important;
  color:inherit!important;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

body[data-active-menu="account"] .account-detail-card dd{
  margin:0!important;
  overflow:hidden!important;
  color:inherit!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:800!important;
  overflow-wrap:anywhere!important;
}

body[data-active-menu="account"] .account-password-card{
  padding:18px!important;
}

body[data-active-menu="account"] .account-password-card .form-section-title{
  margin-bottom:13px!important;
}

body[data-active-menu="account"] .account-password-card .form-section-title h2{
  margin:4px 0 0!important;
  font-size:19px!important;
}

body[data-active-menu="account"] .account-password-card .form-stack{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
}

body[data-active-menu="account"] .account-password-field{
  min-width:0!important;
  display:block!important;
  margin:0!important;
  padding:10px 11px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  box-sizing:border-box!important;
}

body[data-active-menu="account"] .account-password-field > span{
  display:block!important;
  margin:0 0 6px!important;
  color:inherit!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:800!important;
}

body[data-active-menu="account"] .account-password-field input{
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  margin:0!important;
  padding:0 11px!important;
  border-radius:10px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}

body[data-active-menu="account"] .account-password-card .btn{
  width:100%!important;
  min-height:44px!important;
  margin-top:2px!important;
  border-radius:11px!important;
}

@media(max-width:980px) and (min-width:761px){
  body[data-active-menu="account"] .account-layout{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:760px){
  body[data-active-menu="account"] .account-layout{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body[data-active-menu="account"] .account-summary-card{
    grid-template-columns:58px minmax(0,1fr)!important;
    grid-template-areas:
      "avatar main"
      "details details"!important;
    gap:10px 11px!important;
    padding:12px!important;
    border-radius:16px!important;
  }

  body[data-active-menu="account"] .account-large-avatar{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    border-radius:15px!important;
    font-size:19px!important;
    box-shadow:none!important;
  }

  body[data-active-menu="account"] .account-summary-main h2{
    margin-top:2px!important;
    font-size:16px!important;
  }

  body[data-active-menu="account"] .account-summary-main p{
    font-size:9px!important;
  }

  body[data-active-menu="account"] .account-summary-card > .role-pill{
    display:none!important;
  }

  body[data-active-menu="account"] .account-details{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  body[data-active-menu="account"] .account-detail-card{
    min-height:62px!important;
    padding:9px!important;
    border-radius:11px!important;
  }

  body[data-active-menu="account"] .account-detail-card dt{
    font-size:7.5px!important;
  }

  body[data-active-menu="account"] .account-detail-card dd{
    font-size:8.5px!important;
  }

  body[data-active-menu="account"] .account-password-card{
    padding:12px!important;
    border-radius:16px!important;
  }

  body[data-active-menu="account"] .account-password-card .form-section-title{
    margin-bottom:9px!important;
  }

  body[data-active-menu="account"] .account-password-card .form-section-title h2{
    font-size:15px!important;
  }

  body[data-active-menu="account"] .account-password-field{
    padding:8px!important;
    border-radius:11px!important;
  }

  body[data-active-menu="account"] .account-password-field > span{
    margin-bottom:5px!important;
    font-size:7.5px!important;
  }

  body[data-active-menu="account"] .account-password-field input{
    height:40px!important;
    font-size:10px!important;
  }

  body[data-active-menu="account"] .account-password-card .btn{
    min-height:41px!important;
    font-size:9.5px!important;
  }
}

@media(max-width:360px){
  body[data-active-menu="account"] .account-details{
    grid-template-columns:1fr!important;
  }
}


/* ======================================================================
   v3.6.51 - Personel arayüzü yeniden tasarım
   Yalnızca viewer-role + search ekranını etkiler.
   ====================================================================== */
body.viewer-role[data-active-menu="search"]{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 15%,rgba(117,79,144,.13),transparent 31%),
    radial-gradient(circle at 90% 19%,rgba(71,112,163,.12),transparent 29%),
    radial-gradient(circle at 78% 88%,rgba(196,89,116,.075),transparent 30%),
    linear-gradient(150deg,#f8f3fa 0%,#f2f5fa 52%,#f8f4f8 100%)!important;
}

body.viewer-role[data-active-menu="search"] .app{
  position:relative;
  min-height:100vh;
}

body.viewer-role[data-active-menu="search"] .app::before,
body.viewer-role[data-active-menu="search"] .app::after{
  content:"";
  position:fixed;
  z-index:0;
  pointer-events:none;
}

body.viewer-role[data-active-menu="search"] .app::before{
  top:10%;
  left:-70px;
  width:170px;
  height:170px;
  border:26px solid rgba(111,47,137,.038);
  border-radius:52px;
  transform:rotate(28deg);
}

body.viewer-role[data-active-menu="search"] .app::after{
  right:-54px;
  bottom:12%;
  width:128px;
  height:128px;
  border:21px solid rgba(59,102,157,.038);
  border-radius:999px;
}

body.viewer-role[data-active-menu="search"] .main{
  position:relative;
  z-index:1;
}

body.viewer-role[data-active-menu="search"] .search-only-stage{
  min-height:68vh;
  display:grid;
  place-items:center;
  padding:44px 20px 72px;
}

body.viewer-role[data-active-menu="search"] .personnel-search-form{
  width:min(760px,100%);
}

body.viewer-role[data-active-menu="search"] .personnel-search-card{
  position:relative;
  isolation:isolate;
  min-height:116px;
  display:grid;
  grid-template-columns:64px minmax(0,1fr) 54px;
  gap:16px;
  align-items:center;
  padding:18px 19px;
  overflow:hidden;
  border:1px solid rgba(213,199,221,.95);
  border-radius:30px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.985),rgba(251,247,252,.98) 55%,rgba(245,248,252,.985));
  box-shadow:
    0 30px 70px rgba(58,28,72,.13),
    0 8px 22px rgba(58,28,72,.055),
    inset 0 1px 0 rgba(255,255,255,.98);
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

body.viewer-role[data-active-menu="search"] .personnel-search-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:72px;
  right:72px;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,transparent,#8b5c9e 25%,#718db2 75%,transparent);
  opacity:.68;
}

body.viewer-role[data-active-menu="search"] .personnel-search-card:focus-within{
  transform:translateY(-2px);
  border-color:#bda4c7;
  box-shadow:
    0 0 0 5px rgba(111,47,137,.055),
    0 34px 76px rgba(58,28,72,.145),
    0 8px 22px rgba(58,28,72,.06);
}

body.viewer-role[data-active-menu="search"] .personnel-search-glow{
  position:absolute;
  z-index:-1;
  border-radius:999px;
  filter:blur(2px);
  pointer-events:none;
}

body.viewer-role[data-active-menu="search"] .personnel-search-glow-one{
  top:-58px;
  left:-28px;
  width:150px;
  height:150px;
  background:radial-gradient(circle,rgba(117,68,139,.13),rgba(117,68,139,0) 68%);
}

body.viewer-role[data-active-menu="search"] .personnel-search-glow-two{
  right:-38px;
  bottom:-62px;
  width:170px;
  height:170px;
  background:radial-gradient(circle,rgba(65,106,160,.12),rgba(65,106,160,0) 68%);
}

body.viewer-role[data-active-menu="search"] .personnel-search-icon{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.42);
  border-radius:21px;
  color:#fff;
  background:
    linear-gradient(145deg,#865399 0%,#6a3b7e 60%,#57729a 135%);
  box-shadow:
    0 14px 28px rgba(77,39,92,.20),
    inset 0 1px 0 rgba(255,255,255,.26);
}

body.viewer-role[data-active-menu="search"] .personnel-search-icon svg{
  width:29px;
  height:29px;
  stroke-width:1.7;
}

body.viewer-role[data-active-menu="search"] .personnel-search-input-wrap{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
}

body.viewer-role[data-active-menu="search"] .personnel-search-label{
  color:#896e90;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.17em;
}

body.viewer-role[data-active-menu="search"] .personnel-search-card input[type="search"]{
  width:100%!important;
  height:46px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  color:#3d2944!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}

body.viewer-role[data-active-menu="search"] .personnel-search-card input[type="search"]::placeholder{
  color:#9e91a2!important;
  font-weight:560!important;
}

body.viewer-role[data-active-menu="search"] .personnel-search-submit{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.22);
  border-radius:18px;
  color:#fff;
  background:linear-gradient(145deg,#704084,#5d2d70);
  box-shadow:
    0 11px 24px rgba(79,35,94,.18),
    inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .16s ease, box-shadow .16s ease;
}

body.viewer-role[data-active-menu="search"] .personnel-search-submit:hover{
  transform:translateX(2px);
  box-shadow:
    0 13px 27px rgba(79,35,94,.22),
    inset 0 1px 0 rgba(255,255,255,.22);
}

body.viewer-role[data-active-menu="search"] .personnel-search-submit svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.viewer-role[data-active-menu="search"] .personnel-search-card .live-search-spinner{
  right:84px!important;
}

/* Personel sonuç alanı: ferah, tutarlı, daha premium */
body.viewer-role[data-active-menu="search"] .live-search-results{
  width:min(1020px,100%);
  margin:0 auto 100px!important;
}

body.viewer-role[data-active-menu="search"] .search-result-section{
  overflow:hidden;
  border:1px solid rgba(220,208,225,.92)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:
    0 18px 42px rgba(55,21,67,.075),
    0 4px 12px rgba(55,21,67,.035)!important;
}

body.viewer-role[data-active-menu="search"] .search-section-head{
  min-height:54px;
  padding:11px 14px!important;
  border-bottom:1px solid #eee5f0!important;
}

body.viewer-role[data-active-menu="search"] .unified-search-card{
  margin:8px!important;
  border-radius:16px!important;
  box-shadow:none!important;
}

body.viewer-role[data-active-menu="search"] .unified-search-card:last-child{
  margin-bottom:8px!important;
}

/* Web personel sidebar: sakin, küçük ve tek işlev */
@media(min-width:761px){
  body.viewer-role[data-active-menu="search"] .sidebar{
    width:224px!important;
    border-right:1px solid #eadfec!important;
    background:
      linear-gradient(180deg,#fff 0%,#fbf8fc 100%)!important;
    box-shadow:8px 0 28px rgba(55,21,67,.035)!important;
  }

  body.viewer-role[data-active-menu="search"] .sidebar .brand{
    margin-bottom:18px!important;
  }

  body.viewer-role[data-active-menu="search"] .sidebar .nav{
    gap:6px!important;
  }

  body.viewer-role[data-active-menu="search"] .sidebar .nav a{
    min-height:48px!important;
    border-radius:13px!important;
  }

  body.viewer-role[data-active-menu="search"] .sidebar-user{
    border-top-color:#eee4f0!important;
  }
}

/* Mobil personel: kart gerçek ekran merkezinde, alt menü floating pill */
@media(max-width:760px){
  body.viewer-role[data-active-menu="search"] .main{
    min-height:100svh!important;
    padding:0 12px 86px!important;
  }

  body.viewer-role[data-active-menu="search"] .search-only-stage{
    min-height:calc(100svh - 88px)!important;
    padding:28px 0 94px!important;
  }

  body.viewer-role[data-active-menu="search"] .personnel-search-card{
    min-height:92px;
    grid-template-columns:50px minmax(0,1fr) 44px;
    gap:11px;
    padding:13px 13px;
    border-radius:24px;
    box-shadow:
      0 24px 52px rgba(58,28,72,.12),
      0 5px 15px rgba(58,28,72,.05);
  }

  body.viewer-role[data-active-menu="search"] .personnel-search-card::before{
    left:48px;
    right:48px;
  }

  body.viewer-role[data-active-menu="search"] .personnel-search-icon{
    width:50px;
    height:50px;
    border-radius:16px;
    box-shadow:0 10px 20px rgba(77,39,92,.17);
  }

  body.viewer-role[data-active-menu="search"] .personnel-search-icon svg{
    width:24px;
    height:24px;
  }

  body.viewer-role[data-active-menu="search"] .personnel-search-label{
    font-size:6.8px;
    letter-spacing:.15em;
  }

  body.viewer-role[data-active-menu="search"] .personnel-search-card input[type="search"]{
    height:38px!important;
    font-size:13.5px!important;
  }

  body.viewer-role[data-active-menu="search"] .personnel-search-submit{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  body.viewer-role[data-active-menu="search"] .personnel-search-submit svg{
    width:19px;
    height:19px;
  }

  body.viewer-role[data-active-menu="search"] .personnel-search-card .live-search-spinner{
    right:66px!important;
  }

  body.viewer-role[data-active-menu="search"] .live-search-results{
    width:100%;
    margin-top:-70px!important;
    margin-bottom:88px!important;
  }

  body.viewer-role[data-active-menu="search"] .live-search-results:not(:empty){
    margin-top:-72px!important;
  }

  body.viewer-role .personnel-bottom-nav{
    right:14px!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
    left:14px!important;
    width:auto!important;
    height:62px!important;
    min-height:62px!important;
    grid-template-columns:1fr 1fr!important;
    padding:5px!important;
    border:1px solid rgba(218,204,224,.92)!important;
    border-radius:21px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:
      0 15px 36px rgba(53,22,65,.13),
      0 3px 9px rgba(53,22,65,.045)!important;
    backdrop-filter:blur(16px)!important;
  }

  body.viewer-role .personnel-bottom-nav > a,
  body.viewer-role .personnel-bottom-nav .personnel-bottom-logout button{
    height:52px!important;
    min-height:52px!important;
    border-radius:16px!important;
  }

  body.viewer-role .personnel-bottom-nav > a.active{
    color:#fff!important;
    background:linear-gradient(145deg,#79508b,#5e3471)!important;
    box-shadow:0 8px 18px rgba(78,36,93,.16)!important;
  }

  body.viewer-role .personnel-bottom-nav > a.active .mobile-bottom-icon{
    color:#fff!important;
  }

  body.viewer-role .personnel-bottom-nav .personnel-bottom-logout button{
    color:#a44959!important;
    background:#fff5f6!important;
  }
}

@media(max-width:370px){
  body.viewer-role[data-active-menu="search"] .personnel-search-card{
    grid-template-columns:44px minmax(0,1fr) 40px;
    gap:8px;
    padding:11px;
  }

  body.viewer-role[data-active-menu="search"] .personnel-search-icon{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  body.viewer-role[data-active-menu="search"] .personnel-search-card input[type="search"]{
    font-size:12.5px!important;
  }

  body.viewer-role[data-active-menu="search"] .personnel-search-submit{
    width:40px;
    height:40px;
  }
}


/* ======================================================================
   v3.6.52 - Personel mobil tek ekran
   ====================================================================== */
@media(max-width:760px){

  html:has(body.viewer-role[data-active-menu="search"]),
  body.viewer-role[data-active-menu="search"]{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  body.viewer-role[data-active-menu="search"] .app{
    width:100%!important;
    height:100svh!important;
    min-height:100svh!important;
    overflow:hidden!important;
  }

  body.viewer-role[data-active-menu="search"] .main{
    width:100%!important;
    height:100svh!important;
    min-height:100svh!important;
    display:flex!important;
    flex-direction:column!important;
    padding:
      calc(12px + env(safe-area-inset-top))
      12px
      calc(12px + env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.viewer-role[data-active-menu="search"] .search-only-stage{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    overflow:visible!important;
  }

  body.viewer-role[data-active-menu="search"] .personnel-search-form{
    width:100%!important;
    max-width:520px!important;
    margin:0 auto!important;
  }

  body.viewer-role[data-active-menu="search"] .personnel-search-card{
    min-height:94px!important;
    margin:0!important;
    grid-template-columns:50px minmax(0,1fr) 44px!important;
    gap:11px!important;
    padding:13px 13px!important;
    border-radius:24px!important;
  }

  body.viewer-role[data-active-menu="search"] .personnel-search-logout{
    position:absolute!important;
    top:-10px!important;
    right:-8px!important;
    z-index:5!important;
    margin:0!important;
  }

  body.viewer-role[data-active-menu="search"] .personnel-search-logout button{
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid #ecd9de!important;
    border-radius:11px!important;
    color:#a64b5a!important;
    background:#fff7f8!important;
    box-shadow:0 6px 14px rgba(99,47,58,.08)!important;
  }

  body.viewer-role[data-active-menu="search"] .personnel-search-logout svg{
    width:17px!important;
    height:17px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  /* Alt Genel Arama menüsü tamamen kaldırılır. */
  body.viewer-role .personnel-bottom-nav{
    display:none!important;
  }

  /* Sonuç yokken ekran yalnızca ortalanmış arama kartıdır. */
  body.viewer-role[data-active-menu="search"] .live-search-results:empty{
    display:none!important;
  }

  /*
   * Sonuçlar geldiğinde tüm sayfa uzamaz.
   * Arama kartı üstte sabit, sonuçlar kalan alanda kendi içinde kayar.
   */
  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty)){
    gap:10px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .search-only-stage{
    flex:0 0 auto!important;
    min-height:0!important;
    display:block!important;
    padding-top:2px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-search-form{
    max-width:100%!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-search-card{
    min-height:78px!important;
    grid-template-columns:42px minmax(0,1fr) 40px!important;
    gap:8px!important;
    padding:9px 10px!important;
    border-radius:19px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-search-icon{
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-search-icon svg{
    width:20px!important;
    height:20px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-search-label{
    font-size:6px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-search-card input[type="search"]{
    height:32px!important;
    font-size:12.5px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-search-submit{
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
  }

  body.viewer-role[data-active-menu="search"] .live-search-results{
    flex:1 1 auto!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0 0 4px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }

  body.viewer-role[data-active-menu="search"] .live-search-results::-webkit-scrollbar{
    display:none!important;
  }

  body.viewer-role[data-active-menu="search"] .search-result-section{
    margin:0 0 8px!important;
    border-radius:16px!important;
    box-shadow:0 7px 17px rgba(55,21,67,.05)!important;
  }

  body.viewer-role[data-active-menu="search"] .search-section-head{
    min-height:44px!important;
    padding:8px 10px!important;
  }

  body.viewer-role[data-active-menu="search"] .unified-search-card{
    margin:6px!important;
    border-radius:13px!important;
  }
}


/* ======================================================================
   v3.6.53 - Personel mockup tarzı arama ekranı
   ====================================================================== */
body.viewer-role[data-active-menu="search"]{
  background:
    radial-gradient(circle at 16% 10%,rgba(137,91,224,.10),transparent 26%),
    radial-gradient(circle at 88% 18%,rgba(225,101,194,.09),transparent 24%),
    linear-gradient(180deg,#f8f7ff 0%,#f4f3fb 52%,#f9f7fb 100%)!important;
}

body.viewer-role[data-active-menu="search"] .main{
  width:100%!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}

body.viewer-role[data-active-menu="search"] .mobile-page-back-wrap,
body.viewer-role[data-active-menu="search"] .mobile-topbar,
body.viewer-role[data-active-menu="search"] .sidebar{
  display:none!important;
}

.personnel-app-shell{
  position:relative;
  width:min(430px,100%);
  min-height:100svh;
  margin:0 auto;
  padding:
    calc(18px + env(safe-area-inset-top))
    14px
    calc(24px + env(safe-area-inset-bottom));
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 8%,rgba(135,88,224,.11),transparent 25%),
    radial-gradient(circle at 91% 18%,rgba(227,114,198,.09),transparent 22%),
    linear-gradient(180deg,rgba(255,255,255,.70),rgba(250,247,253,.88));
}

.personnel-app-header{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 48px;
  gap:12px;
  align-items:center;
  min-height:66px;
  padding:8px 4px 12px;
}

.personnel-app-brand-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.78);
  border-radius:16px;
  color:#7651c8;
  background:
    linear-gradient(145deg,#ffffff,#f4efff);
  box-shadow:
    0 9px 21px rgba(94,61,162,.11),
    inset 0 1px 0 #fff;
  font-size:13px;
  font-weight:900;
  letter-spacing:.03em;
}

.personnel-app-brand-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.personnel-app-brand-copy strong{
  color:#30245e;
  font-size:17px;
  line-height:1.12;
  font-weight:850;
  letter-spacing:-.02em;
}

.personnel-app-brand-copy span{
  color:#875af2;
  font-size:11px;
  line-height:1.15;
  font-weight:750;
}

.personnel-app-header-logout{
  margin:0!important;
}

.personnel-app-header-logout button{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(245,221,250,.95);
  border-radius:15px;
  color:#d05bd5;
  background:rgba(255,255,255,.88);
  box-shadow:0 8px 18px rgba(95,47,105,.07);
}

.personnel-app-header-logout svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.personnel-main-search-card{
  position:relative;
  z-index:2;
  width:100%;
  margin-top:8px;
  padding:34px 24px 22px;
  border:1px solid rgba(255,255,255,.92);
  border-radius:30px;
  background:
    radial-gradient(circle at top center,rgba(164,111,255,.07),transparent 30%),
    rgba(255,255,255,.91);
  box-shadow:
    0 24px 54px rgba(74,50,118,.10),
    0 6px 18px rgba(74,50,118,.04),
    inset 0 1px 0 rgba(255,255,255,.98);
  backdrop-filter:blur(16px);
}

.personnel-search-hero-icon{
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  margin:0 auto 18px;
  border-radius:999px;
  color:#fff;
  background:
    linear-gradient(145deg,#8d5cf6 0%,#b951e7 100%);
  box-shadow:
    0 16px 32px rgba(139,81,230,.22),
    inset 0 1px 0 rgba(255,255,255,.28);
}

.personnel-search-hero-icon svg{
  width:37px;
  height:37px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
}

.personnel-search-title-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.personnel-search-title-wrap h1{
  margin:0;
  color:#30245e;
  font-size:29px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.035em;
}

.personnel-search-title-accent{
  width:48px;
  height:5px;
  margin-top:10px;
  border-radius:999px;
  background:linear-gradient(90deg,#875af1,#c75de7);
  box-shadow:13px 0 0 -1px #c75de7;
}

.personnel-search-description{
  max-width:290px;
  margin:18px auto 24px;
  color:#716b97;
  font-size:12px;
  line-height:1.55;
  font-weight:600;
  text-align:center;
}

.personnel-primary-search{
  width:100%;
  margin:0!important;
  padding:0!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.personnel-primary-search-field{
  position:relative;
  width:100%;
  height:62px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 16px;
  border:2px solid #a178ff;
  border-radius:17px;
  background:#fff;
  box-shadow:
    0 8px 18px rgba(126,85,210,.09),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.personnel-primary-search-field:focus-within{
  border-color:#8a5bf4;
  box-shadow:
    0 0 0 4px rgba(138,91,244,.08),
    0 10px 22px rgba(126,85,210,.11);
}

.personnel-primary-search-icon{
  width:24px;
  height:24px;
  flex:0 0 24px;
  color:#8a5bf4;
}

.personnel-primary-search-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
}

.personnel-primary-search-field input[type="search"]{
  width:100%!important;
  min-width:0!important;
  height:52px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  color:#4d466f!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:700!important;
}

.personnel-primary-search-field input[type="search"]::placeholder{
  color:#9a92b4!important;
  font-weight:600!important;
}

.personnel-primary-search-field .live-search-spinner{
  right:14px!important;
}

.personnel-search-tip{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  align-items:center;
  margin-top:18px;
  padding:13px 14px;
  border:1px solid #ebe5fa;
  border-radius:15px;
  background:
    linear-gradient(145deg,#fbf9ff,#f8f7fc);
}

.personnel-search-tip-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:#8a5bf4;
  background:#f0ebff;
  font-size:18px;
  font-weight:900;
}

.personnel-search-tip p{
  margin:0;
  color:#5f587e;
  font-size:9.5px;
  line-height:1.45;
  font-weight:600;
}

.personnel-search-tip strong{
  color:#3c326b;
}

.personnel-search-security{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:18px;
  padding:10px 12px;
  border-radius:14px;
  color:#8158ef;
  background:linear-gradient(145deg,#f8f6fd,#f4f1fb);
  font-size:9.5px;
  font-weight:800;
}

.personnel-wave-footer{
  position:absolute;
  z-index:1;
  right:0;
  bottom:0;
  left:0;
  height:150px;
  pointer-events:none;
  overflow:hidden;
}

.personnel-wave-footer .wave{
  position:absolute;
  right:-15%;
  left:-15%;
  height:90px;
  border-radius:50% 50% 0 0 / 55% 55% 0 0;
  transform:rotate(-2deg);
}

.personnel-wave-footer .wave-one{
  bottom:-38px;
  background:linear-gradient(90deg,rgba(139,92,246,.18),rgba(223,104,201,.15));
}

.personnel-wave-footer .wave-two{
  bottom:-55px;
  background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.98));
}

/* Sonuçlar mockup ekranının altında değil, kartın devamı gibi görünür */
body.viewer-role[data-active-menu="search"] .live-search-results{
  position:relative;
  z-index:3;
  width:min(430px,100%);
  max-height:46svh;
  margin:-4px auto 18px!important;
  padding:0 14px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
}

body.viewer-role[data-active-menu="search"] .live-search-results::-webkit-scrollbar{
  display:none!important;
}

body.viewer-role[data-active-menu="search"] .search-result-section{
  border:1px solid #ebe3f1!important;
  border-radius:19px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 12px 28px rgba(77,47,104,.08)!important;
}

body.viewer-role[data-active-menu="search"] .search-section-head{
  min-height:48px!important;
  padding:9px 11px!important;
}

body.viewer-role[data-active-menu="search"] .unified-search-card{
  margin:7px!important;
  border-radius:14px!important;
}

@media(max-width:370px){
  .personnel-app-shell{
    padding-left:10px;
    padding-right:10px;
  }

  .personnel-main-search-card{
    padding:28px 18px 18px;
    border-radius:25px;
  }

  .personnel-search-hero-icon{
    width:72px;
    height:72px;
  }

  .personnel-search-title-wrap h1{
    font-size:25px;
  }

  .personnel-search-description{
    font-size:11px;
  }

  .personnel-primary-search-field{
    height:58px;
  }
}


/* ======================================================================
   v3.6.54 - Personel arama işlevi / sonuç görünürlüğü düzeltmesi
   Tasarım v3.6.53 olarak korunur.
   ====================================================================== */
@media(max-width:760px){
  html:has(body.viewer-role[data-active-menu="search"]),
  body.viewer-role[data-active-menu="search"]{
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
  }

  body.viewer-role[data-active-menu="search"] .app{
    height:100svh!important;
    min-height:100svh!important;
    overflow:hidden!important;
  }

  body.viewer-role[data-active-menu="search"] .main{
    height:100svh!important;
    min-height:100svh!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }

  body.viewer-role[data-active-menu="search"] .personnel-app-shell{
    flex:1 1 auto!important;
    width:min(430px,100%)!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
  }

  /* Boşken yalnızca tasarım görünür. */
  body.viewer-role[data-active-menu="search"] .live-search-results:empty{
    display:none!important;
  }

  /*
   * Sonuç geldiğinde tasarım bozulmaz:
   * üst alan biraz sıkışır, sonuçlar aynı ekranın alt bölümünde açılır.
   */
  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results[data-has-results]){
    gap:8px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results[data-has-results])
  .personnel-app-shell{
    flex:0 0 auto!important;
    height:auto!important;
    min-height:0!important;
    padding-bottom:6px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results[data-has-results])
  .personnel-app-header{
    min-height:54px!important;
    padding-top:4px!important;
    padding-bottom:6px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results[data-has-results])
  .personnel-app-brand-icon{
    width:44px!important;
    height:44px!important;
    border-radius:14px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results[data-has-results])
  .personnel-app-brand-copy strong{
    font-size:15px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results[data-has-results])
  .personnel-app-header-logout button{
    width:40px!important;
    height:40px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results[data-has-results])
  .personnel-main-search-card{
    margin-top:2px!important;
    padding:15px 16px 13px!important;
    border-radius:22px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results[data-has-results])
  .personnel-search-hero-icon{
    width:52px!important;
    height:52px!important;
    margin-bottom:8px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results[data-has-results])
  .personnel-search-hero-icon svg{
    width:25px!important;
    height:25px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results[data-has-results])
  .personnel-search-title-wrap h1{
    font-size:21px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results[data-has-results])
  .personnel-search-title-accent{
    width:34px!important;
    height:4px!important;
    margin-top:5px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results[data-has-results])
  .personnel-search-description{
    display:none!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results[data-has-results])
  .personnel-primary-search-field{
    height:52px!important;
    margin-top:9px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results[data-has-results])
  .personnel-search-tip,
  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results[data-has-results])
  .personnel-search-security{
    display:none!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results[data-has-results])
  .personnel-wave-footer{
    display:none!important;
  }

  body.viewer-role[data-active-menu="search"] .live-search-results[data-has-results]{
    display:block!important;
    flex:1 1 auto!important;
    width:min(430px,100%)!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0 12px 8px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }

  body.viewer-role[data-active-menu="search"] .live-search-results[data-has-results]::-webkit-scrollbar{
    display:none!important;
  }

  body.viewer-role[data-active-menu="search"] .live-search-results[data-has-results]
  .search-result-section{
    margin-bottom:8px!important;
  }
}


/* ======================================================================
   v3.6.55 - Mobil detay sayfaları üst güvenli alan düzeltmesi
   iPhone çentik / durum çubuğu ile geri dön butonu çakışmasını giderir.
   ====================================================================== */
@media(max-width:760px){

  /* Detay sayfalarında ana içerik güvenli alanın altından başlar. */
  body[data-active-menu="students"] .main,
  body[data-active-menu="teachers"] .main,
  body[data-active-menu="classes"] .main,
  body[data-active-menu="corporate"] .main,
  body[data-active-menu="account"] .main,
  body[data-active-menu="reports"] .main{
    padding-top:calc(18px + env(safe-area-inset-top))!important;
  }

  /* Geri dön satırı artık saat/çentik alanına çıkmaz. */
  .mobile-page-back-wrap{
    position:relative!important;
    z-index:5!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    margin:0 0 10px!important;
    padding:0!important;
  }

  .mobile-page-back-wrap .back-link,
  .mobile-page-back-wrap a{
    min-height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    padding:0 12px!important;
    margin:0!important;
    border:1px solid #eadfee!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 6px 14px rgba(55,21,67,.055)!important;
    font-size:9px!important;
    line-height:1!important;
  }

  /* Profil üst kartı ile geri dön arasında nefes alanı. */
  body[data-active-menu="students"] .topbar,
  body[data-active-menu="teachers"] .topbar,
  body[data-active-menu="classes"] .topbar{
    margin-top:2px!important;
  }

  /* Öğrenci profil başlığı telefonda biraz daha dengeli. */
  body[data-active-menu="students"] .topbar{
    padding-top:15px!important;
    padding-bottom:15px!important;
  }

  body[data-active-menu="students"] .topbar h1{
    line-height:1.04!important;
  }

  /* Safari standalone / normal tarayıcı farklarında ek güvenlik boşluğu. */
  @supports(padding:max(0px)){
    body[data-active-menu="students"] .main,
    body[data-active-menu="teachers"] .main,
    body[data-active-menu="classes"] .main{
      padding-top:max(18px, calc(14px + env(safe-area-inset-top)))!important;
    }
  }
}


/* ======================================================================
   v3.6.56 - Aramadan profile girip geri dönme durum düzeltmesi
   ====================================================================== */
@media(max-width:760px){

  /*
   * History/back ile geri gelindiğinde sonuç HTML'i hazır olabilir.
   * data-has-results JS tarafından yeniden kurulana kadar da düzen bozulmaz.
   */
  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty)){
    gap:8px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-app-shell{
    flex:0 0 auto!important;
    height:auto!important;
    min-height:0!important;
    padding-bottom:6px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-app-header{
    min-height:54px!important;
    padding-top:4px!important;
    padding-bottom:6px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-main-search-card{
    margin-top:2px!important;
    padding:15px 16px 13px!important;
    border-radius:22px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-search-hero-icon{
    width:52px!important;
    height:52px!important;
    margin-bottom:8px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-search-hero-icon svg{
    width:25px!important;
    height:25px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-search-title-wrap h1{
    font-size:21px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-search-title-accent{
    width:34px!important;
    height:4px!important;
    margin-top:5px!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-search-description,
  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-search-tip,
  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-search-security,
  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-wave-footer{
    display:none!important;
  }

  body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .personnel-primary-search-field{
    height:52px!important;
    margin-top:9px!important;
  }

  body.viewer-role[data-active-menu="search"] .live-search-results:not(:empty){
    display:block!important;
    flex:1 1 auto!important;
    width:min(430px,100%)!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0 12px 8px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }

  body.viewer-role[data-active-menu="search"] .live-search-results:not(:empty)::-webkit-scrollbar{
    display:none!important;
  }
}


/* ======================================================================
   v3.6.57 - Admin Öğretmenler toplu sil
   ====================================================================== */
.teacher-bulk-delete-form[hidden]{
  display:none!important;
}

.teacher-bulk-toolbar{
  width:100%;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  margin:0 0 12px;
  padding:12px 14px;
  border:1px solid #edd7dd;
  border-radius:15px;
  background:linear-gradient(145deg,#fffafa,#fff5f7);
  box-shadow:0 7px 18px rgba(106,42,55,.045);
}

.teacher-bulk-select-all{
  display:flex;
  align-items:center;
  gap:7px;
  color:#6c4450;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}

.teacher-bulk-select-all input{
  width:17px;
  height:17px;
  margin:0;
  accent-color:#a73f54;
}

.teacher-bulk-summary{
  display:flex;
  align-items:baseline;
  gap:5px;
  color:#765862;
  font-size:10px;
}

.teacher-bulk-summary strong{
  color:#a73f54;
  font-size:16px;
}

.teacher-bulk-actions{
  display:flex;
  gap:7px;
}

.teacher-bulk-check{
  width:34px;
  min-width:34px;
  display:grid;
  place-items:center;
  align-self:center;
  cursor:pointer;
}

.teacher-bulk-check[hidden]{
  display:none!important;
}

.teacher-bulk-check input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.teacher-bulk-check span{
  width:20px;
  height:20px;
  display:block;
  border:1.5px solid #d4c4d9;
  border-radius:7px;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}

.teacher-bulk-check input:checked + span{
  border-color:#a73f54;
  background:#a73f54;
  box-shadow:inset 0 0 0 4px #fff;
}

.compact-teacher-list.teacher-bulk-mode .compact-teacher-head,
.compact-teacher-list.teacher-bulk-mode .compact-teacher-row{
  grid-template-columns:
    34px
    minmax(220px,1.28fr)
    minmax(155px,.86fr)
    minmax(175px,.94fr)
    minmax(165px,.9fr)
    90px
    minmax(120px,.65fr)!important;
}

.compact-teacher-row.teacher-bulk-selected{
  outline:2px solid rgba(167,63,84,.18)!important;
  background:#fff8fa!important;
}

#teacherBulkModeButton.active{
  color:#fff!important;
  border-color:#a73f54!important;
  background:#a73f54!important;
}

@media(max-width:760px){
  .teacher-bulk-toolbar{
    position:sticky;
    top:calc(8px + env(safe-area-inset-top));
    z-index:20;
    grid-template-columns:1fr auto;
    grid-template-areas:
      "all count"
      "actions actions";
    gap:8px;
    margin-bottom:8px;
    padding:10px;
    border-radius:13px;
    box-shadow:0 10px 24px rgba(83,35,46,.10);
  }

  .teacher-bulk-select-all{ grid-area:all; }
  .teacher-bulk-summary{ grid-area:count; justify-self:end; }
  .teacher-bulk-actions{
    grid-area:actions;
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .teacher-bulk-actions .btn{
    min-height:40px!important;
    height:40px!important;
    font-size:8.5px!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-list.teacher-bulk-mode
  .compact-teacher-row{
    grid-template-columns:34px minmax(0,1fr) auto!important;
    grid-template-areas:
      "bulk main status"
      "bulk role role"
      "bulk contact contact"
      "bulk classes classes"
      "bulk menu menu"!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-list.teacher-bulk-mode
  .teacher-bulk-check{
    grid-area:bulk!important;
    width:30px!important;
    min-width:30px!important;
    align-self:stretch!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-list.teacher-bulk-mode
  .mobile-teacher-menu-wrap{
    grid-area:menu!important;
  }
}


/* ======================================================================
   v3.6.58 - v3.6.57 Öğretmen toplu sil kontrol düzeltmeleri
   ====================================================================== */

/* Toplu sil kapalıyken seçim başlık hücresi hiçbir grid sütunu kaplamaz. */
.teacher-bulk-head-cell{
  display:none!important;
}

.compact-teacher-list.teacher-bulk-mode .teacher-bulk-head-cell{
  display:block!important;
}

/*
 * Mobil öğretmen kartlarında mevcut grid-area adları blue/green/orange'dır.
 * v3.6.57'deki role/contact/classes alanları implicit grid oluşturuyordu.
 */
@media(max-width:760px){
  body[data-active-menu="teachers"] .compact-teacher-list.teacher-bulk-mode
  .compact-teacher-row{
    grid-template-columns:34px minmax(0,1fr) auto!important;
    grid-template-areas:
      "bulk main status"
      "bulk blue blue"
      "bulk green green"
      "bulk orange orange"
      "bulk menu menu"!important;
  }

  body[data-active-menu="teachers"] .compact-teacher-list.teacher-bulk-mode
  .teacher-bulk-check{
    grid-area:bulk!important;
    align-self:stretch!important;
  }
}


/* v3.6.59 - Yüklenen okul Excel'i önizleme */
.import-preview-row > span small{
  display:block;
  margin-top:2px;
  color:#8c7897;
  font-size:8px;
  font-weight:700;
}
.import-format-note{
  margin-top:12px!important;
  line-height:1.45;
}


/* ======================================================================
   v3.6.61 - Öğrenci profili yeni düzen + Web renkli bilgi kimliği
   ====================================================================== */

body[data-active-menu="students"] .student-profile-page-nav{
  display:flex;
  align-items:center;
  min-height:34px;
  margin:0 0 10px;
}

body[data-active-menu="students"] .student-profile-single{
  display:block!important;
}

body[data-active-menu="students"] .student-profile-content{
  width:100%;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
}

body[data-active-menu="students"] .profile-accordion{
  overflow:hidden;
  margin:0!important;
  padding:0!important;
  border:1px solid #e4dbe7!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(55,21,67,.045)!important;
}

body[data-active-menu="students"] .profile-accordion-heading{
  padding:0;
}

body[data-active-menu="students"] .profile-accordion-toggle{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border:0;
  color:#3f2547;
  background:transparent;
  text-align:left;
  cursor:pointer;
}

body[data-active-menu="students"] .profile-accordion-toggle > span{
  min-width:0;
}

body[data-active-menu="students"] .profile-accordion-toggle .overline{
  display:block;
  margin:0 0 4px;
  font-size:8px;
  line-height:1.1;
  letter-spacing:.11em;
}

body[data-active-menu="students"] .profile-accordion-toggle strong{
  display:block;
  color:inherit;
  font-size:17px;
  line-height:1.2;
  font-weight:850;
}

body[data-active-menu="students"] .profile-accordion-toggle i{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border:1px solid #e2d7e6;
  border-radius:10px;
  color:#6a2d7d;
  background:#f8f4f9;
  font-size:14px;
  font-style:normal;
  transition:transform .18s ease;
}

body[data-active-menu="students"] .profile-accordion.is-collapsed
.profile-accordion-toggle i{
  transform:rotate(180deg);
}

body[data-active-menu="students"] .profile-accordion-body{
  padding:0 18px 18px;
}

body[data-active-menu="students"] .profile-accordion-body[hidden]{
  display:none!important;
}

/* İlk kart: fotoğraf + Öğrenci Bilgileri + işlemler */
body[data-active-menu="students"] .profile-primary-heading{
  display:grid;
  grid-template-columns:126px minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:18px;
  border-bottom:1px solid #ece4ef;
  background:
    radial-gradient(circle at 8% 20%,rgba(112,47,138,.08),transparent 28%),
    linear-gradient(145deg,#fff,#fbf8fc);
}

body[data-active-menu="students"] .profile-primary-photo{
  width:126px;
}

body[data-active-menu="students"] .profile-photo-button-integrated{
  width:126px!important;
  height:146px!important;
  display:block!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #e2d6e6!important;
  border-radius:17px!important;
  background:#f7f2f8!important;
  box-shadow:0 10px 24px rgba(55,21,67,.09)!important;
  cursor:pointer!important;
}

body[data-active-menu="students"] .profile-photo-integrated{
  width:126px!important;
  height:146px!important;
  max-width:none!important;
  max-height:none!important;
  min-height:146px!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center 20%!important;
  border-radius:17px!important;
}

body[data-active-menu="students"] .profile-photo-integrated.placeholder{
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:5px!important;
  color:#6a2d7d!important;
  background:#f2ebf5!important;
}

body[data-active-menu="students"] .profile-photo-integrated.placeholder span{
  color:#6a2d7d!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:900!important;
}

body[data-active-menu="students"] .profile-photo-integrated.placeholder small{
  color:#876d8e!important;
  font-size:8px!important;
}

body[data-active-menu="students"] .profile-primary-title{
  align-self:stretch;
  justify-content:center;
  flex-direction:column;
  align-items:flex-start;
  position:relative;
  padding:10px 48px 10px 2px!important;
  border-radius:14px;
}

body[data-active-menu="students"] .profile-primary-title:hover{
  background:#faf6fb;
}

body[data-active-menu="students"] .profile-primary-title > .overline{
  color:#6a2d7d!important;
}

body[data-active-menu="students"] .profile-primary-title > strong{
  color:#3f2547!important;
  font-size:25px!important;
  letter-spacing:-.025em;
}

body[data-active-menu="students"] .profile-primary-title > small{
  display:block;
  margin-top:6px;
  color:#76627c;
  font-size:10px;
  font-weight:700;
}

body[data-active-menu="students"] .profile-primary-title > i{
  position:absolute;
  top:50%;
  right:5px;
  transform:translateY(-50%);
}

body[data-active-menu="students"] .profile-accordion.is-collapsed
.profile-primary-title > i{
  transform:translateY(-50%) rotate(180deg);
}

body[data-active-menu="students"] .profile-primary-actions{
  display:flex;
  gap:8px;
  align-items:center;
}

body[data-active-menu="students"] .profile-action-button{
  min-width:112px!important;
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:12px!important;
  white-space:nowrap!important;
}

body[data-active-menu="students"] .profile-action-button span{
  font-size:13px;
}

body[data-active-menu="students"] .profile-action-button strong{
  font-size:9px;
}

/* Öğrenci bilgi kartlarının webde de mobil renk kimliği */
body[data-active-menu="students"] .profile-info-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  padding-top:15px;
}

body[data-active-menu="students"] .profile-info-card{
  min-height:72px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:4px!important;
  padding:12px 13px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  box-shadow:none!important;
}

body[data-active-menu="students"] .profile-info-card > span{
  margin:0!important;
  color:inherit!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
}

body[data-active-menu="students"] .profile-info-card > strong{
  margin:0!important;
  color:inherit!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-weight:800!important;
  overflow-wrap:anywhere!important;
}

/* Mobildeki ana renk sistemi webde de aynı */
body[data-active-menu="students"] .profile-info-school{
  color:#512361!important;
  border-color:#dfd0ea!important;
  background:#f5effa!important;
}

body[data-active-menu="students"] .profile-info-personal{
  color:#174e80!important;
  border-color:#cfdef3!important;
  background:#eef5ff!important;
}

body[data-active-menu="students"] .profile-info-status{
  color:#155c39!important;
  border-color:#cce8d6!important;
  background:#eef9f2!important;
}

/* Aile */
body[data-active-menu="students"] .profile-family-section{
  border-left:4px solid #c97819!important;
}

body[data-active-menu="students"] .profile-family-section
.profile-accordion-toggle{
  color:#754309!important;
}

body[data-active-menu="students"] .parent-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding-top:3px;
}

body[data-active-menu="students"] .profile-family-card{
  margin:0!important;
  padding:12px!important;
  border:1px solid #efd7b8!important;
  border-radius:14px!important;
  background:#fffaf4!important;
  box-shadow:none!important;
}

body[data-active-menu="students"] .profile-family-card .parent-card-head{
  margin:0 0 9px!important;
  padding:0 0 8px!important;
  border-bottom:1px solid rgba(163,93,14,.13)!important;
}

body[data-active-menu="students"] .profile-family-card .parent-card-head .overline,
body[data-active-menu="students"] .profile-family-card .parent-card-head h3{
  color:#754309!important;
}

body[data-active-menu="students"] .profile-family-card dl,
body[data-active-menu="students"] .profile-teacher-card dl{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin:0!important;
}

body[data-active-menu="students"] .profile-family-card dl > div,
body[data-active-menu="students"] .profile-teacher-card dl > div{
  min-width:0!important;
  padding:9px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
}

body[data-active-menu="students"] .profile-family-card dt,
body[data-active-menu="students"] .profile-teacher-card dt{
  color:inherit!important;
  font-size:8px!important;
  line-height:1.1!important;
  font-weight:800!important;
}

body[data-active-menu="students"] .profile-family-card dd,
body[data-active-menu="students"] .profile-teacher-card dd{
  margin:4px 0 0!important;
  color:inherit!important;
  font-size:9.5px!important;
  line-height:1.3!important;
  font-weight:750!important;
  overflow-wrap:anywhere!important;
}

body[data-active-menu="students"] .profile-family-card .phone-link,
body[data-active-menu="students"] .profile-teacher-card .phone-link{
  color:inherit!important;
}

/* Her bilgi türünün ayrı renk kimliği */
body[data-active-menu="students"] .profile-detail-blue{
  color:#174e80!important;
  border-color:#cfdef3!important;
  background:#eef5ff!important;
}

body[data-active-menu="students"] .profile-detail-green{
  color:#155c39!important;
  border-color:#cce8d6!important;
  background:#eef9f2!important;
}

body[data-active-menu="students"] .profile-detail-orange{
  color:#754309!important;
  border-color:#efd7b8!important;
  background:#fff5e9!important;
}

body[data-active-menu="students"] .profile-detail-purple{
  color:#512361!important;
  border-color:#dfd0ea!important;
  background:#f5effa!important;
}

/* Adres ve notlar */
body[data-active-menu="students"] .profile-extra-section{
  border-left:4px solid #7b8490!important;
}

body[data-active-menu="students"] .profile-extra-section
.profile-accordion-toggle{
  color:#4b5563!important;
}

body[data-active-menu="students"] .text-detail-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}

body[data-active-menu="students"] .profile-extra-card{
  min-height:92px;
  margin:0!important;
  padding:12px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  box-shadow:none!important;
}

body[data-active-menu="students"] .profile-extra-address{
  color:#174e80!important;
  border-color:#cfdef3!important;
  background:#eef5ff!important;
}

body[data-active-menu="students"] .profile-extra-notes{
  color:#754309!important;
  border-color:#efd7b8!important;
  background:#fff5e9!important;
}

body[data-active-menu="students"] .profile-extra-card > span,
body[data-active-menu="students"] .profile-extra-card > p{
  color:inherit!important;
}

/* Öğretmenler */
body[data-active-menu="students"] .profile-teachers-section{
  border-left:4px solid #713487!important;
}

body[data-active-menu="students"] .profile-teachers-section
.profile-accordion-toggle{
  color:#512361!important;
}

body[data-active-menu="students"] .teacher-card-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

body[data-active-menu="students"] .profile-teacher-card{
  margin:0!important;
  padding:12px!important;
  border:1px solid #dfd0ea!important;
  border-radius:14px!important;
  background:#fbf8fc!important;
  box-shadow:none!important;
}

body[data-active-menu="students"] .profile-teacher-card .teacher-info-head{
  margin:0 0 9px!important;
  padding:0 0 8px!important;
  border-bottom:1px solid rgba(113,52,135,.12)!important;
}

body[data-active-menu="students"] .profile-teacher-card .overline,
body[data-active-menu="students"] .profile-teacher-card h3,
body[data-active-menu="students"] .profile-teacher-card h3 a{
  color:#512361!important;
}

/* Web öğrenci listesi: mobildeki mavi/yeşil/turuncu kutular */
@media(min-width:761px){
  body[data-active-menu="students"] .compact-student-row .mobile-student-info,
  body[data-active-menu="teachers"] .compact-teacher-row .mobile-teacher-info{
    min-width:0!important;
    align-self:center!important;
    padding:9px 10px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
  }

  body[data-active-menu="students"] .compact-student-row .mobile-student-info > span,
  body[data-active-menu="teachers"] .compact-teacher-row .mobile-teacher-info > span{
    display:block!important;
    margin:0 0 3px!important;
    color:inherit!important;
    font-size:8px!important;
    line-height:1.1!important;
    font-weight:800!important;
  }

  body[data-active-menu="students"] .compact-student-row .mobile-student-info > strong,
  body[data-active-menu="students"] .compact-student-row .mobile-student-info > small,
  body[data-active-menu="teachers"] .compact-teacher-row .mobile-teacher-info > strong,
  body[data-active-menu="teachers"] .compact-teacher-row .mobile-teacher-info > small{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    color:inherit!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body[data-active-menu="students"] .compact-student-row .mobile-student-info > strong,
  body[data-active-menu="teachers"] .compact-teacher-row .mobile-teacher-info > strong{
    font-size:10px!important;
    line-height:1.25!important;
  }

  body[data-active-menu="students"] .compact-student-row .mobile-student-info > small,
  body[data-active-menu="teachers"] .compact-teacher-row .mobile-teacher-info > small{
    margin-top:2px!important;
    opacity:.76!important;
    font-size:8px!important;
    line-height:1.25!important;
  }

  body[data-active-menu="students"] .mobile-student-info-blue,
  body[data-active-menu="teachers"] .mobile-teacher-info-blue{
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="students"] .mobile-student-info-green,
  body[data-active-menu="teachers"] .mobile-teacher-info-green{
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="students"] .mobile-student-info-orange,
  body[data-active-menu="teachers"] .mobile-teacher-info-orange{
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }
}


/* ======================================================================
   v3.6.61 - Öğrenci Excel alan seçme / filtre ekranı
   ====================================================================== */
.excel-export-shell{
  display:grid;
  gap:12px;
}

.excel-export-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}

.excel-export-summary-card{
  min-width:0;
  padding:13px 14px;
  border:1px solid transparent;
  border-radius:14px;
}

.excel-export-summary-card span{
  display:block;
  margin-bottom:5px;
  font-size:8px;
  font-weight:800;
}

.excel-export-summary-card strong{
  display:block;
  overflow:hidden;
  font-size:11px;
  line-height:1.25;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.excel-summary-purple{
  color:#512361;
  border-color:#dfd0ea;
  background:#f5effa;
}

.excel-summary-blue{
  color:#174e80;
  border-color:#cfdef3;
  background:#eef5ff;
}

.excel-summary-green{
  color:#155c39;
  border-color:#cce8d6;
  background:#eef9f2;
}

.excel-summary-orange{
  color:#754309;
  border-color:#efd7b8;
  background:#fff5e9;
}

.excel-field-picker{
  display:grid;
  gap:14px;
  padding:18px;
  border:1px solid #e4dbe7;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 22px rgba(55,21,67,.045);
}

.excel-field-picker-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:13px;
  border-bottom:1px solid #ece5ee;
}

.excel-field-picker-head h2{
  margin:4px 0 4px;
  color:#3f2547;
  font-size:19px;
}

.excel-field-picker-head p{
  margin:0;
  color:#77647c;
  font-size:10px;
  line-height:1.45;
}

.excel-picker-selected-count{
  min-width:74px;
  display:grid;
  place-items:center;
  padding:10px 12px;
  border:1px solid #dfd0ea;
  border-radius:13px;
  color:#512361;
  background:#f5effa;
}

.excel-picker-selected-count strong{
  font-size:20px;
  line-height:1;
}

.excel-picker-selected-count span{
  margin-top:3px;
  font-size:8px;
  font-weight:800;
}

.excel-quick-presets{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.excel-quick-presets button{
  min-height:34px;
  padding:0 11px;
  border:1px solid #e2d7e6;
  border-radius:10px;
  color:#5f4168;
  background:#faf7fb;
  font-size:8.5px;
  font-weight:800;
  cursor:pointer;
}

.excel-quick-presets button:hover{
  border-color:#cdb9d4;
  background:#f4edf6;
}

.excel-field-groups{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.excel-field-group{
  min-width:0;
  padding:12px;
  border:1px solid #e8e0ea;
  border-radius:14px;
  background:#fcfafc;
}

.excel-field-group-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:9px;
}

.excel-field-group-title strong{
  color:#4b2b55;
  font-size:11px;
}

.excel-field-group-title small{
  color:#8a778f;
  font-size:8px;
  font-weight:700;
}

.excel-field-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}

.excel-field-option{
  min-width:0;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  gap:8px;
  align-items:center;
  min-height:50px;
  padding:8px 9px;
  border:1px solid #e6dce9;
  border-radius:11px;
  color:#67516e;
  background:#fff;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}

.excel-field-option:hover{
  border-color:#cab8d0;
}

.excel-field-option.selected{
  color:#512361;
  border-color:#cdb8d6;
  background:#f6f0f8;
}

.excel-field-option.required{
  color:#174e80;
  border-color:#cfdef3;
  background:#eef5ff;
  cursor:default;
}

.excel-field-option input{
  width:17px;
  height:17px;
  margin:0;
  accent-color:#6a2d7d;
}

.excel-field-option span{
  min-width:0;
}

.excel-field-option strong,
.excel-field-option small{
  display:block;
}

.excel-field-option strong{
  overflow:hidden;
  font-size:9px;
  line-height:1.2;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.excel-field-option small{
  margin-top:2px;
  color:inherit;
  opacity:.72;
  font-size:7.5px;
  line-height:1.2;
}

.excel-export-submit-bar{
  position:sticky;
  bottom:12px;
  z-index:6;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 13px;
  border:1px solid #ddd1e1;
  border-radius:14px;
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 30px rgba(55,21,67,.10);
  backdrop-filter:blur(12px);
}

.excel-export-submit-bar strong,
.excel-export-submit-bar span{
  display:block;
}

.excel-export-submit-bar strong{
  color:#482750;
  font-size:11px;
}

.excel-export-submit-bar span{
  margin-top:2px;
  color:#806d85;
  font-size:8px;
}

@media(max-width:980px){
  .excel-export-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .excel-field-groups{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  body[data-active-menu="students"] .student-profile-page-nav{
    display:none!important;
  }

  body[data-active-menu="students"] .student-profile-content{
    gap:8px!important;
  }

  body[data-active-menu="students"] .profile-accordion{
    border-radius:15px!important;
  }

  body[data-active-menu="students"] .profile-primary-heading{
    grid-template-columns:128px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:10px!important;
  }

  body[data-active-menu="students"] .profile-primary-photo,
  body[data-active-menu="students"] .profile-photo-button-integrated,
  body[data-active-menu="students"] .profile-photo-integrated{
    width:128px!important;
  }

  body[data-active-menu="students"] .profile-photo-button-integrated,
  body[data-active-menu="students"] .profile-photo-integrated{
    height:154px!important;
    min-height:154px!important;
    border-radius:15px!important;
  }

  body[data-active-menu="students"] .profile-primary-title{
    min-width:0!important;
    padding:5px 33px 5px 0!important;
  }

  body[data-active-menu="students"] .profile-primary-title > strong{
    font-size:17px!important;
  }

  body[data-active-menu="students"] .profile-primary-title > small{
    font-size:8px!important;
  }

  body[data-active-menu="students"] .profile-primary-title > i{
    width:27px!important;
    height:27px!important;
    right:0!important;
  }

  body[data-active-menu="students"] .profile-primary-actions{
    flex-direction:column!important;
    gap:5px!important;
  }

  body[data-active-menu="students"] .profile-action-button{
    min-width:82px!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 8px!important;
    border-radius:10px!important;
  }

  body[data-active-menu="students"] .profile-action-button strong{
    font-size:7.5px!important;
  }

  body[data-active-menu="students"] .profile-action-button span{
    font-size:11px!important;
  }

  body[data-active-menu="students"] .profile-accordion-toggle{
    padding:11px 12px!important;
  }

  body[data-active-menu="students"] .profile-accordion-toggle strong{
    font-size:13px!important;
  }

  body[data-active-menu="students"] .profile-accordion-toggle i{
    width:27px!important;
    height:27px!important;
    flex-basis:27px!important;
  }

  body[data-active-menu="students"] .profile-accordion-body{
    padding:0 10px 10px!important;
  }

  body[data-active-menu="students"] .profile-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding-top:9px!important;
  }

  body[data-active-menu="students"] .profile-info-card{
    min-height:58px!important;
    padding:8px!important;
    border-radius:10px!important;
  }

  body[data-active-menu="students"] .parent-grid,
  body[data-active-menu="students"] .teacher-card-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  body[data-active-menu="students"] .profile-family-card,
  body[data-active-menu="students"] .profile-teacher-card{
    padding:8px!important;
    border-radius:11px!important;
  }

  body[data-active-menu="students"] .profile-family-card dl,
  body[data-active-menu="students"] .profile-teacher-card dl{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
  }

  body[data-active-menu="students"] .profile-family-card dl > div,
  body[data-active-menu="students"] .profile-teacher-card dl > div{
    padding:7px!important;
    border-radius:8px!important;
  }

  body[data-active-menu="students"] .text-detail-grid{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }

  .excel-export-topbar h1{
    font-size:20px!important;
  }

  .excel-export-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }

  .excel-export-summary-card{
    padding:9px!important;
    border-radius:11px!important;
  }

  .excel-field-picker{
    gap:10px!important;
    padding:10px!important;
    border-radius:14px!important;
  }

  .excel-field-picker-head{
    gap:8px!important;
    padding-bottom:9px!important;
  }

  .excel-field-picker-head h2{
    font-size:15px!important;
  }

  .excel-field-picker-head p{
    font-size:8px!important;
  }

  .excel-picker-selected-count{
    min-width:58px!important;
    padding:8px!important;
  }

  .excel-picker-selected-count strong{
    font-size:17px!important;
  }

  .excel-quick-presets{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }

  .excel-quick-presets button{
    min-height:36px!important;
    padding:6px!important;
    font-size:8px!important;
  }

  .excel-field-groups{
    gap:7px!important;
  }

  .excel-field-group{
    padding:8px!important;
    border-radius:11px!important;
  }

  .excel-field-grid{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }

  .excel-field-option{
    min-height:44px!important;
    padding:7px 8px!important;
    border-radius:9px!important;
  }

  .excel-export-submit-bar{
    bottom:8px!important;
    gap:8px!important;
    padding:9px!important;
  }

  .excel-export-submit-bar .btn{
    min-height:42px!important;
    height:42px!important;
    padding:0 10px!important;
    font-size:8px!important;
  }
}

@media(max-width:360px){
  body[data-active-menu="students"] .profile-primary-heading{
    grid-template-columns:96px minmax(0,1fr)!important;
    grid-template-areas:
      "photo title"
      "actions actions"!important;
  }

  body[data-active-menu="students"] .profile-primary-photo{
    grid-area:photo!important;
  }

  body[data-active-menu="students"] .profile-primary-title{
    grid-area:title!important;
  }

  body[data-active-menu="students"] .profile-primary-actions{
    grid-area:actions!important;
    flex-direction:row!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }

  body[data-active-menu="students"] .profile-primary-photo,
  body[data-active-menu="students"] .profile-photo-button-integrated,
  body[data-active-menu="students"] .profile-photo-integrated{
    width:96px!important;
  }

  body[data-active-menu="students"] .profile-photo-button-integrated,
  body[data-active-menu="students"] .profile-photo-integrated{
    height:116px!important;
    min-height:116px!important;
  }

  body[data-active-menu="students"] .profile-action-button{
    width:100%!important;
    min-width:0!important;
  }

  body[data-active-menu="students"] .profile-family-card dl,
  body[data-active-menu="students"] .profile-teacher-card dl,
  body[data-active-menu="students"] .profile-info-grid{
    grid-template-columns:1fr!important;
  }
}


/* ======================================================================
   v3.6.62 - Profil accordion yalnız mobil + sınıf kartları + Admin arama
   ====================================================================== */

/* Öğrenci Bilgileri artık accordion değildir. */
body[data-active-menu="students"] .profile-primary-title-static{
  cursor:default!important;
}

body[data-active-menu="students"] .profile-primary-title-static:hover{
  background:transparent!important;
}

/* Webde bütün mobil-accordion içerikleri daima açıktır ve ok gizlidir. */
@media(min-width:761px){
  .profile-mobile-accordion .profile-accordion-body,
  .teacher-profile-mobile-accordion .teacher-profile-accordion-body{
    display:block!important;
  }

  .profile-mobile-accordion .profile-accordion-toggle,
  .teacher-profile-mobile-accordion .teacher-profile-accordion-toggle{
    cursor:default!important;
  }

  .profile-mobile-accordion .profile-accordion-toggle > i,
  .teacher-profile-mobile-accordion .teacher-profile-accordion-toggle > i{
    display:none!important;
  }

  /* Webde kapalı sınıfının hiçbir görsel etkisi kalmaz. */
  .profile-mobile-accordion.is-collapsed .profile-accordion-body,
  .teacher-profile-mobile-accordion.is-collapsed .teacher-profile-accordion-body{
    display:block!important;
  }
}

/* Mobilde yalnız işaretli kartlar açılır/kapanır. */
@media(max-width:760px){
  .profile-mobile-accordion.is-collapsed .profile-accordion-body,
  .teacher-profile-mobile-accordion.is-collapsed .teacher-profile-accordion-body{
    display:none!important;
  }

  .profile-mobile-accordion .profile-accordion-toggle,
  .teacher-profile-mobile-accordion .teacher-profile-accordion-toggle{
    cursor:pointer!important;
  }
}

/* Öğretmen profilindeki mobil accordion başlıkları */
body[data-active-menu="teachers"] .teacher-profile-mobile-accordion{
  overflow:hidden;
  padding:0!important;
}

body[data-active-menu="teachers"] .teacher-profile-accordion-heading{
  padding:0;
}

body[data-active-menu="teachers"] .teacher-profile-accordion-toggle{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border:0;
  color:#512361;
  background:transparent;
  text-align:left;
}

body[data-active-menu="teachers"] .teacher-profile-accordion-toggle > span{
  min-width:0;
}

body[data-active-menu="teachers"] .teacher-profile-accordion-toggle .overline{
  display:block;
  margin:0 0 4px;
  font-size:8px;
  letter-spacing:.11em;
}

body[data-active-menu="teachers"] .teacher-profile-accordion-toggle strong{
  display:block;
  color:inherit;
  font-size:17px;
  line-height:1.2;
  font-weight:850;
}

body[data-active-menu="teachers"] .teacher-profile-accordion-toggle > i{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border:1px solid #e2d7e6;
  border-radius:10px;
  color:#6a2d7d;
  background:#f8f4f9;
  font-size:14px;
  font-style:normal;
  transition:transform .18s ease;
}

body[data-active-menu="teachers"] .teacher-profile-mobile-accordion.is-collapsed
.teacher-profile-accordion-toggle > i{
  transform:rotate(180deg);
}

body[data-active-menu="teachers"] .teacher-profile-accordion-body{
  padding:0 18px 18px;
}

@media(max-width:760px){
  body[data-active-menu="teachers"] .teacher-profile-accordion-toggle{
    padding:11px 12px!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-accordion-toggle strong{
    font-size:13px!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-accordion-toggle > i{
    width:27px!important;
    height:27px!important;
    flex-basis:27px!important;
  }

  body[data-active-menu="teachers"] .teacher-profile-accordion-body{
    padding:0 10px 10px!important;
  }
}

/* Admin Genel Arama: Personel kartının aynı görsel dili */
body.admin-role[data-active-menu="search"] .admin-search-stage{
  width:100%;
  min-height:calc(100vh - 150px);
  display:grid;
  place-items:center;
  padding:22px;
  border-radius:22px;
  background:
    radial-gradient(circle at 16% 10%,rgba(137,91,224,.09),transparent 26%),
    radial-gradient(circle at 88% 18%,rgba(225,101,194,.08),transparent 24%),
    linear-gradient(180deg,#f8f7ff 0%,#f6f4fa 100%);
}

body.admin-role[data-active-menu="search"] .admin-main-search-card{
  width:min(560px,100%);
  margin:0 auto;
}

body.admin-role[data-active-menu="search"] .live-search-results:empty{
  display:none!important;
}

body.admin-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
.admin-search-stage{
  min-height:auto;
  padding:14px 22px 10px;
}

body.admin-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
.admin-main-search-card{
  padding:18px 22px!important;
  border-radius:22px!important;
}

body.admin-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
.admin-main-search-card .personnel-search-hero-icon{
  width:58px!important;
  height:58px!important;
  margin-bottom:10px!important;
}

body.admin-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
.admin-main-search-card .personnel-search-title-wrap h1{
  font-size:22px!important;
}

body.admin-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
.admin-main-search-card .personnel-search-description,
body.admin-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
.admin-main-search-card .personnel-search-tip,
body.admin-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
.admin-main-search-card .personnel-search-security{
  display:none!important;
}

body.admin-role[data-active-menu="search"] .live-search-results:not(:empty){
  margin-top:10px!important;
}

@media(max-width:760px){
  body.admin-role[data-active-menu="search"] .admin-search-stage{
    min-height:calc(100svh - 96px);
    padding:12px 10px;
    border-radius:16px;
  }

  body.admin-role[data-active-menu="search"] .admin-main-search-card{
    width:100%;
    padding:28px 18px 18px!important;
    border-radius:25px!important;
  }

  body.admin-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
  .admin-search-stage{
    min-height:auto;
    padding:8px 10px 4px;
  }
}

/* Sınıf kartları: mobildeki renk kimliği webde de aynı */
@media(min-width:761px){
  body[data-active-menu="classes"] .compact-class-list{
    gap:8px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body[data-active-menu="classes"] .compact-class-head{
    margin-bottom:2px!important;
    border:1px solid #e6dde9!important;
    border-radius:12px!important;
    background:#faf7fb!important;
  }

  body[data-active-menu="classes"] .compact-class-row{
    margin:0!important;
    border:1px solid #e6dde9!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 6px 16px rgba(55,21,67,.04)!important;
  }

  body[data-active-menu="classes"] .compact-class-row:hover{
    border-color:#d7c8dc!important;
    box-shadow:0 10px 22px rgba(55,21,67,.07)!important;
  }

  body[data-active-menu="classes"] .compact-class-code{
    width:46px!important;
    height:46px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #ddcee4!important;
    border-radius:13px!important;
    color:#fff!important;
    background:linear-gradient(145deg,#6f3387,#8e5ab0)!important;
    box-shadow:0 7px 14px rgba(93,43,111,.14)!important;
  }

  body[data-active-menu="classes"] .mobile-class-info{
    min-width:0!important;
    padding:9px 10px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
  }

  body[data-active-menu="classes"] .mobile-class-info-blue{
    color:#174e80!important;
    border-color:#cfdef3!important;
    background:#eef5ff!important;
  }

  body[data-active-menu="classes"] .mobile-class-info-green{
    color:#155c39!important;
    border-color:#cce8d6!important;
    background:#eef9f2!important;
  }

  body[data-active-menu="classes"] .mobile-class-info-orange{
    color:#754309!important;
    border-color:#efd7b8!important;
    background:#fff5e9!important;
  }

  body[data-active-menu="classes"] .compact-class-teacher{
    padding:9px 10px!important;
    border:1px solid #dfd0ea!important;
    border-radius:11px!important;
    color:#512361!important;
    background:#f5effa!important;
  }
}

/* Sınıf detay özet kartları da ayrı renk kimlikleri kullanır. */
body[data-active-menu="classes"] .class-detail-summary article{
  border:1px solid transparent!important;
  border-radius:13px!important;
  box-shadow:none!important;
}

body[data-active-menu="classes"] .class-detail-summary article:nth-child(1){
  color:#174e80!important;
  border-color:#cfdef3!important;
  background:#eef5ff!important;
}

body[data-active-menu="classes"] .class-detail-summary article:nth-child(2){
  color:#512361!important;
  border-color:#dfd0ea!important;
  background:#f5effa!important;
}

body[data-active-menu="classes"] .class-detail-summary article:nth-child(3){
  color:#9a3c69!important;
  border-color:#efd2df!important;
  background:#fff0f6!important;
}

body[data-active-menu="classes"] .class-detail-summary article:nth-child(4){
  color:#155c39!important;
  border-color:#cce8d6!important;
  background:#eef9f2!important;
}

body[data-active-menu="classes"] .class-detail-summary article span,
body[data-active-menu="classes"] .class-detail-summary article strong{
  color:inherit!important;
}

body[data-active-menu="classes"] .class-detail-panel:first-child{
  border-top:4px solid #4c8fd4!important;
}

body[data-active-menu="classes"] .class-detail-panel:last-child{
  border-top:4px solid #713487!important;
}

@media(max-width:760px){
  body[data-active-menu="classes"] .compact-class-row{
    border-left:4px solid #713487!important;
  }

  body[data-active-menu="classes"] .compact-class-code{
    color:#fff!important;
    background:linear-gradient(145deg,#6f3387,#8e5ab0)!important;
  }
}


/* ======================================================================
   v3.6.64 - Öğrenci profilinde Ad Soyad + daha büyük mobil fotoğraf
   ====================================================================== */
body[data-active-menu="students"] .profile-student-name{
  display:block;
  max-width:100%;
  margin-top:7px;
  color:#6a2d7d;
  font-size:18px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.02em;
  overflow-wrap:anywhere;
}

@media(max-width:760px){
  body[data-active-menu="students"] .profile-student-name{
    margin-top:6px;
    font-size:15px;
    line-height:1.18;
  }

  body[data-active-menu="students"] .profile-primary-title > small{
    margin-top:5px!important;
  }
}

@media(max-width:360px){
  body[data-active-menu="students"] .profile-student-name{
    font-size:14px;
  }
}


/* ======================================================================
   v3.6.65 - Öğrenci profil başlığı / mobil sınıf özet şeridi / arama çizgisi
   ====================================================================== */

/* Genel Arama başlığının altındaki mor vurgu çizgisi:
   eski yana taşan box-shadow kaldırıldı; tek ve temiz bir çizgi kullanılır. */
.personnel-search-title-accent{
  width:52px!important;
  height:4px!important;
  margin-top:9px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#875af1 0%,#b85de8 100%)!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Sonuç geldiğinde küçülen arama kartındaki çizgi de temiz kalır. */
body.viewer-role[data-active-menu="search"] .main:has(.live-search-results[data-has-results])
.personnel-search-title-accent,
body.viewer-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
.personnel-search-title-accent,
body.admin-role[data-active-menu="search"] .main:has(.live-search-results:not(:empty))
.admin-main-search-card .personnel-search-title-accent{
  width:34px!important;
  height:3px!important;
  margin-top:6px!important;
  box-shadow:none!important;
}

/* Öğrenci profilinde artık yalnız "Öğrenci Profili" üst başlığı ve Ad Soyad görünür. */
body[data-active-menu="students"] .profile-primary-title.profile-primary-title-static{
  padding-right:2px!important;
}

body[data-active-menu="students"] .profile-primary-title.profile-primary-title-static > .overline{
  margin-bottom:4px!important;
}

body[data-active-menu="students"] .profile-primary-title.profile-primary-title-static .profile-student-name{
  margin-top:0!important;
}

/* Mobil sınıf detayında dört ayrı büyük özet kart yerine tek yatay şerit kart. */
@media(max-width:760px){
  body[data-active-menu="classes"] .class-detail-summary{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
    margin:0 0 10px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #e2d9e7!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#ffffff,#faf7fc)!important;
    box-shadow:0 6px 16px rgba(55,21,67,.045)!important;
  }

  body[data-active-menu="classes"] .class-detail-summary article{
    min-width:0!important;
    min-height:52px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    margin:0!important;
    padding:7px 3px!important;
    border:0!important;
    border-right:1px solid #ece5ef!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:center!important;
  }

  body[data-active-menu="classes"] .class-detail-summary article:last-child{
    border-right:0!important;
  }

  body[data-active-menu="classes"] .class-detail-summary article span{
    display:block!important;
    margin:0!important;
    color:#75677b!important;
    font-size:8px!important;
    line-height:1.05!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }

  body[data-active-menu="classes"] .class-detail-summary article strong{
    display:block!important;
    margin:0!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  body[data-active-menu="classes"] .class-detail-summary article:nth-child(1) strong{
    color:#2f73b7!important;
  }

  body[data-active-menu="classes"] .class-detail-summary article:nth-child(2) strong{
    color:#713487!important;
  }

  body[data-active-menu="classes"] .class-detail-summary article:nth-child(3) strong{
    color:#b14f7d!important;
  }

  body[data-active-menu="classes"] .class-detail-summary article:nth-child(4) strong{
    color:#2f7b55!important;
  }
}

@media(max-width:360px){
  body[data-active-menu="classes"] .class-detail-summary article{
    min-height:48px!important;
    padding:6px 2px!important;
  }

  body[data-active-menu="classes"] .class-detail-summary article span{
    font-size:7px!important;
  }

  body[data-active-menu="classes"] .class-detail-summary article strong{
    font-size:16px!important;
  }
}


/* ======================================================================
   v3.6.66 - Profil başlığı / Personel Hata Bildir / Davetli kayıt / Silme kodu
   ====================================================================== */

body[data-active-menu="students"] .profile-primary-title-line{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
  overflow:hidden;
}

body[data-active-menu="students"] .profile-primary-title-line > .overline{
  flex:0 0 auto;
  margin:0!important;
  white-space:nowrap;
}

body[data-active-menu="students"] .profile-primary-title-line > .profile-student-name{
  min-width:0;
  flex:1 1 auto;
  display:block;
  margin:0!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.viewer-role[data-active-menu="students"] .personnel-profile-actions{
  flex-direction:column;
  align-items:stretch;
}

body.viewer-role[data-active-menu="students"] .personnel-profile-actions .profile-action-button{
  width:100%;
}

body.viewer-role[data-active-menu="students"] .profile-error-report-button{
  color:#8f3552!important;
  border-color:#ead4dc!important;
  background:#fff9fb!important;
}

body.viewer-role[data-active-menu="students"] .profile-error-report-button:hover{
  background:#fdf0f5!important;
}

.danger-code-field{
  gap:7px!important;
}

.danger-verification-code{
  display:inline-flex!important;
  width:max-content;
  min-width:132px;
  align-items:center;
  justify-content:center;
  padding:10px 16px!important;
  border:1px solid #e4ccd4!important;
  border-radius:12px!important;
  color:#8d2949!important;
  background:#fff7fa!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;
  font-size:22px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}

.danger-code-field > small{
  color:#806b73;
  font-size:9px;
}

.registration-invite-admin-card{
  margin:12px 0 14px;
  padding:16px;
  border:1px solid #e3d8e7;
  border-radius:17px;
  background:
    radial-gradient(circle at 92% 10%,rgba(112,47,138,.08),transparent 30%),
    linear-gradient(145deg,#fff,#fcf9fd);
  box-shadow:0 8px 20px rgba(55,21,67,.05);
}

.registration-invite-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.registration-invite-head h2{
  margin:3px 0;
  color:#44234d;
  font-size:18px;
}

.registration-invite-head p{
  margin:0;
  color:#7b687f;
  font-size:10px;
}

.registration-invite-status{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:62px;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  font-size:9px;
  font-weight:850;
}

.registration-invite-status.active{
  color:#226044;
  background:#e9f7ef;
  border:1px solid #cbe8d8;
}

.registration-invite-status.inactive{
  color:#846f76;
  background:#f5f1f3;
  border:1px solid #e7dde1;
}

.registration-invite-link-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  margin-top:13px;
}

.registration-invite-link-row input{
  width:100%;
  min-width:0;
  height:42px;
  padding:0 12px;
  border:1px solid #ddd0e1;
  border-radius:11px;
  color:#57325f;
  background:#fff;
  font-size:10px;
}

.registration-invite-actions{
  display:flex;
  gap:8px;
  margin-top:10px;
}

.registration-invite-actions form{
  margin:0;
}

.registration-invite-help{
  display:block;
  margin-top:9px;
  color:#846f89;
  font-size:8px;
}

.registration-invite-empty{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
  padding:11px 12px;
  border:1px dashed #dccccf;
  border-radius:12px;
  background:#fff;
}

.registration-invite-empty p{
  margin:0;
  color:#735f79;
  font-size:10px;
}

.registration-shell{
  max-width:980px;
}

.registration-card{
  max-width:460px;
}

.registration-role-note{
  margin:0 0 14px;
  padding:9px 10px;
  border:1px solid #e3d8e7;
  border-radius:10px;
  color:#6c5872;
  background:#faf6fb;
  font-size:9px;
  line-height:1.45;
}

.registration-role-note strong{
  color:#6a2d7d;
}

.registration-form{
  gap:11px;
}

.registration-login-link{
  margin-top:12px;
}

@media(max-width:760px){
  body[data-active-menu="students"] .profile-primary-title-line{
    gap:7px;
  }

  body[data-active-menu="students"] .profile-primary-title-line > .overline{
    font-size:7px!important;
    letter-spacing:.08em!important;
  }

  body[data-active-menu="students"] .profile-primary-title-line > .profile-student-name{
    font-size:14px!important;
  }

  .registration-invite-admin-card{
    margin:8px 0 10px;
    padding:12px;
    border-radius:14px;
  }

  .registration-invite-head{
    gap:8px;
  }

  .registration-invite-head h2{
    font-size:15px;
  }

  .registration-invite-head p{
    font-size:8px;
  }

  .registration-invite-link-row{
    grid-template-columns:1fr;
  }

  .registration-invite-link-row .btn{
    width:100%;
  }

  .registration-invite-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .registration-invite-actions form,
  .registration-invite-actions .btn{
    width:100%;
  }

  .registration-invite-empty{
    align-items:stretch;
    flex-direction:column;
  }

  .registration-invite-empty form,
  .registration-invite-empty .btn{
    width:100%;
  }

  .danger-verification-code{
    min-width:118px;
    padding:9px 13px!important;
    font-size:20px!important;
  }
}

@media(max-width:360px){
  body[data-active-menu="students"] .profile-primary-title-line{
    gap:5px;
  }

  body[data-active-menu="students"] .profile-primary-title-line > .overline{
    font-size:6.4px!important;
  }

  body[data-active-menu="students"] .profile-primary-title-line > .profile-student-name{
    font-size:12.5px!important;
  }
}


/* ======================================================================
   v3.6.67 - Öğrenci profil başlığı ve Ad Soyad dikey hizalama
   ====================================================================== */

body[data-active-menu="students"] .profile-primary-title.profile-primary-title-static{
  min-width:0;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:0!important;
  overflow:visible!important;
}

body[data-active-menu="students"] .profile-primary-title.profile-primary-title-static > .overline{
  display:block!important;
  width:100%!important;
  margin:0 0 6px!important;
  white-space:normal!important;
}

body[data-active-menu="students"] .profile-primary-title.profile-primary-title-static > .profile-student-name{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 5px!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  color:#6a2d7d!important;
  font-size:19px!important;
  line-height:1.22!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}

body[data-active-menu="students"] .profile-primary-title.profile-primary-title-static > small{
  display:block!important;
  width:100%!important;
  margin:0!important;
}

/* v3.6.66 yatay başlık yardımcısı artık kullanılmıyor. */
body[data-active-menu="students"] .profile-primary-title-line{
  display:contents!important;
}

@media(max-width:760px){
  body[data-active-menu="students"] .profile-primary-title.profile-primary-title-static > .overline{
    margin-bottom:5px!important;
  }

  body[data-active-menu="students"] .profile-primary-title.profile-primary-title-static > .profile-student-name{
    margin-bottom:4px!important;
    font-size:15.5px!important;
    line-height:1.2!important;
  }
}

@media(max-width:360px){
  body[data-active-menu="students"] .profile-primary-title.profile-primary-title-static > .profile-student-name{
    font-size:14px!important;
  }
}


/* ======================================================================
   v3.6.68 - Sınıf öğrenci atama havuzu
   ====================================================================== */

@media(min-width:761px){
  body[data-active-menu="classes"] .compact-class-head,
  body[data-active-menu="classes"] .compact-class-row{
    grid-template-columns:minmax(220px,1.35fr) 100px 100px 135px minmax(180px,1fr) 90px 198px!important;
  }
}

body[data-active-menu="classes"] .class-assign-action{
  width:42px!important;
  color:#2f6c4b!important;
  border-color:#cfe6d8!important;
  background:#f1faf5!important;
  font-size:9px!important;
  font-weight:900!important;
}

body[data-active-menu="classes"] .class-assign-action:hover{
  color:#1d5a3a!important;
  border-color:#acd5bc!important;
  background:#e6f6ed!important;
}

.class-assignment-subtitle{
  margin:5px 0 0;
  color:#7a687f;
  font-size:10px;
}

.class-assignment-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:12px;
}

.class-assignment-summary > div{
  min-width:0;
  padding:13px 15px;
  border:1px solid #e3d9e6;
  border-radius:15px;
  background:#fff;
  box-shadow:0 5px 15px rgba(55,21,67,.04);
}

.class-assignment-summary span,
.class-assignment-summary small{
  display:block;
  color:#7b697f;
  font-size:9px;
}

.class-assignment-summary strong{
  display:block;
  margin:3px 0;
  color:#5c256d;
  font-size:19px;
  line-height:1.1;
}

.class-assignment-search{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:8px;
  align-items:center;
  margin-bottom:12px;
  padding:10px;
  border:1px solid #e4dae7;
  border-radius:15px;
  background:#fff;
  box-shadow:0 5px 15px rgba(55,21,67,.04);
}

.class-assignment-search .search-field{
  min-width:0;
}

.class-assignment-form{
  overflow:hidden;
  border:1px solid #e2d7e5;
  border-radius:17px;
  background:#fff;
  box-shadow:0 8px 20px rgba(55,21,67,.05);
}

.class-assignment-toolbar,
.class-assignment-submitbar{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  background:#faf7fb;
}

.class-assignment-toolbar{
  border-bottom:1px solid #ebe2ed;
}

.class-assignment-toolbar > strong{
  color:#6a2d7d;
  font-size:10px;
}

.class-assignment-select-all{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#4d3755;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}

.class-assignment-select-all input,
.class-assignment-student > input{
  width:17px;
  height:17px;
  accent-color:#702f8a;
}

.class-assignment-pool{
  max-height:58vh;
  overflow:auto;
  padding:7px;
  background:#fdfbfd;
}

.class-assignment-student{
  min-width:0;
  display:grid;
  grid-template-columns:20px 42px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  margin:0;
  padding:9px 10px;
  border:1px solid transparent;
  border-radius:12px;
  cursor:pointer;
  transition:.15s ease;
}

.class-assignment-student + .class-assignment-student{
  margin-top:4px;
}

.class-assignment-student:hover{
  border-color:#dfd2e3;
  background:#fff;
}

.class-assignment-student:has(> input:checked){
  border-color:#cdb7d5;
  background:#f7f0f9;
}

.class-assignment-avatar{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:11px;
  color:#fff;
  background:linear-gradient(145deg,#5d7eb1,#7899c7);
  font-size:10px;
  font-weight:900;
}

.class-assignment-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.class-assignment-person{
  min-width:0;
}

.class-assignment-person strong{
  display:block;
  overflow:hidden;
  color:#3f2848;
  font-size:11px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.class-assignment-person small{
  display:block;
  margin-top:2px;
  overflow:hidden;
  color:#837388;
  font-size:8px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.class-assignment-submitbar{
  border-top:1px solid #ebe2ed;
}

.class-assignment-submitbar > div{
  min-width:0;
}

.class-assignment-submitbar strong,
.class-assignment-submitbar small{
  display:block;
}

.class-assignment-submitbar strong{
  color:#4f295b;
  font-size:11px;
}

.class-assignment-submitbar small{
  margin-top:2px;
  color:#847389;
  font-size:8px;
}

.class-assignment-submitbar .btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.class-assignment-empty{
  margin-top:8px;
}

@media(max-width:760px){
  .class-assignment-topbar{
    align-items:flex-start!important;
  }

  .class-assignment-subtitle{
    font-size:8px;
    line-height:1.35;
  }

  .class-assignment-summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
    margin-bottom:8px;
  }

  .class-assignment-summary > div{
    padding:8px 6px;
    border-radius:11px;
    text-align:center;
  }

  .class-assignment-summary span,
  .class-assignment-summary small{
    overflow:hidden;
    font-size:7px;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  .class-assignment-summary strong{
    font-size:14px;
  }

  .class-assignment-search{
    grid-template-columns:minmax(0,1fr) auto;
    gap:6px;
    margin-bottom:8px;
    padding:7px;
    border-radius:12px;
  }

  .class-assignment-search > .btn.ghost{
    grid-column:1 / -1;
    min-height:32px!important;
  }

  .class-assignment-toolbar,
  .class-assignment-submitbar{
    min-height:50px;
    padding:8px 9px;
  }

  .class-assignment-toolbar > strong,
  .class-assignment-select-all{
    font-size:8px;
  }

  .class-assignment-pool{
    max-height:58vh;
    padding:5px;
  }

  .class-assignment-student{
    grid-template-columns:18px 38px minmax(0,1fr) auto;
    gap:7px;
    padding:7px 6px;
    border-radius:10px;
  }

  .class-assignment-avatar{
    width:36px;
    height:36px;
    border-radius:10px;
    font-size:9px;
  }

  .class-assignment-person strong{
    font-size:10px;
  }

  .class-assignment-person small{
    font-size:7px;
  }

  .class-assignment-student .status-pill{
    padding:4px 5px!important;
    font-size:7px!important;
  }

  .class-assignment-submitbar{
    align-items:stretch;
    flex-direction:column;
  }

  .class-assignment-submitbar .btn{
    width:100%;
  }
}


/* ======================================================================
   v3.6.69 - Hızlı öğrenci atama + sınıf kart hizalama düzeltmeleri
   ====================================================================== */

.class-assignment-student[hidden]{
  display:none!important;
}

.class-assignment-filter-empty{
  margin:7px!important;
  padding:16px 12px!important;
}

.class-assignment-filter-empty[hidden]{
  display:none!important;
}

/* Sınıf kartlarında yeni Ata işlemi eklendikten sonra butonların satır
   kırarak kart yüksekliğini kaydırmasını engelle. */
@media(min-width:761px){
  body[data-active-menu="classes"] .compact-class-head,
  body[data-active-menu="classes"] .compact-class-row{
    width:100%!important;
    box-sizing:border-box!important;
    grid-template-columns:
      minmax(210px,1.35fr)
      100px
      100px
      120px
      minmax(170px,1fr)
      82px
      198px!important;
    column-gap:10px!important;
  }

  body[data-active-menu="classes"] .compact-class-head > *,
  body[data-active-menu="classes"] .compact-class-row > *{
    min-width:0!important;
    box-sizing:border-box!important;
  }

  body[data-active-menu="classes"] .compact-class-head > span:last-child{
    text-align:right!important;
  }

  body[data-active-menu="classes"] .compact-actions{
    width:198px!important;
    min-width:198px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
  }

  body[data-active-menu="classes"] .compact-actions > a,
  body[data-active-menu="classes"] .compact-actions > form{
    flex:0 0 auto!important;
  }

  body[data-active-menu="classes"] .compact-actions form{
    display:block!important;
    width:34px!important;
  }

  body[data-active-menu="classes"] .compact-actions .icon-action{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
  }

  body[data-active-menu="classes"] .compact-actions .icon-action.export,
  body[data-active-menu="classes"] .compact-actions .class-assign-action{
    width:38px!important;
    min-width:38px!important;
  }
}

@media(min-width:761px) and (max-width:1180px){
  body[data-active-menu="classes"] .compact-class-head,
  body[data-active-menu="classes"] .compact-class-row{
    min-width:960px!important;
    grid-template-columns:
      minmax(170px,1.2fr)
      84px
      84px
      96px
      minmax(140px,.9fr)
      72px
      198px!important;
    column-gap:8px!important;
  }
}

/* Mobil kartta bilgi kutularını gerçek eşit kolonlara yerleştir.
   Önceki 1fr/auto/auto yapısı Kız-Erkek kutusunu daraltabiliyordu. */
@media(max-width:760px){
  body[data-active-menu="classes"] .compact-class-row{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-template-areas:
      "main main main main status menu"
      "blue blue blue blue blue blue"
      "green green green orange orange orange"!important;
    align-items:center!important;
  }

  body[data-active-menu="classes"] .compact-class-main,
  body[data-active-menu="classes"] .mobile-class-info{
    min-width:0!important;
  }

  body[data-active-menu="classes"] .mobile-class-info-green,
  body[data-active-menu="classes"] .mobile-class-info-orange{
    min-height:52px!important;
    height:52px!important;
  }

  body[data-active-menu="classes"] .compact-class-status,
  body[data-active-menu="classes"] .mobile-class-menu-wrap{
    justify-self:end!important;
  }
}

@media(max-width:360px){
  body[data-active-menu="classes"] .compact-class-row{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-template-areas:
      "main main main main status menu"
      "blue blue blue blue blue blue"
      "green green green green green green"
      "orange orange orange orange orange orange"!important;
  }
}


/* ======================================================================
   v3.6.70 - Sınıf bazlı Excel / PDF çıktı merkezi
   ====================================================================== */
.class-export-topbar p{margin:4px 0 0;color:#7b687f;font-size:10px;}
.class-export-shell{display:grid;gap:12px;}
.class-export-filter-card{display:grid;grid-template-columns:minmax(230px,1.1fr) minmax(220px,1fr) 180px auto auto;align-items:end;gap:9px;padding:13px;border:1px solid #e3d8e7;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(55,21,67,.04);}
.class-export-filter-copy{align-self:center;min-width:0;}
.class-export-filter-copy strong,.class-export-filter-copy small{display:block;}
.class-export-filter-copy strong{margin-top:2px;color:#4c2955;font-size:13px;}
.class-export-filter-copy small{margin-top:2px;color:#8a778e;font-size:8px;}
.class-export-filter-card label{display:grid;gap:4px;min-width:0;}
.class-export-filter-card label>span{color:#725f78;font-size:8px;font-weight:800;}
.class-export-filter-card input,.class-export-filter-card select{width:100%;height:38px;border:1px solid #ddd3e1;border-radius:10px;background:#fff;padding:0 10px;color:#4c3b51;font:inherit;font-size:10px;}
.class-export-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.class-export-summary article{min-width:0;padding:10px 12px;border:1px solid #e6dde9;border-radius:13px;background:linear-gradient(145deg,#fff,#fbf8fc);}
.class-export-summary span,.class-export-summary small{display:block;color:#87758c;font-size:8px;font-weight:700;}
.class-export-summary strong{display:block;margin-top:2px;overflow:hidden;color:#5d2d6b;font-size:14px;white-space:nowrap;text-overflow:ellipsis;}
.class-export-field-picker .excel-field-option input:checked+span small{color:#5f7d68;}
.class-export-action-bar{position:sticky;bottom:8px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:11px 12px;border:1px solid #dfd4e3;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 10px 25px rgba(55,21,67,.08);backdrop-filter:blur(8px);}
.class-export-action-bar>div:first-child strong,.class-export-action-bar>div:first-child span{display:block;}
.class-export-action-bar>div:first-child strong{color:#4d2857;font-size:12px;}
.class-export-action-bar>div:first-child span{color:#88758c;font-size:8px;}
.class-export-action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;}
.excel-export-button{color:#226044!important;border:1px solid #c9e5d5!important;background:#edf8f2!important;}
.excel-export-button:hover{background:#e1f3e9!important;}
@media(max-width:1050px){.class-export-filter-card{grid-template-columns:1fr 1fr 150px auto;}.class-export-filter-copy{grid-column:1/-1;}.class-export-filter-card>.btn.ghost{grid-column:auto;}}
@media(max-width:760px){.class-export-topbar p{font-size:8px;}.class-export-shell{gap:8px;}.class-export-filter-card{grid-template-columns:1fr 110px;gap:7px;padding:10px;border-radius:13px;}.class-export-filter-copy{grid-column:1/-1;}.class-export-filter-card label:first-of-type{grid-column:1/-1;}.class-export-filter-card>.btn{min-height:34px!important;}.class-export-summary{grid-template-columns:1fr 1fr;gap:6px;}.class-export-summary article{padding:8px 9px;}.class-export-summary strong{font-size:12px;}.class-export-action-bar{position:static;align-items:stretch;flex-direction:column;padding:9px;}.class-export-action-buttons{display:grid;grid-template-columns:1fr;}.class-export-action-buttons .btn{width:100%;}}


/* ======================================================================
   v3.6.72 - Resmi Excel şablonu
   ====================================================================== */
.official-template-export-card{
  gap:14px!important;
}

.official-template-export-note,
.official-template-class-note{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:12px 14px;
  border:1px solid #ded3e4;
  border-radius:13px;
  background:linear-gradient(145deg,#fff,#faf7fc);
}

.official-template-export-note strong,
.official-template-class-note strong{
  color:#5e296f;
  font-size:11px;
}

.official-template-export-note span,
.official-template-class-note span{
  color:#78677c;
  font-size:9px;
  line-height:1.45;
}

.official-template-class-note{
  margin-bottom:12px;
}

@media(max-width:760px){
  .official-template-export-note,
  .official-template-class-note{
    padding:10px 11px;
    border-radius:11px;
  }

  .official-template-export-note strong,
  .official-template-class-note strong{
    font-size:9.5px;
  }

  .official-template-export-note span,
  .official-template-class-note span{
    font-size:8px;
  }
}


/* ======================================================================
   v3.6.73 - Excel çıktı HTTP 500 güvenli hata görünümü
   ====================================================================== */
.excel-export-runtime-error{
  margin:0 0 12px!important;
}

@media(max-width:760px){
  .excel-export-runtime-error{
    margin-bottom:9px!important;
  }
}


/* ======================================================================
   v3.6.76 - Resmi Excel 57 sütun filtreleme
   ====================================================================== */
.class-template-column-picker{
  margin-bottom:18px;
  padding-bottom:18px;
  border-bottom:1px solid #eadfeb;
}

.official-template-field-groups{
  margin-top:12px;
}

.template-column-presets{
  flex-wrap:wrap!important;
}

.template-column-presets button{
  white-space:nowrap;
}

.pdf-field-picker-head{
  margin-top:4px;
}

@media(max-width:760px){
  .class-template-column-picker{
    margin-bottom:14px;
    padding-bottom:14px;
  }

  .template-column-presets{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }

  .template-column-presets button{
    width:100%!important;
    min-width:0!important;
    padding-left:7px!important;
    padding-right:7px!important;
    font-size:8px!important;
  }
}


/* ======================================================================
   v3.6.78 - Sınıf düzenleme / sınıfı sil
   ====================================================================== */
body[data-active-menu="classes"] .class-delete-zone{
  margin-top:16px;
}

body[data-active-menu="classes"] .class-delete-zone .danger-zone-content h2{
  margin:3px 0 7px;
}

body[data-active-menu="classes"] .class-delete-zone .danger-zone-content p{
  margin:0 0 14px;
  line-height:1.55;
}

body[data-active-menu="classes"] .class-delete-form{
  display:flex;
  justify-content:flex-start;
}

@media(max-width:700px){
  body[data-active-menu="classes"] .class-delete-zone{
    margin-top:12px;
  }

  body[data-active-menu="classes"] .class-delete-form .btn{
    width:100%;
  }
}