/* Orvexa 1.0.0 — Layout Compatibility styles. */
body[data-app-shell="true"]:not([data-active-page="command-center"]){
  --app-content-max-width:1784px;
  --app-page-gutter-x:24px;
  --app-page-shell-max-width:calc(var(--app-content-max-width) + (var(--app-page-gutter-x) * 2));
}

body[data-app-shell="true"]:not([data-active-page="command-center"]) #app-main{
  min-width:0;
  max-width:100%;
}

body[data-app-shell="true"]:not([data-active-page="command-center"]) #app-main>main,
body[data-app-shell="true"]:not([data-active-page="command-center"]) :is(
  .cp-page,.rt-page,.pa-page,.ux-page,.fabric-page,.dk-page,
  .p2-page,.p3-page,.p4-page,.p5-page,.p6-page,.p7-page,.p8-page
){
  width:100%;
  max-width:var(--app-page-shell-max-width)!important;
  margin-inline:auto!important;
  padding-inline:var(--app-page-gutter-x)!important;
  box-sizing:border-box;
}

body[data-app-shell="true"]:not([data-active-page="command-center"]) main :is(
  section,article,aside,div,header,footer,nav,form,fieldset,
  [class*="grid"],[class*="layout"],[class*="panel"],[class*="card"]
){min-width:0}

body[data-app-shell="true"]:not([data-active-page="command-center"]) main :is(img,video,canvas,svg){max-width:100%}

body[data-app-shell="true"]:not([data-active-page="command-center"]) main :is(
  .ux-table-wrap,.rt-table-wrap,.cp-table-wrap,
  [class*="table-wrap"],[class*="table-scroll"]
){
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-gutter:stable;
}

body[data-app-shell="true"]:not([data-active-page="command-center"]) main :is(input,select,textarea,button){max-width:100%}
body[data-app-shell="true"]:not([data-active-page="command-center"]) main :is(.p2-drawer,[class*="drawer"],[class*="modal"]){max-width:100vw}


body[data-app-shell="true"]:not([data-active-page="command-center"]) main :is(
  .cp-page-head,.rt-page-head,.pa-head,.ux-head,
  .p2-head,.p3-head,.p4-head,.p5-head,.p6-head,.p7-head,.p8-head
){min-width:0}


[dir="rtl"] body[data-app-shell="true"]:not([data-active-page="command-center"]) main table :is(th,td){text-align:start}
[dir="rtl"] body[data-app-shell="true"]:not([data-active-page="command-center"]) main :is(.request-column-menu,[class*="dropdown-panel"]){inset-inline-end:0;left:auto;right:auto}

@media(max-width:1023px){
  body[data-app-shell="true"]:not([data-active-page="command-center"]){--app-page-gutter-x:20px}
  body[data-app-shell="true"]:not([data-active-page="command-center"]) main :is(
    .cp-page-head,.rt-page-head,.pa-head,.ux-head,
    .p2-head,.p3-head,.p4-head,.p5-head,.p6-head,.p7-head,.p8-head
  ){
    align-items:flex-start!important;
    flex-wrap:wrap;
  }
}

@media(max-width:639px){
  body[data-app-shell="true"]:not([data-active-page="command-center"]){--app-page-gutter-x:16px}
  body[data-app-shell="true"]:not([data-active-page="command-center"]) main h1{
    font-size:27px!important;
    line-height:1.14!important;
  }
  body[data-app-shell="true"]:not([data-active-page="command-center"]) main :is(
    .cp-page-head,.rt-page-head,.pa-head,.ux-head,
    .p2-head,.p3-head,.p4-head,.p5-head,.p6-head,.p7-head,.p8-head
  ){
    gap:14px!important;
  }
  body[data-app-shell="true"]:not([data-active-page="command-center"]) main :is(
    .cp-page-actions,.rt-actions,.pa-actions,.ux-actions,
    .p2-actions,.p3-actions,.p4-actions,.p5-actions,.p6-actions,.p7-actions,.p8-actions
  ){
    width:100%;
    justify-content:flex-start!important;
  }
  body[data-app-shell="true"]:not([data-active-page="command-center"]) main :is(
    .cp-page-actions,.rt-actions,.pa-actions,.ux-actions,
    .p2-actions,.p3-actions,.p4-actions,.p5-actions,.p6-actions,.p7-actions,.p8-actions
  )>*{max-width:100%}
}

@media(max-width:374px){
  body[data-app-shell="true"]:not([data-active-page="command-center"]){--app-page-gutter-x:14px}
}