html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  overflow-x: hidden;
}

img,
svg,
video,
canvas {
  max-width: 100%;
}

button,
a,
input,
select,
textarea {
  max-width: 100%;
}

.table-wrap,
.grade-table-wrap,
.trial-table-wrap,
.net-calc-table-wrap,
.book-table-wrap,
.rehberlik-table-wrap,
.talebe-report-table-wrap,
.keyfiyet-table-wrap,
.loss-table-wrap,
.personel-info-table-wrap,
.sibyan-table-wrap,
.student-info-table-wrap,
.eokul-student-list-card {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

td,
th,
.metric-card,
.analysis-card,
.stat-card,
.summary-card,
.trial-summary-card,
.loss-summary-card,
.sum-card,
.settings-card,
.accounting-main-card,
.moderator-main-card,
.personel-info-card,
.rehberlik-list-card,
.talebe-report-card,
.keyfiyet-static-card,
.loss-card,
.sibyan-card,
.exit-card,
.big-form-card,
.list-card,
.student-add-modal-card {
  overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
  .has-fixed-menu .side-menu.fixed {
    position: static !important;
    inset: auto !important;
    width: calc(100% - 24px) !important;
    max-width: 1120px !important;
    height: auto !important;
    max-height: none !important;
    margin: 12px auto !important;
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    overflow: visible !important;
  }

  .has-fixed-menu .side-menu-title,
  .has-fixed-menu .side-menu-group {
    grid-column: 1 / -1 !important;
  }

  .has-fixed-menu .side-menu-title {
    padding: 6px 8px 8px !important;
    margin-bottom: 2px !important;
  }

  .has-fixed-menu .side-menu-group {
    margin: 8px 4px 2px !important;
    font-size: 11px !important;
  }

  .has-fixed-menu .side-menu a {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 9px 10px !important;
    gap: 8px !important;
  }

  .has-fixed-menu .side-menu a b {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .has-fixed-menu .admin-shell,
  .has-fixed-menu .detail-shell,
  .has-fixed-menu .form-shell {
    width: calc(100% - 24px) !important;
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .admin-shell,
  .detail-shell,
  .form-shell {
    width: calc(100% - 24px) !important;
  }

  .hero-card,
  .detail-hero,
  .student-top-card,
  .dash-hero,
  .loss-hero,
  .form-hero,
  .personel-info-hero,
  .rehberlik-hero,
  .talebe-rapor-hero,
  .sibyan-hero,
  .exit-hero,
  .settings-hero {
    flex-wrap: wrap !important;
  }

  .stats-grid,
  .dash-grid,
  .summary-grid,
  .compact-summary,
  .trial-summary-grid,
  .book-summary-grid,
  .keyfiyet-summary-grid,
  .loss-summary-grid,
  .accounting-card-grid,
  .moderator-card-grid,
  .settings-grid,
  .student-add-form-grid,
  .report-add-person-grid,
  .sibyan-form,
  .form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .dash-grid .analysis-card,
  .settings-card.wide-card,
  .wide-card,
  .single-form-grid,
  .student-info-form-layout {
    grid-column: 1 / -1 !important;
  }

  .list-top,
  .compact-top,
  .loss-title-row,
  .personel-info-table-head,
  .report-add-form-head,
  .rehberlik-hero-topline,
  .talebe-rapor-hero-topline,
  .personel-info-hero-topline,
  .form-title-with-actions,
  .eokul-grade-entry-head,
  .form-actions {
    flex-wrap: wrap !important;
  }

  .filters {
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .status-tabs,
  .compact-tabs,
  .management-top-tabs,
  .keyfiyet-static-tabs {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin;
    padding-bottom: 10px !important;
  }

  .status-tabs .tab,
  .compact-tabs .tab,
  .management-top-tabs .tab,
  .keyfiyet-static-tabs .tab {
    flex: 0 0 auto !important;
    min-width: max-content !important;
  }
}

@media (max-width: 900px) {
  .has-fixed-menu .side-menu.fixed {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .login-card,
  .hero-card,
  .big-form-card,
  .detail-hero,
  .small-hero,
  .student-top-card,
  .dashboard-panel,
  .eokul-card,
  .trial-card,
  .book-card,
  .talebe-report-card,
  .rehberlik-list-card,
  .keyfiyet-static-card,
  .loss-card,
  .sibyan-card,
  .exit-card,
  .settings-card,
  .accounting-menu-panel,
  .moderator-menu-panel,
  .personel-info-card {
    border-radius: 18px !important;
  }

  .hero-card,
  .detail-hero,
  .small-hero,
  .loss-hero,
  .form-hero,
  .student-top-card {
    padding: 16px !important;
    gap: 12px !important;
  }

  .hero-card h1,
  .detail-hero h1,
  .small-hero h1,
  .loss-hero h1,
  .form-hero h1,
  .dash-hero h1 {
    font-size: clamp(26px, 7vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.5px !important;
  }

  .hero-text,
  .detail-hero p,
  .loss-hero p,
  .form-hero p,
  .dash-hero p {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .admin-home-body .hero-actions,
  .hero-actions {
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .action-button,
  .update-pill,
  .page-home-button,
  .clear-button,
  .save-button,
  .excel-button,
  .mini-action,
  .period-button,
  .row-add-button {
    min-width: 0 !important;
  }

  .dash-grid,
  .stats-grid,
  .summary-grid,
  .compact-summary,
  .trial-summary-grid,
  .book-summary-grid,
  .keyfiyet-summary-grid,
  .loss-summary-grid,
  .accounting-card-grid,
  .moderator-card-grid,
  .settings-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .metric-card,
  .stat-card,
  .summary-card,
  .trial-summary-card,
  .book-summary-card,
  .loss-summary-card,
  .sum-card {
    min-width: 0 !important;
  }
}

@media (max-width: 720px) {
  body {
    background-size: auto !important;
  }

  .has-fixed-menu .side-menu.fixed {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: calc(100% - 16px) !important;
    margin: 8px auto !important;
    padding: 10px !important;
    border-radius: 16px !important;
  }

  .has-fixed-menu .admin-shell,
  .has-fixed-menu .detail-shell,
  .has-fixed-menu .form-shell,
  .admin-shell,
  .detail-shell,
  .form-shell {
    width: calc(100% - 16px) !important;
    padding-top: 12px !important;
  }

  .login-body .login-card,
  .login-card,
  .hero-card,
  .big-form-card,
  .detail-hero,
  .small-hero,
  .student-top-card,
  .dashboard-panel,
  .eokul-card,
  .trial-card,
  .book-card,
  .talebe-report-card,
  .rehberlik-list-card,
  .keyfiyet-static-card,
  .loss-card,
  .sibyan-card,
  .exit-card,
  .settings-card,
  .accounting-menu-panel,
  .moderator-menu-panel,
  .personel-info-card,
  .list-card {
    padding: 14px !important;
    border-radius: 16px !important;
  }

  .hero-card,
  .detail-hero,
  .small-hero,
  .loss-hero,
  .form-hero,
  .student-top-card,
  .dash-hero,
  .personel-info-hero,
  .rehberlik-hero,
  .talebe-rapor-hero,
  .sibyan-hero,
  .exit-hero,
  .settings-hero,
  .list-top,
  .compact-top,
  .loss-title-row,
  .personel-info-table-head,
  .report-add-form-head,
  .form-title-with-actions,
  .eokul-grade-entry-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  .hero-brand,
  .hero-copy,
  .hero-logo,
  .hero-actions,
  .admin-home-body .hero-actions,
  .form-actions,
  .bottom-nav-actions,
  .row-tools,
  .period-buttons {
    width: 100% !important;
  }

  .hero-logo {
    height: auto !important;
    max-height: 110px !important;
    object-fit: contain !important;
  }

  .hero-actions,
  .admin-home-body .hero-actions,
  .form-actions,
  .bottom-nav-actions,
  .row-tools,
  .period-buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .action-button,
  .update-pill,
  .page-home-button,
  .clear-button,
  .save-button,
  .excel-button,
  .mini-action,
  .period-button,
  .row-add-button,
  .panel-button,
  .whatsapp-trial-button {
    width: 100% !important;
    min-width: 0 !important;
  }

  .stats-grid,
  .dash-grid,
  .summary-grid,
  .compact-summary,
  .trial-summary-grid,
  .book-summary-grid,
  .keyfiyet-summary-grid,
  .loss-summary-grid,
  .accounting-card-grid,
  .moderator-card-grid,
  .settings-grid,
  .form-grid,
  .single-form-grid,
  .student-info-form-layout,
  .student-add-form-grid,
  .student-delete-form-grid,
  .report-add-person-grid,
  .sibyan-form,
  .filters {
    grid-template-columns: 1fr !important;
  }

  .metric-card,
  .stat-card,
  .summary-card,
  .trial-summary-card,
  .book-summary-card,
  .loss-summary-card,
  .sum-card,
  .analysis-card,
  .settings-card,
  .accounting-main-card,
  .moderator-main-card {
    min-height: auto !important;
  }

  .metric-card .value,
  .stat-card strong,
  .summary-card strong,
  .trial-summary-card strong,
  .loss-summary-card strong,
  .sum-card strong {
    font-size: clamp(22px, 9vw, 34px) !important;
  }

  input,
  select,
  textarea {
    min-height: 44px !important;
    font-size: 16px !important;
  }

  textarea {
    min-height: 96px !important;
  }

  .modal-backdrop,
  .detail-drawer,
  .student-add-modal,
  .report-a4-modal,
  .rehberlik-modal,
  .rehberlik-add-modal,
  .personel-add-modal {
    padding: 10px !important;
  }

  .admin-login,
  .detail-card,
  .student-add-modal-card,
  .report-add-form-shell,
  .rehberlik-clean-form,
  .personel-add-form {
    width: 100% !important;
    max-height: calc(100vh - 20px) !important;
    overflow: auto !important;
    border-radius: 16px !important;
  }
}

@media (max-width: 460px) {
  .has-fixed-menu .side-menu.fixed {
    grid-template-columns: 1fr !important;
  }

  .side-menu a {
    min-height: 42px !important;
  }

  .login-card h1,
  .hero-card h1,
  .detail-hero h1,
  .small-hero h1,
  .loss-hero h1,
  .form-hero h1,
  .dash-hero h1 {
    font-size: 24px !important;
  }

  .list-top h2,
  .compact-top h2,
  .loss-title-row h2,
  .settings-card h2,
  .accounting-menu-title h2,
  .moderator-menu-title h2 {
    font-size: 21px !important;
  }

  th,
  td {
    padding: 10px 8px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 720px) {
  .admin-home-body .list-card .table-wrap,
  .student-info-table-wrap,
  .eokul-student-list-card,
  .rehberlik-table-wrap,
  .talebe-report-table-wrap,
  .personel-info-table-wrap,
  .sibyan-table-wrap,
  .loss-table-wrap {
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .admin-home-body .list-card table,
  .student-info-list-table,
  .eokul-student-list-table,
  .rehberlik-table,
  .talebe-report-table,
  .personel-info-table,
  .sibyan-table,
  .loss-table {
    width: 100% !important;
    min-width: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
  }

  .admin-home-body .list-card thead,
  .student-info-list-table thead,
  .eokul-student-list-table thead,
  .rehberlik-table thead,
  .talebe-report-table thead,
  .personel-info-table thead,
  .sibyan-table thead,
  .loss-table thead {
    display: none !important;
  }

  .admin-home-body .list-card tbody,
  .admin-home-body .list-card tr,
  .admin-home-body .list-card td,
  .student-info-list-table tbody,
  .student-info-list-table tr,
  .student-info-list-table td,
  .eokul-student-list-table tbody,
  .eokul-student-list-table tr,
  .eokul-student-list-table td,
  .rehberlik-table tbody,
  .rehberlik-table tr,
  .rehberlik-table td,
  .talebe-report-table tbody,
  .talebe-report-table tr,
  .talebe-report-table td,
  .personel-info-table tbody,
  .personel-info-table tr,
  .personel-info-table td,
  .sibyan-table tbody,
  .sibyan-table tr,
  .sibyan-table td,
  .loss-table tbody,
  .loss-table tr,
  .loss-table td {
    display: block !important;
    width: 100% !important;
  }

  .admin-home-body .list-card tr,
  .student-info-list-table tr,
  .eokul-student-list-table tr,
  .rehberlik-table tr,
  .talebe-report-table tr,
  .personel-info-table tr,
  .sibyan-table tr,
  .loss-table tr {
    padding: 10px 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 26px rgba(19,105,94,.07) !important;
  }

  .admin-home-body .list-card td,
  .student-info-list-table td,
  .eokul-student-list-table td,
  .rehberlik-table td,
  .talebe-report-table td,
  .personel-info-table td,
  .sibyan-table td,
  .loss-table td {
    display: grid !important;
    grid-template-columns: 126px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 8px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(7, 135, 125, .12) !important;
    white-space: normal !important;
    font-size: 12.5px !important;
  }

  .admin-home-body .list-card td:last-child,
  .student-info-list-table td:last-child,
  .eokul-student-list-table td:last-child,
  .rehberlik-table td:last-child,
  .talebe-report-table td:last-child,
  .personel-info-table td:last-child,
  .sibyan-table td:last-child,
  .loss-table td:last-child {
    border-bottom: 0 !important;
  }

  .admin-home-body .list-card td::before,
  .student-info-list-table td::before,
  .eokul-student-list-table td::before,
  .rehberlik-table td::before,
  .talebe-report-table td::before,
  .personel-info-table td::before,
  .sibyan-table td::before,
  .loss-table td::before {
    color: var(--green) !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
  }

  .admin-home-body .list-card td:nth-child(1)::before {
    content: "S.No";
  }

  .admin-home-body .list-card td:nth-child(2)::before {
    content: "Adı Soyadı";
  }

  .admin-home-body .list-card td:nth-child(3)::before {
    content: "Sınıfı";
  }

  .admin-home-body .list-card td:nth-child(4)::before {
    content: "Etüt Mesulü";
  }

  .admin-home-body .list-card td:nth-child(5)::before {
    content: "1. Dönem";
  }

  .admin-home-body .list-card td:nth-child(6)::before {
    content: "2. Dönem";
  }

  .admin-home-body .list-card td:nth-child(7)::before {
    content: "Yıl Sonu";
  }

  .admin-home-body .list-card td:nth-child(8)::before {
    content: "Belge";
  }

  .admin-home-body .list-card td:nth-child(9)::before {
    content: "Zayiat";
  }

  .student-info-list-table td:nth-child(1)::before {
    content: "S.No";
  }

  .student-info-list-table td:nth-child(2)::before {
    content: "Adı Soyadı";
  }

  .student-info-list-table td:nth-child(3)::before {
    content: "Sınıfı";
  }

  .student-info-list-table td:nth-child(4)::before {
    content: "Veli Adı";
  }

  .student-info-list-table td:nth-child(5)::before {
    content: "Etüt Mesulü";
  }

  .student-info-list-table td:nth-child(6)::before {
    content: "Kayıt Tarihi";
  }

  .student-info-list-table td:nth-child(7)::before {
    content: "Talebelik Süresi";
  }

  .eokul-student-list-table td:nth-child(1)::before {
    content: "No";
  }

  .eokul-student-list-table td:nth-child(2)::before {
    content: "Adı Soyadı";
  }

  .eokul-student-list-table td:nth-child(3)::before {
    content: "Sınıfı";
  }

  .eokul-student-list-table td:nth-child(4)::before {
    content: "1. Dönem";
  }

  .eokul-student-list-table td:nth-child(5)::before {
    content: "2. Dönem";
  }

  .eokul-student-list-table td:nth-child(6)::before {
    content: "Yıl Sonu";
  }

  .eokul-student-list-table td:nth-child(7)::before {
    content: "Belge";
  }

  .rehberlik-table td:nth-child(1)::before {
    content: "Sıra No";
  }

  .rehberlik-table td:nth-child(2)::before {
    content: "Adı Soyadı";
  }

  .rehberlik-table td:nth-child(3)::before {
    content: "Sınıfı";
  }

  .rehberlik-table td:nth-child(4)::before {
    content: "Etüt Mesulü";
  }

  .rehberlik-table td:nth-child(5)::before {
    content: "Tarih";
  }

  .rehberlik-table td:nth-child(6)::before {
    content: "Adet";
  }

  .rehberlik-table td:nth-child(7)::before {
    content: "Rapor";
  }

  .rehberlik-table td:nth-child(8)::before {
    content: "Oluştur";
  }

  .talebe-report-table td:nth-child(1)::before {
    content: "Sıra No";
  }

  .talebe-report-table td:nth-child(2)::before {
    content: "Adı Soyadı";
  }

  .talebe-report-table td:nth-child(3)::before {
    content: "Sınıfı";
  }

  .talebe-report-table td:nth-child(4)::before {
    content: "Son Rapor";
  }

  .talebe-report-table td:nth-child(5)::before {
    content: "Rapor Adedi";
  }

  .talebe-report-table td:nth-child(6)::before {
    content: "Görüntüle";
  }

  .personel-info-table td:nth-child(1)::before {
    content: "Sıra No";
  }

  .personel-info-table td:nth-child(2)::before {
    content: "Adı Soyadı";
  }

  .personel-info-table td:nth-child(3)::before {
    content: "Görevi";
  }

  .personel-info-table td:nth-child(4)::before {
    content: "Etüdü";
  }

  .personel-info-table td:nth-child(5)::before {
    content: "Sil";
  }

  .sibyan-table td:nth-child(1)::before {
    content: "No";
  }

  .sibyan-table td:nth-child(2)::before {
    content: "Adı Soyadı";
  }

  .sibyan-table td:nth-child(3)::before {
    content: "Veli";
  }

  .sibyan-table td:nth-child(4)::before {
    content: "Telefon";
  }

  .sibyan-table td:nth-child(5)::before {
    content: "Yaş";
  }

  .sibyan-table td:nth-child(6)::before {
    content: "Not";
  }

  .sibyan-table td:nth-child(7)::before {
    content: "İşlem";
  }

  .loss-table td:nth-child(1)::before {
    content: "No";
  }

  .loss-table td:nth-child(2)::before {
    content: "T.C.";
  }

  .loss-table td:nth-child(3)::before {
    content: "Adı Soyadı";
  }

  .loss-table td:nth-child(4)::before {
    content: "Sınıfı";
  }

  .loss-table td:nth-child(5)::before {
    content: "Şubesi";
  }

  .loss-table td:nth-child(6)::before {
    content: "Etüt Mesulü";
  }

  .loss-table td:nth-child(7)::before {
    content: "Ayrılış Tarihi";
  }

  .loss-table td:nth-child(8)::before {
    content: "Ayrılma Nedeni";
  }

  .loss-table td:nth-child(9)::before {
    content: "Personel Görüşü";
  }
}

@media (max-width: 460px) {
  .admin-home-body .list-card td,
  .student-info-list-table td,
  .eokul-student-list-table td,
  .rehberlik-table td,
  .talebe-report-table td,
  .personel-info-table td,
  .sibyan-table td,
  .loss-table td {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }
}

@media (max-width: 720px) {
  .grade-table,
  .compact-grade-table,
  .trial-table,
  .book-table,
  .keyfiyet-table,
  .net-calc-table {
    min-width: 920px !important;
  }

  .grade-table-wrap,
  .trial-table-wrap,
  .book-table-wrap,
  .keyfiyet-table-wrap,
  .net-calc-table-wrap {
    border-radius: 14px !important;
  }

  .grade-table th,
  .grade-table td,
  .trial-table th,
  .trial-table td,
  .book-table th,
  .book-table td,
  .keyfiyet-table th,
  .keyfiyet-table td,
  .net-calc-table th,
  .net-calc-table td {
    white-space: nowrap !important;
  }
}