/* ONBOARDING-r33 — cabinet tablet/wide guards after direct onboarding profile finish.
   Scope is visual only. It does not change API, DB, role routing, or onboarding state. */

@media (min-width: 768px){
  body[data-role="client"] #profile,
  body[data-role="client"] #cabinet,
  body[data-role="client"] [data-route="cabinet"],
  body[data-role="client"] [data-route="profile"],
  body[data-role="client"] .profile-page,
  body[data-role="client"] .cabinet-page{
    max-width:min(100%, 980px);
    margin-left:auto;
    margin-right:auto;
  }

  body[data-role="master"] #master,
  body[data-role="master"] #master-cabinet,
  body[data-role="master"] [data-route*="master"],
  body[data-role="master"] .master-page,
  body[data-role="master"] .master-cabinet,
  body[data-role="master"] .mprof-page,
  body[data-role="master"] .mprof-shell{
    max-width:min(100%, 1040px);
    margin-left:auto;
    margin-right:auto;
  }

  body[data-role="sto"] #sto,
  body[data-role="sto"] #sto-dashboard,
  body[data-role="sto"] [data-route*="sto"],
  body[data-role="sto"] .sto-page,
  body[data-role="sto"] .sto-dashboard,
  body[data-role="sto"] .sto-shell{
    max-width:min(100%, 1080px);
    margin-left:auto;
    margin-right:auto;
  }

  .cabinet-page,
  .profile-page,
  .master-cabinet,
  .mprof-shell,
  .sto-dashboard,
  .sto-shell{
    padding-left:clamp(20px,4vw,44px);
    padding-right:clamp(20px,4vw,44px);
  }

  .profile-card,
  .cabinet-card,
  .mprof-card,
  .master-card,
  .sto-card,
  .admin-card{
    border-radius:22px;
  }

  .profile-grid,
  .cabinet-grid,
  .mprof-grid,
  .sto-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:clamp(16px,2.4vw,28px);
  }
}

@media (min-width: 1024px){
  body.entry-flow-active .app,
  body.entry-flow-active #app{
    overflow-x:hidden;
  }

  body[data-role="client"] #profile,
  body[data-role="client"] #cabinet,
  body[data-role="client"] [data-route="cabinet"],
  body[data-role="client"] [data-route="profile"],
  body[data-role="master"] #master,
  body[data-role="master"] #master-cabinet,
  body[data-role="master"] [data-route*="master"],
  body[data-role="sto"] #sto,
  body[data-role="sto"] #sto-dashboard,
  body[data-role="sto"] [data-route*="sto"]{
    width:min(100%, 1120px);
  }

  .profile-grid,
  .cabinet-grid,
  .mprof-grid,
  .sto-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .profile-header,
  .cabinet-header,
  .mprof-header,
  .sto-header{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) auto;
    align-items:center;
    gap:24px;
  }
}

@media (min-width: 768px) and (orientation: landscape) and (max-height: 760px){
  .cabinet-page,
  .profile-page,
  .master-cabinet,
  .mprof-shell,
  .sto-dashboard,
  .sto-shell{
    padding-top:16px;
    padding-bottom:16px;
  }

  .profile-card,
  .cabinet-card,
  .mprof-card,
  .master-card,
  .sto-card{
    min-height:0;
  }
}

@media (max-width: 767px){
  .profile-grid,
  .cabinet-grid,
  .mprof-grid,
  .sto-grid{
    display:block;
  }
}