/* KetoDock - Responsive: breakpoints at 640, 768, 1024, 1280 */

.app-layout{display:flex;flex-direction:column;min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0))}
.app-content{flex:1;padding:var(--sp-4);max-width:var(--max-w);width:100%;margin:0 auto}
.dashboard-grid{display:flex;flex-direction:column;gap:var(--sp-4)}
.section{display:none}.section.active{display:block}

@media(min-width:640px){
  .gki-value{font-size:5rem}
  .modal{border-radius:var(--r-xl);margin:auto;max-width:440px;transform:translateY(20px) scale(.97);opacity:0;transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .2s}
  .modal-overlay{align-items:center}
  .modal-overlay.active .modal{transform:translateY(0) scale(1);opacity:1}
}
@media(min-width:768px){
  .dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}
  .dashboard-gki{grid-column:1/-1}
}
@media(min-width:1024px){
  .bottom-nav,.fab,.top-bar{display:none}
  .sidebar{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:30}
  .app-layout{flex-direction:row;padding-bottom:0;padding-left:var(--sidebar-w)}
  .app-content{padding:var(--sp-8)}
  .dashboard-grid{grid-template-columns:1fr 1fr 1fr;gap:var(--sp-6)}
  .dashboard-gki{grid-column:1/2;grid-row:1/3}
  .gki-display{height:100%;min-height:260px}
  .sidebar-log-btn{display:block;margin:var(--sp-4) var(--sp-3) 0;width:auto}
}
@media(min-width:1280px){
  .app-content{padding:var(--sp-10) var(--sp-12)}
  .gki-value{font-size:5.5rem}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}