/* Full-width application shell. Keep standalone pages and the mobile/PWA shell untouched. */
#appView.app-shell{
  width:100%;
  max-width:none;
}

/* Prevent global standalone-page rules from constraining or padding the app shell. */
#appView.app-shell>.main{
  width:calc(100% - 260px);
  max-width:none;
  min-width:0;
  margin:0 0 0 260px;
  padding:0;
}

@media screen and (min-width:1024px){
  #appView .topbar{
    width:100%;
    max-width:none;
    padding:10px clamp(16px,1.1vw,20px);
  }
  #appView .topbar>.thought-of-day{
    width:100%;
    max-width:none;
    margin:0;
    padding:8px 12px;
  }
  #appView .content{
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
    padding:14px clamp(16px,1.1vw,20px) 16px;
  }
  #appView .page-head{
    width:100%;
    max-width:none;
    gap:16px;
    margin-bottom:16px;
  }
  #appView :is(.cards,.mk-stats){margin-bottom:16px}
  #appView :is(.filterbar,.mk-filter,.search-panel){margin-bottom:12px}
  #appView :is(.panel,.table-card,.table-scroll){max-width:100%}
  #appView :is(.table-card,.table-scroll){width:100%;min-width:0}
}

@media screen and (min-width:851px) and (max-width:1023px){
  #appView .topbar{padding-inline:14px}
  #appView .content{
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
    padding:14px;
  }
  #appView .page-head{margin-bottom:16px}
  #appView :is(.table-card,.table-scroll){width:100%;max-width:100%;min-width:0}
}

@media screen and (max-width:850px){
  #appView.app-shell>.main{
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
    padding:0;
  }
}