/* v3.13.18 — filtre, tablet ve mobil kart bütünlüğü */
:root{
  --pd-card-radius-compact:18px;
  --pd-card-border-soft:#e9e3f4;
  --pd-card-shadow-soft:0 10px 28px rgba(55,37,91,.065);
  --pd-card-shadow-hover:0 16px 34px rgba(55,37,91,.10);
  --pd-filter-accent:#6f49eb;
  --pd-filter-soft:#f7f3ff;
  --pd-filter-line:#e5dcf7;
}

/* Filtre kartları: yazı-kart oranı, boşluk ve kontrol ölçüleri */
.list-filter-card.list-filter-details,
.report-filter-details.list-filter-details{
  width:100%!important;
  margin:12px 0 16px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--pd-filter-line)!important;
  border-radius:var(--pd-card-radius-compact)!important;
  background:linear-gradient(180deg,#fff 0%,#fcfaff 100%)!important;
  box-shadow:var(--pd-card-shadow-soft)!important;
}
.list-filter-summary{
  min-height:58px!important;
  padding:12px 14px 12px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  background:transparent!important;
  cursor:pointer!important;
}
.list-filter-summary span{min-width:0!important;display:block!important}
.list-filter-summary b{
  display:block!important;
  margin:0!important;
  color:#2d2440!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}
.list-filter-summary small{
  display:block!important;
  margin:4px 0 0!important;
  max-width:680px!important;
  color:#81788f!important;
  font-size:11.5px!important;
  line-height:1.4!important;
  font-weight:500!important;
}
.list-filter-summary i{
  position:relative!important;
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  border:1px solid #e1d7f5!important;
  border-radius:10px!important;
  background:#f7f3ff!important;
  box-shadow:none!important;
}
.list-filter-summary i:before,.list-filter-summary i:after{
  width:8px!important;
  height:2px!important;
  top:15px!important;
  background:#7552dc!important;
}
.list-filter-summary i:before{left:8px!important}
.list-filter-summary i:after{right:8px!important}
.list-filter-details[open] .list-filter-summary{
  background:linear-gradient(180deg,#fcfaff 0%,#faf7ff 100%)!important;
}
.list-filter-details[open] .list-filter-summary i{background:#eee7ff!important}
.list-filter-body{
  display:grid!important;
  gap:12px!important;
  padding:14px 16px 16px!important;
  border-top:1px solid var(--pd-filter-line)!important;
  background:#fff!important;
}
.list-filter-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:11px!important;
  align-items:end!important;
}
.list-filter-grid .field{
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}
.list-filter-grid .field label{
  display:block!important;
  margin:0 0 6px!important;
  color:#5f566d!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  font-weight:700!important;
}
.list-filter-grid input:not([type=checkbox]):not([type=radio]),
.list-filter-grid select,
.list-filter-grid .simple-input,
.list-filter-grid .search-select-input{
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  height:44px!important;
  padding:9px 12px!important;
  border:1px solid #ddd7e8!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#322a3f!important;
  font-size:13px!important;
  line-height:1.2!important;
  box-shadow:0 1px 0 rgba(45,36,64,.02)!important;
}
.list-filter-grid input:focus,
.list-filter-grid select:focus,
.list-filter-grid .simple-input:focus,
.list-filter-grid .search-select-input:focus{
  outline:0!important;
  border-color:#c6b3ee!important;
  box-shadow:0 0 0 3px rgba(111,73,235,.09)!important;
}
.list-filter-body>.btn.block{
  justify-self:end!important;
  width:auto!important;
  min-width:150px!important;
  min-height:40px!important;
  padding:9px 14px!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:750!important;
}

/* Ortak kart ritmi — uygulama içeriğinde, giriş ve modal yapısını etkilemez */
.host-authenticated #view .card:not(.modal-card):not(.secure-login-card),
.host-authenticated #view .action-card,
.host-authenticated #view .account-section-card,
.host-authenticated #view .report-pro-card{
  min-width:0!important;
  border-color:var(--pd-card-border-soft)!important;
  border-radius:18px!important;
  box-shadow:var(--pd-card-shadow-soft)!important;
}
.host-authenticated #view .card h2,
.host-authenticated #view .card h3{
  overflow-wrap:anywhere!important;
}
.host-authenticated #view .status-card{
  min-height:auto!important;
  padding:13px 15px!important;
  gap:10px!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.host-authenticated #view .action-card{
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
@media (hover:hover){
  .host-authenticated #view .action-card:hover,
  .host-authenticated #view .list-row:hover{
    transform:translateY(-1px)!important;
    border-color:#d8cdf0!important;
    box-shadow:var(--pd-card-shadow-hover)!important;
  }
}

/* Tablet: 768–1180 px — dengeli iki sütun, sıkışmayan kartlar */
@media (min-width:761px) and (max-width:1180px){
  #view.view.host-content,
  .host-content{
    min-width:0!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .host-authenticated #view .card:not(.modal-card):not(.secure-login-card),
  .host-authenticated #view .form-card,
  .host-authenticated #view .account-section-card,
  .host-authenticated #view .report-pro-card{
    padding:16px!important;
    border-radius:18px!important;
  }
  .host-authenticated #view .grid.two,
  .host-authenticated #view .grid.three,
  .host-authenticated #view .form-grid,
  .host-authenticated #view .field-grid,
  .host-authenticated #view .action-grid,
  .host-authenticated #view .host-kpis,
  .host-authenticated #view .biz-chart-grid,
  .host-authenticated #view .report-chart-grid,
  .host-authenticated #view .report-pro-grid,
  .host-authenticated #view .settings-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    width:100%!important;
  }
  .host-authenticated #view .biz-chart-card.span-2,
  .host-authenticated #view .full,
  .host-authenticated #view .grid-full{
    grid-column:1/-1!important;
  }
  .host-authenticated #view .host-kpi{
    min-height:108px!important;
    padding:14px!important;
    border-radius:16px!important;
  }
  .host-authenticated #view .host-kpi>strong{font-size:22px!important;line-height:1.15!important}
  .host-authenticated #view .host-kpi>small{font-size:11.5px!important}
  .host-authenticated #view .biz-chart-card{
    min-height:230px!important;
    padding:16px!important;
    border-radius:18px!important;
  }
  .host-authenticated #view .biz-card-head{
    gap:10px!important;
    margin-bottom:12px!important;
  }
  .host-authenticated #view .biz-card-head h2{font-size:16px!important;line-height:1.3!important}
  .host-authenticated #view .biz-card-head p{font-size:11.5px!important;line-height:1.45!important}
  .host-authenticated #view .action-grid{align-items:stretch!important}
  .host-authenticated #view .action-card{
    min-height:94px!important;
    padding:13px 14px!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 20px!important;
    gap:11px!important;
    align-items:center!important;
    text-align:left!important;
  }
  .host-authenticated #view .action-card .ico{
    width:40px!important;height:40px!important;border-radius:12px!important;
  }
  .host-authenticated #view .action-card b{font-size:13.5px!important;line-height:1.3!important}
  .host-authenticated #view .action-card p{margin-top:3px!important;font-size:11.5px!important;line-height:1.4!important}
  .host-authenticated #view .list{
    display:grid!important;
    gap:9px!important;
  }
  .host-authenticated #view .list-row,
  .host-authenticated #view .customer-job-row{
    min-width:0!important;
    padding:12px 13px!important;
    border:1px solid #ebe5f4!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 5px 16px rgba(55,37,91,.035)!important;
  }
  .host-authenticated #view .list-row .avatar{width:42px!important;height:42px!important;flex-basis:42px!important}
  .host-authenticated #view .row-main b{font-size:13.5px!important;line-height:1.3!important}
  .host-authenticated #view .row-main small{font-size:11.5px!important;line-height:1.45!important}
  .host-authenticated #view .amount{font-size:13px!important;line-height:1.35!important}

  .list-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .list-filter-summary{min-height:56px!important}
}

/* Mobil: daha küçük oranlar, net hiyerarşi ve taşmasız kartlar */
@media (max-width:760px){
  #view.view.host-content,
  .host-content{
    padding-left:11px!important;
    padding-right:11px!important;
  }
  .host-authenticated #view{
    --mobile-card-gap:10px;
  }
  .host-authenticated #view .card:not(.modal-card):not(.secure-login-card),
  .host-authenticated #view .form-card,
  .host-authenticated #view .account-section-card,
  .host-authenticated #view .report-pro-card,
  .host-authenticated #view .report-catalog-section{
    padding:14px!important;
    border-radius:16px!important;
  }
  .host-authenticated #view .grid,
  .host-authenticated #view .grid.two,
  .host-authenticated #view .grid.three,
  .host-authenticated #view .grid.four,
  .host-authenticated #view .form-grid,
  .host-authenticated #view .field-grid,
  .host-authenticated #view .action-grid,
  .host-authenticated #view .host-dashboard-grid,
  .host-authenticated #view .biz-chart-grid,
  .host-authenticated #view .report-chart-grid,
  .host-authenticated #view .report-pro-grid,
  .host-authenticated #view .settings-grid{
    gap:10px!important;
  }
  .host-authenticated #view .host-kpis{
    gap:9px!important;
  }
  .host-authenticated #view .host-kpi{
    min-height:102px!important;
    padding:12px!important;
    border-radius:15px!important;
  }
  .host-authenticated #view .host-kpi-icon{width:35px!important;height:35px!important;border-radius:11px!important}
  .host-authenticated #view .host-kpi>small{margin-top:10px!important;font-size:10.5px!important;line-height:1.3!important}
  .host-authenticated #view .host-kpi>strong{font-size:20px!important;line-height:1.15!important}

  .host-authenticated #view .biz-chart-card{
    min-height:auto!important;
    padding:14px!important;
    border-radius:16px!important;
  }
  .host-authenticated #view .biz-card-head{
    margin-bottom:11px!important;
    gap:8px!important;
  }
  .host-authenticated #view .biz-card-head h2{font-size:15px!important;line-height:1.3!important}
  .host-authenticated #view .biz-card-head p{margin-top:3px!important;font-size:11px!important;line-height:1.4!important}
  .host-authenticated #view .biz-card-head .btn,
  .host-authenticated #view .report-card-pdf{
    min-height:36px!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    font-size:11px!important;
  }

  .host-authenticated #view .action-grid{grid-template-columns:1fr!important}
  .host-authenticated #view .action-card{
    min-height:78px!important;
    padding:11px 12px!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 18px!important;
    gap:10px!important;
    align-items:center!important;
    border-radius:15px!important;
    text-align:left!important;
  }
  .host-authenticated #view .action-card .ico{width:38px!important;height:38px!important;border-radius:11px!important}
  .host-authenticated #view .action-card b{font-size:13px!important;line-height:1.3!important}
  .host-authenticated #view .action-card p{margin-top:2px!important;font-size:11px!important;line-height:1.4!important}
  .host-authenticated #view .action-card .chev{font-size:17px!important}

  .host-authenticated #view .list{
    display:grid!important;
    gap:8px!important;
  }
  .host-authenticated #view .list-row,
  .host-authenticated #view .customer-job-row,
  .host-authenticated #view .appointment-card,
  .host-authenticated #view .job-card,
  .host-authenticated #view .customer-card{
    min-height:0!important;
    padding:11px!important;
    gap:9px!important;
    border:1px solid #ebe5f4!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(55,37,91,.035)!important;
  }
  .host-authenticated #view .list-row{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    align-items:center!important;
  }
  .host-authenticated #view .list-row .avatar{width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important;border-radius:12px!important}
  .host-authenticated #view .row-main{min-width:0!important}
  .host-authenticated #view .row-main b{font-size:12.5px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
  .host-authenticated #view .row-main small{display:block!important;margin-top:3px!important;font-size:10.5px!important;line-height:1.4!important;overflow-wrap:anywhere!important}
  .host-authenticated #view .amount{min-width:0!important;max-width:105px!important;text-align:right!important;font-size:12px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
  .host-authenticated #view .chip{font-size:9.5px!important;padding:4px 7px!important}
  .host-authenticated #view .status-card{padding:11px 12px!important;font-size:12px!important}

  .list-filter-card.list-filter-details,
  .report-filter-details.list-filter-details{
    margin:9px 0 13px!important;
    border-radius:15px!important;
  }
  .list-filter-summary{
    min-height:52px!important;
    padding:10px 11px 10px 13px!important;
    gap:10px!important;
  }
  .list-filter-summary b{font-size:13px!important}
  .list-filter-summary small{margin-top:2px!important;font-size:10.5px!important;line-height:1.35!important}
  .list-filter-summary i{flex-basis:30px!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:9px!important}
  .list-filter-summary i:before,.list-filter-summary i:after{top:14px!important}
  .list-filter-body{padding:12px!important;gap:10px!important}
  .list-filter-grid{grid-template-columns:1fr!important;gap:9px!important}
  .list-filter-grid .field{margin:0!important}
  .list-filter-grid .field label{margin-bottom:5px!important;font-size:11px!important}
  .list-filter-grid input:not([type=checkbox]):not([type=radio]),
  .list-filter-grid select,
  .list-filter-grid .simple-input,
  .list-filter-grid .search-select-input{
    min-height:46px!important;
    height:46px!important;
    padding:10px 11px!important;
    font-size:16px!important; /* iOS otomatik yakınlaştırmayı önler */
    border-radius:11px!important;
  }
  .list-filter-body>.btn.block{
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    font-size:12px!important;
  }

  .host-authenticated #view .field,
  .host-authenticated #view .form-field{margin-bottom:11px!important}
  .host-authenticated #view .field label,
  .host-authenticated #view .form-label{margin-bottom:6px!important;font-size:12px!important}
  .host-authenticated #view .help,
  .host-authenticated #view .report-filter-note,
  .host-authenticated #view .appointment-note{
    padding:10px 11px!important;
    border-radius:11px!important;
    font-size:11px!important;
    line-height:1.45!important;
  }
}

@media (max-width:380px){
  .host-authenticated #view .host-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .host-authenticated #view .host-kpi{min-height:96px!important;padding:11px!important}
  .host-authenticated #view .host-kpi>strong{font-size:18px!important}
  .host-authenticated #view .list-row{grid-template-columns:36px minmax(0,1fr)!important}
  .host-authenticated #view .list-row .avatar{width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important}
  .host-authenticated #view .list-row .amount{grid-column:2!important;max-width:none!important;text-align:left!important;margin-top:5px!important}
}