/* EV10 Responsive */

@media (max-width: 1440px) {
  .kpi-strip--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .detail-metrics--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1280px) {
  .kpi-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tile-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dgrid-cols--prop { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) 100px 80px 110px; }
  .dgrid__head.dgrid-cols--adminprop,
  .dgrid__row.dgrid-cols--adminprop {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.9fr) minmax(0, 1fr) 108px minmax(150px, 0.8fr) 140px;
  }
  .filterbar { grid-template-columns: minmax(240px, 1fr) minmax(0, 2.2fr); }
  .filterbar__actions { grid-column: 1 / -1; }
}

@media (max-width: 1180px) {
  /* Yoğun admin listelerinde ikincil kolon gizlenir; bilgi satır alt metninde korunur */
  .dgrid__head.dgrid-cols--adminprop,
  .dgrid__row.dgrid-cols--adminprop {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.1fr) 108px minmax(150px, 0.8fr) 132px;
  }
  .dgrid-cols--adminprop > *:nth-child(2) { display: none; }

  .dgrid__head[class*="dgrid-cols--"] > .col-drop,
  .dgrid__row[class*="dgrid-cols--"] > .col-drop { display: none; }

  .dgrid__head.dgrid-cols--person,
  .dgrid__row.dgrid-cols--person {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) 110px minmax(140px, 0.8fr) 124px;
  }
  .dgrid__head.dgrid-cols--arent,
  .dgrid__row.dgrid-cols--arent {
    grid-template-columns: 34px minmax(0, 1.5fr) 112px 112px minmax(130px, 0.7fr) 124px;
  }
  .dgrid__head.dgrid-cols--amaint,
  .dgrid__row.dgrid-cols--amaint {
    grid-template-columns: 34px minmax(0, 1.6fr) 104px minmax(130px, 0.7fr) 112px 124px;
  }
  .dgrid__head.dgrid-cols--aclean,
  .dgrid__row.dgrid-cols--aclean {
    grid-template-columns: minmax(0, 1.6fr) 124px 132px minmax(140px, 0.8fr) 96px;
  }
  .dgrid__head.dgrid-cols--aclean2,
  .dgrid__row.dgrid-cols--aclean2 {
    grid-template-columns: minmax(110px, 0.8fr) minmax(0, 1.3fr) 120px 140px 100px 80px;
  }
  .dgrid__head.dgrid-cols--adoc,
  .dgrid__row.dgrid-cols--adoc {
    grid-template-columns: 34px minmax(0, 1.6fr) 124px 112px 104px 124px;
  }
  .dgrid__head.dgrid-cols--atask,
  .dgrid__row.dgrid-cols--atask {
    grid-template-columns: 34px minmax(0, 1.7fr) minmax(140px, 0.9fr) 112px minmax(130px, 0.7fr) 124px;
  }
  .dgrid__head.dgrid-cols--alegal,
  .dgrid__row.dgrid-cols--alegal {
    grid-template-columns: minmax(0, 1.6fr) 124px 132px 112px 96px;
  }
  .dgrid__head.dgrid-cols--apkg,
  .dgrid__row.dgrid-cols--apkg {
    grid-template-columns: minmax(0, 1.5fr) 124px 104px 112px 124px;
  }
  .dgrid__head.dgrid-cols--aassign,
  .dgrid__row.dgrid-cols--aassign {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.2fr) 112px 112px 124px;
  }
  .dgrid__head.dgrid-cols--acollect,
  .dgrid__row.dgrid-cols--acollect {
    grid-template-columns: minmax(0, 1.5fr) 112px 112px 132px 112px 124px;
  }
  .dgrid__head.dgrid-cols--astaff,
  .dgrid__row.dgrid-cols--astaff {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.4fr) 124px 124px;
  }
  .dgrid__head.dgrid-cols--aalert,
  .dgrid__row.dgrid-cols--aalert {
    grid-template-columns: minmax(0, 1.8fr) 112px 124px 124px;
  }
}

@media (max-width: 1024px) {
  .ev10-content-inner,
  .content,
  .page-container { padding: 22px 20px 32px; }
  .widget-board--2,
  .widget-board--3,
  .detail-grid,
  .detail-grid--profile,
  .ev10-pay { grid-template-columns: 1fr; }
  .ev10-pay__detail { position: static; }
  .ev10-pay-hero {
    grid-template-columns: 1fr;
  }
  .ev10-pay-hero__cta {
    justify-items: start;
    min-width: 0;
  }
  .ev10-pay-hero__cta .btn { width: 100%; justify-content: center; }
  .kpi-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tile-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ops-center { grid-template-columns: 1fr; }
  .topbar__search { width: min(220px, 28vw); }
}

@media (max-width: 920px) {
  .paytr-status-grid { grid-template-columns: 1fr; }

  .ev10-app,
  .app-shell {
    display: block;
  }

  .ev10-sidebar,
  .sidebar,
  .app-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100dvh;
    width: min(300px, 88vw);
    transform: translateX(-110%);
    z-index: 120;
    box-shadow: none;
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    transition: transform 220ms ease;
  }
  .ev10-sidebar.is-open,
  .sidebar.is-open,
  .app-sidebar.is-open {
    transform: translateX(0);
    box-shadow: 12px 0 40px rgba(15, 23, 42, 0.18);
  }

  .ev10-main,
  .app-main,
  .main {
    width: 100%;
    min-height: 100dvh;
  }

  .sidebar__collapse {
    display: grid;
  }

  body.sidebar-collapsed .brand__text,
  body.sidebar-collapsed .nav__label,
  body.sidebar-collapsed .nav__section,
  body.sidebar-collapsed .account-card__meta,
  body.sidebar-collapsed .account-card__title,
  body.sidebar-collapsed .sidebar__bottom {
    opacity: 1;
    width: auto;
    height: auto;
    overflow: visible;
    padding: initial;
    margin: initial;
    border: initial;
  }
  body.sidebar-collapsed .nav__item { justify-content: flex-start; padding: 9px 12px; }

  .js-sidebar-toggle {
    display: inline-grid !important;
    width: 44px;
    height: 44px;
    min-width: 44px;
    flex: 0 0 auto;
  }

  .topbar__search { display: none; }
  .topbar__desc { display: none; }
  .topbar__date { display: none; }
  .pill--role { display: none; }
  .userchip__meta { display: none; }
  .ev10-topbar,
  .topbar,
  .app-topbar {
    padding: 0 12px 0 10px;
    padding-top: env(safe-area-inset-top);
    padding-left: max(10px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
    min-height: calc(var(--ev10-topbar-h) + env(safe-area-inset-top));
  }
  .topbar__row { gap: 8px; }
  .topbar__title {
    font-size: 14.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 52vw;
  }

  body.nav-open .ev10-topbar,
  body.nav-open .topbar,
  body.nav-open .app-topbar {
    z-index: 125;
  }

  body.nav-open .js-sidebar-toggle {
    position: relative;
    z-index: 130;
  }

  .ev10-sidebar .nav,
  .sidebar .nav,
  .app-sidebar .nav {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }

  .pagehead,
  .dash-head {
    flex-direction: column;
    align-items: stretch;
  }
  .pagehead__actions,
  .dash-head__actions {
    width: 100%;
    justify-content: stretch;
  }
  .pagehead__actions .btn,
  .dash-head__actions .btn {
    flex: 1;
    justify-content: center;
  }

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

  iframe, embed, object, video {
    max-width: 100%;
  }

  .table-wrap, .table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
  .table, .table-modern, .admin-table, .data-table, .mini-table {
    min-width: 560px;
  }
  .table--cards, .table-modern.table--cards {
    min-width: 0;
  }

  .savebar,
  .form-footer {
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }

  .bulkbar {
    flex-wrap: wrap;
    align-items: stretch;
  }
  .bulkbar select,
  .bulkbar .input,
  .bulkbar .btn {
    width: 100%;
  }

  .menu__panel,
  .menu__panel--notif {
    right: 0;
    left: auto;
    max-width: calc(100vw - 24px);
  }

  .detail-hero {
    padding: 16px;
  }

  .widget-board,
  .widget-board--2,
  .widget-board--3,
  .ops-center,
  .data-grid,
  .dashboard-data-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .pagehead__title,
  .dash-head__title,
  .detail-hero h1 { font-size: 24px; }
  .kpi-strip,
  .tile-strip { grid-template-columns: 1fr 1fr; }
  .detail-metrics--6 { grid-template-columns: 1fr 1fr; }
  .detail-tabs { overflow-x: auto; flex-wrap: nowrap; }
  .detail-tabs__tab { flex: 0 0 auto; }
  .dgrid__head { display: none; }
  /* Tüm veri ızgaraları mobilde tek kolonlu kart görünümüne döner */
  .dgrid__row[class*="dgrid-cols--"],
  .dgrid__head[class*="dgrid-cols--"] {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .dgrid__row[class*="dgrid-cols--"] > .col-drop,
  .dgrid-cols--adminprop > *:nth-child(2) { display: flex; }
  .dgrid__cell.col-num,
  .dgrid__cell.col-act {
    align-items: flex-start;
    text-align: left;
  }
  .ev10-pay__card {
    grid-template-columns: 1fr;
  }
  .ev10-pay__card-side {
    justify-items: start;
    grid-template-columns: 1fr auto;
    width: 100%;
    align-items: center;
  }
  .ev10-pay__checkout-amount strong { font-size: 28px; }
  .ev10-pay-steps { gap: 6px; }
  .ev10-pay-steps__item { font-size: 12px; }
  .filters { grid-template-columns: 1fr; }
  .filterbar {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .filterbar__fields { grid-template-columns: 1fr 1fr; }
  .filterbar__actions .btn { flex: 1; justify-content: center; }
  .qchips {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
  }
  .qchips::-webkit-scrollbar { display: none; }
  .qchip { flex: 0 0 auto; }
  .listbar {
    flex-direction: column;
    align-items: flex-start;
  }
  .propgrid { grid-template-columns: 1fr; }
  .dgrid__cell.col-act .ibtn-group { flex-wrap: wrap; }
  .app-footer__inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .detail-info-grid { grid-template-columns: 1fr; }
  .propcard__rows { grid-template-columns: 1fr; }
  .quick-grid { grid-template-columns: 1fr 1fr; }
  .detail-actions { width: 100%; }
  .detail-actions .btn { flex: 1; justify-content: center; }
  .detail-hero { flex-direction: column; align-items: stretch; }
}

@media (max-width: 480px) {
  .kpi-strip,
  .tile-strip { grid-template-columns: 1fr; }
  .pay-hero__amount { font-size: 28px; }
  .ev10-content-inner,
  .content,
  .page-container {
    padding: 16px 12px max(28px, env(safe-area-inset-bottom));
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
  }
  .login-glass,
  .ev10-auth-card { padding: 24px 18px; }
  .dash-flow { grid-template-columns: 1fr 1fr; }
  .ag-card__meta { grid-template-columns: 1fr; }
  .filterbar__fields { grid-template-columns: 1fr; }
  .pagehead__title,
  .dash-head__title,
  .detail-hero h1 { font-size: 22px; }
  .savebar__actions { width: 100%; }
  .savebar__actions .btn { width: 100%; }
  .btn { min-height: 44px; }
  .btn-sm, .btn-xs { min-height: 36px; }
}

@media (max-width: 1180px) {
  .dash-split,
  .dash-split--even { grid-template-columns: 1fr; }
}