/* CallGarden admin desktop workspace.
   Mobile remains unchanged; this layout activates only for admin screens >= 1024px. */
@media (min-width:1024px){
  body:has(#page-admin.active) .app-shell{
    max-width:none;
    padding:0 28px 40px 252px;
    overflow:visible;
  }
  body:has(#page-admin.active) #app-screen{max-width:1600px;margin:0 auto}
  body:has(#page-admin.active) main{max-width:none}
  body:has(#page-admin.active) .bottom-nav{display:none!important}
  body:has(#page-admin.active) .app-footer{padding:28px 0 0}

  #page-admin.active{padding:28px 0 40px}
  #page-admin .admin-v2-shell{display:grid;grid-template-columns:1fr;gap:18px}
  #page-admin .admin-mobile-section-picker{display:none!important}
  #page-admin .admin-v2-nav{
    position:fixed;
    z-index:45;
    left:0;
    top:0;
    bottom:0;
    width:224px;
    height:100vh;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:5px;
    overflow-y:auto;
    padding:78px 14px 22px;
    background:#fff;
    border-right:1px solid var(--line);
    box-shadow:8px 0 28px rgba(24,63,44,.05);
  }
  #page-admin .admin-v2-nav::before{
    content:"CALLGARDEN";
    position:absolute;
    top:28px;
    left:22px;
    color:var(--green);
    font-size:13px;
    font-weight:950;
    letter-spacing:.16em;
  }
  #page-admin .admin-v2-nav button{
    width:100%;
    min-height:43px;
    display:flex;
    align-items:center;
    border:0;
    border-radius:12px;
    padding:0 13px;
    background:transparent;
    box-shadow:none;
    color:#536258;
    font-size:13px;
    text-align:left;
  }
  #page-admin .admin-v2-nav button:hover{background:#f3f8f5;color:var(--text)}
  #page-admin .admin-v2-nav button.active{background:var(--green-soft);color:var(--green-2)}
  #page-admin .admin-v2-content{width:100%;max-width:none;gap:16px}
  #page-admin .admin-section-head h2{font-size:30px}
  #page-admin .card{padding:20px;border-radius:18px}
  #page-admin .admin-overview-kpis,
  #page-admin .admin-overview-kpis.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  #page-admin .admin-v2-grid.two{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:16px}
  #page-admin .admin-team-row{grid-template-columns:minmax(190px,2fr) repeat(4,minmax(90px,1fr)) 28px;padding:13px 8px}
  #page-admin .admin-team-row>div:nth-child(4),
  #page-admin .admin-team-row>div:nth-child(5){display:grid!important}
  #page-admin .admin-calendar-cell{min-height:118px;padding:10px}
  #page-admin .admin-calendar-cell span,
  #page-admin .admin-calendar-cell small{font-size:10px}
  #page-admin .admin-deposit-list{max-height:640px;overflow:auto}
  #page-admin .admin-deposit-row{grid-template-columns:minmax(220px,.8fr) minmax(360px,1.5fr);align-items:center}
  #page-admin .admin-filter-row select{max-width:300px}
  #page-admin .admin-bars{height:260px}
  #page-admin .admin-compact-tools{grid-template-columns:repeat(4,minmax(0,1fr))}
  #page-admin .admin-reminder-form{grid-template-columns:repeat(3,minmax(0,1fr))}
  #page-admin .admin-reminder-form .admin-reminder-wide{grid-column:1/-1}

  body:has(#page-admin.active) .modal{align-items:center;padding:30px}
  body:has(#page-admin.active) .modal-sheet{
    width:min(960px,calc(100vw - 310px));
    max-width:960px;
    max-height:88vh;
    border-radius:24px;
    padding:22px;
  }
}
@media (min-width:1440px){
  body:has(#page-admin.active) .app-shell{padding-left:276px;padding-right:40px}
  #page-admin .admin-v2-nav{width:248px;padding-left:18px;padding-right:18px}
  #page-admin .admin-overview-kpis,
  #page-admin .admin-overview-kpis.compact{grid-template-columns:repeat(4,minmax(180px,1fr))}
}

/* Desktop readability pass: desktop is a workspace, not an enlarged phone. */
@media (min-width:1024px){
  body:has(#page-admin.active) .app-shell{padding-left:286px;padding-right:34px}
  body:has(#page-admin.active) #app-screen{max-width:1380px}
  #page-admin .admin-v2-nav{width:258px;padding:82px 18px 24px}
  #page-admin .admin-v2-nav::before{left:26px;font-size:15px}
  #page-admin .admin-v2-nav button{min-height:48px;padding:0 16px;font-size:14px;border-radius:13px}
  #page-admin .admin-quick-nav{display:none!important}
  #page-admin .admin-v2-shell{padding-bottom:0!important}
  #page-admin .admin-v2-content{gap:20px}
  #page-admin .admin-section-head{margin-bottom:2px}
  #page-admin .admin-section-head h2{font-size:34px}
  #page-admin .admin-section-head .muted{font-size:14px}
  #page-admin .card{padding:24px;border-radius:20px}
  #page-admin .card-title{font-size:19px}
  #page-admin .muted{font-size:13px;line-height:1.45}
  #page-admin .admin-overview-kpis,
  #page-admin .admin-overview-kpis.compact{gap:16px}
  #page-admin .admin-kpi{padding:18px;gap:7px;min-height:112px}
  #page-admin .admin-kpi span{font-size:13px}
  #page-admin .admin-kpi strong{font-size:25px}
  #page-admin .admin-kpi small{font-size:12px}
  #page-admin .admin-v2-grid.two{gap:18px}
  #page-admin .admin-team-row{padding:16px 8px;gap:14px}
  #page-admin .admin-team-name b{font-size:15px}
  #page-admin .admin-team-row span{font-size:12px}
  #page-admin .admin-team-row b{font-size:14px}
  #page-admin .admin-period-tabs button{padding:9px 13px;font-size:12px}
  #page-admin .admin-filter-row select{font-size:14px}
  #page-admin .admin-deposit-metrics{gap:12px}
  #page-admin .admin-deposit-metrics>div{padding:10px}
  #page-admin .admin-deposit-metrics span{font-size:12px}
  #page-admin .admin-deposit-metrics strong{font-size:17px}
  #page-admin .admin-deposit-row{padding:16px 4px}
  #page-admin .admin-deposit-row b{font-size:14px}
  #page-admin .admin-deposit-row span{font-size:12px}
}
@media (min-width:1500px){
  body:has(#page-admin.active) #app-screen{max-width:1440px}
}

@media (min-width:1024px){
 #page-admin .a46-metric>p{font-size:15px!important;color:#213d31!important;font-weight:750}
 #page-admin .a46-stats{gap:9px!important}
 #page-admin .a46-stats>div{background:#fff!important;border:1px solid #d6e3dc!important;box-shadow:0 5px 14px rgba(28,71,51,.05);padding:13px!important}
 #page-admin .a46-stats>div:nth-child(3),#page-admin .a46-stats>div:nth-child(4){border-top:3px solid #3b9b69!important}
 #page-admin .a46-stats>div:nth-child(5),#page-admin .a46-stats>div:nth-child(6){border-top:3px solid #d3a343!important}
 #page-admin [id^="a46-expand-"]:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
 #page-admin [id^="a46-expand-"] .a46-person{margin:0;padding:12px}
 #page-admin [id^="a46-expand-"] .a46-person .a46-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 #page-admin .dep21-section{margin-bottom:30px}
 #page-admin .dep21-title h3{font-size:21px}
 #page-admin .dep21-conversion-pipeline{padding:20px;background:#fff}
 #page-admin .dep21-conv-office{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
 #page-admin .dep21-conv-office>div{min-height:100px;padding:14px;background:#f9fbfa}
 #page-admin .dep21-conv-office>div:nth-child(3),#page-admin .dep21-conv-office>div:nth-child(4){border-top:3px solid #3b9b69}
 #page-admin .dep21-conv-office>div:nth-child(5),#page-admin .dep21-conv-office>div:nth-child(6){border-top:3px solid #d3a343}
 #page-admin .dep21-conv-office strong{font-size:21px;margin-top:7px}
 #page-admin .dep21-conv-team{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 #page-admin .dep21-conv-row{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;padding:14px}
 #page-admin .dep21-conv-row>div:first-child{grid-column:1/-1;padding-bottom:8px;border-bottom:1px solid #e4ebe7}
 #page-admin .dep21-conv-row>div:first-child b{font-size:15px}
 #page-admin .dep21-conv-row>i{position:absolute;right:12px;top:13px}
 #page-admin .dep21-three{gap:14px}
 #page-admin .dep21-summary-card{min-height:142px;padding:18px}
 #page-admin .dep21-summary-card strong{font-size:31px}
 #page-admin .dep21-contact-grid{gap:14px}
 #page-admin .dep21-contact-card{padding:18px;min-height:135px}
}