@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}}
@media(max-width:900px){.app-layout{grid-template-columns:1fr}.sidebar{display:none}.mobile-brand{display:flex;align-items:center;gap:10px}.topbar__inner{justify-content:space-between}.installer-wrap{grid-template-columns:1fr}.installer-side{padding:22px}.installer-intro{display:none}.steps{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.steps li{grid-template-columns:32px 1fr}.steps small{display:none}.installer-panel{padding:28px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.content{width:min(calc(100% - 24px),var(--content-width));padding-top:18px}.topbar__inner{padding:0 12px}.user-box>div{display:none}.page-heading{align-items:stretch;flex-direction:column}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid--2,.form-grid--host,.mail-test-row{grid-template-columns:1fr}.installer-shell{padding:0;display:block}.installer-wrap{min-height:100vh;border-radius:0;border:0}.installer-panel{padding:22px 16px 36px}.auth-wrap{padding:12px}.auth-card{padding:22px}.card{padding:16px}.event-item{flex-direction:column}.footer{padding:16px}.btn{width:100%}.user-box .btn,.section-heading .btn{width:auto}}
@media(max-width:520px){.stats-grid{grid-template-columns:1fr 1fr}.steps li div strong{font-size:.76rem}.form-card{padding:14px}.installer-side{padding:18px}}

@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr}.announcement-layout{grid-template-columns:1fr}.form-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .sidebar{display:block;position:fixed;left:0;top:0;bottom:0;width:min(82vw,300px);height:100vh;z-index:100;transform:translateX(-105%);transition:transform .2s ease;box-shadow:var(--shadow-panel)}
  .sidebar-close{display:block}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:90;opacity:0;pointer-events:none;transition:opacity .2s ease}
  .menu-toggle:checked~.app-layout .sidebar{transform:translateX(0)}
  .menu-toggle:checked~.app-layout .sidebar-backdrop{opacity:1;pointer-events:auto}
}
@media(max-width:700px){
  .calendar-card{overflow:hidden}.calendar-grid{min-width:700px}.calendar-card{overflow-x:auto}.form-grid--4{grid-template-columns:1fr}.profile-photo-field{grid-template-columns:1fr}.form-actions--right{flex-direction:column-reverse}
  .actions-cell{flex-direction:column;align-items:stretch}.actions-cell .btn{width:100%}
}

@media(max-width:1000px){
  .split-layout,.profile-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .multi-check-grid{grid-template-columns:1fr}
  .profile-card{align-items:flex-start}
  .avatar--xl{width:96px;height:96px}
}

@media(max-width:760px){.mobile-row{grid-template-columns:auto minmax(0,1fr);align-items:start}.mobile-row>.actions-cell{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.mobile-row>.actions-cell form{width:100%}.profile-hero{display:grid;grid-template-columns:auto 1fr;gap:14px}.profile-hero .mini-stats{grid-column:1/-1;margin:0;display:grid;grid-template-columns:1fr 1fr;width:100%}.avatar--hero{width:100px;height:100px}.detail-grid{grid-template-columns:1fr}.search-picker__items{grid-template-columns:1fr;max-height:280px}.form-grid,.form-grid--2,.form-grid--host,.form-grid--4{grid-template-columns:1fr!important;min-width:0}.form-card-wide{width:100%;max-width:100%;overflow:hidden}.field,.field input,.field select,.field textarea{min-width:0;max-width:100%}.content{overflow-x:hidden}.calendar-card{overflow-x:auto}.page-actions{width:100%}.page-actions .btn{flex:1}.avatar--edit{width:112px;height:112px}.map-card iframe{height:240px}}

@media(max-width:950px){.filter-bar,.filter-bar--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-actions{grid-column:1/-1}.person-row{grid-template-columns:minmax(0,1fr) auto}.person-meta,.person-contact{grid-column:1/-1;padding-left:70px}.person-actions{grid-column:2;grid-row:1}.summary-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:700px){.filter-bar,.filter-bar--compact{grid-template-columns:1fr}.filter-actions{grid-column:auto}.person-row{grid-template-columns:1fr;padding:14px 0}.person-meta,.person-contact{grid-column:auto;padding-left:70px}.person-actions{grid-column:auto;grid-row:auto;justify-content:flex-start;padding-left:70px}.avatar--list{width:64px;height:64px;flex-basis:64px}.summary-grid{grid-template-columns:1fr}.comment--reply{margin-left:12px}.announcement-actions{position:static;margin-top:10px}}


/* v3.7 mobile people lists */
@media(max-width:700px){
  .mobile-filter-toggle{display:flex;width:100%;justify-content:space-between;align-items:center}
  .filters-card{display:none;padding:14px;margin-bottom:14px}
  .filters-card.filters-card--open{display:block}
  .filter-bar,.filter-bar--compact{gap:10px}
  .filter-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .people-card{padding:8px 12px}
  .person-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 34px 12px 4px;margin:0;border-radius:10px}
  .person-row--clickable{padding-left:4px;padding-right:34px}
  .person-main{gap:10px}
  .avatar--list{width:48px;height:48px;flex-basis:48px}
  .person-main strong{font-size:.95rem;line-height:1.15}
  .person-main span,.person-meta span,.person-contact{font-size:.78rem;line-height:1.25}
  .person-meta,.person-contact{grid-column:auto;padding-left:58px;gap:2px}
  .person-status{padding-left:58px}
  .status-badge{min-height:24px;padding:3px 8px;font-size:.7rem}
  .person-row__chevron{right:7px;font-size:1.45rem}
  .contact-link{overflow-wrap:anywhere}
}

/* v3.7.1 mobile filters */
@media(max-width:700px){
  .mobile-filter-toggle{display:flex!important;width:100%;justify-content:space-between;align-items:center}
  .filters-card{display:none}
  .filters-card.filters-card--open{display:block}
}

@media(max-width:700px){
  .person-link-card{align-items:flex-start;display:grid;grid-template-columns:1fr}
  .person-link-card__avatar{width:52px;height:52px;flex-basis:52px}
  .person-link-card__contact{text-align:left;padding-left:64px}
}
@media(max-width:700px){.person-link-card{display:grid;grid-template-columns:1fr;align-items:start}.person-link-card__contact{text-align:left;padding-left:64px}.person-link-card__avatar{width:52px;height:52px;flex-basis:52px}}

@media(max-width:700px){
  .person-link-card{
    grid-template-columns:1fr;
    gap:10px;
    padding:13px 14px;
  }
  .person-link-card__avatar{
    width:50px;
    height:50px;
    flex-basis:50px;
  }
  .person-link-card__contacts{
    justify-content:flex-start;
    padding-left:64px;
    gap:8px 14px;
  }
  .person-contact{
    font-size:.84rem;
  }
}


@media(max-width:700px){
  .avatar--list{
    width:48px;
    height:48px;
    min-width:48px;
    max-width:48px;
    flex-basis:48px;
  }
}


@media(max-width:700px){
  .avatar--list.avatar--placeholder{
    width:48px;
    height:48px;
    min-width:48px;
    max-width:48px;
    flex-basis:48px;
    font-size:18px;
  }
}