/* Shared page grid, tablet navigation and bounded data tables. */
@media(min-width:601px) {
  nav.ebs-navigation:not(.is-reading) .back_button { margin-left:64px; }
}
#backoffice-wrapper:not(.system-search) { margin-top:88px!important; padding:0 0 40px; }
#backoffice-wrapper:not(.system-search) > .container { box-sizing:border-box; width:100%; max-width:1280px; margin:0 auto; padding:0 24px; }
#backoffice-wrapper:not(.system-search) > .container > .row { display:grid; grid-template-columns:260px minmax(0,1fr); gap:32px; margin:0; }
#backoffice-wrapper:not(.system-search) > .container > .row::before,#backoffice-wrapper:not(.system-search) > .container > .row::after { display:none; }
#backoffice-wrapper:not(.system-search) > .container > .row > [class*="col-sm-"] { float:none; width:100%; min-width:0; padding:0; box-sizing:border-box; }
#backoffice-wrapper:not(.system-search) .backoffice-menu { padding:0!important; min-height:0; }
#backoffice-wrapper:not(.system-search) .banner-litgid { margin-bottom:24px!important; }
#backoffice-wrapper:not(.system-search) .backoffice-menu-item { box-sizing:border-box; margin:0 0 6px; padding:10px 12px; min-height:42px; font-size:14px; line-height:20px; overflow-wrap:anywhere; border-radius:4px; }
#backoffice-wrapper:not(.system-search) .backoffice-menu-item:not([style*="cursor: default"]) { background:#f7f7f8!important; border:1px solid #dedfe3; color:#505460!important; }
#backoffice-wrapper:not(.system-search) .backoffice-menu-item.active { background:#293f99!important; border-color:#293f99; color:#fff!important; }
#backoffice-wrapper:not(.system-search) .backoffice-menu-item[style*="cursor: default"] { background:transparent!important; color:#666!important; padding:4px 0; min-height:28px; border:0; }
#backoffice-wrapper:not(.system-search) .col-sm-8 > .row { margin:0; }
#backoffice-wrapper:not(.system-search) .col-sm-8 > .row > div { margin-top:0!important; }
#backoffice-wrapper:not(.system-search) .first .wrapper.air { box-sizing:border-box; width:100%; padding:0 0 24px; }
#backoffice-wrapper:not(.system-search) .first article.middle { width:100%; padding:0; }
#backoffice-wrapper:not(.system-search) .catalog-search-panel form.center.search { max-width:none; width:100%; }
#backoffice-wrapper:not(.system-search) .backoffice-page-container-wrap { margin-top:0!important; }
#backoffice-wrapper:not(.system-search) .title > .wrapper.air { padding:16px 20px; }
#backoffice-wrapper:not(.system-search) .title h2 { float:none; margin:0; font-size:23px; line-height:1.35; text-transform:none; }
#backoffice-wrapper:not(.system-search) .wrapper.auto_colomn { box-sizing:border-box; width:100%; padding:24px 0 32px!important; }
#backoffice-wrapper:not(.system-search) .light-books-list-wrapper { height:auto; max-height:none; overflow:visible; margin:24px 0 0; }
.backoffice-heading { margin:0 0 20px; color:#826c22; font-size:28px; line-height:1.3; font-weight:400; }
.backoffice-start-hint { margin:0; padding:18px 20px; border:1px solid #e1e3e8; border-radius:6px; background:#f8f9fb; color:#666; font-size:15px; line-height:1.6; }
.ebs_table.header_start { display:block; box-sizing:border-box; width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.ebs_table.header_start > tbody { display:table; width:100%; }
.ebs_table.header_start td { overflow-wrap:break-word; }
@media(max-width:900px) {
  #backoffice-wrapper:not(.system-search) > .container > .row { grid-template-columns:minmax(0,1fr); gap:24px; }
  #backoffice-wrapper:not(.system-search) .backoffice-menu > div:not(.banner-litgid) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
  #backoffice-wrapper:not(.system-search) .backoffice-menu > div:not(.banner-litgid) > div:empty { display:none; }
  #backoffice-wrapper:not(.system-search) .backoffice-menu-item { margin:0; }
  #backoffice-wrapper:not(.system-search) .backoffice-menu-item[style*="cursor: default"],#backoffice-wrapper:not(.system-search) .backoffice-menu > div:not(.banner-litgid) > div:not(.backoffice-menu-item) { grid-column:1/-1; }
  #backoffice-wrapper:not(.system-search) .banner-litgid { max-width:320px; margin:0 auto 20px!important; }
  .ebs_table.header_start > tbody { min-width:600px; }
  #backoffice-wrapper:not(.system-search) .flex-center.user { flex-wrap:wrap; gap:8px; }
  #backoffice-wrapper:not(.system-search) .flex-center.user > .layer { display:none; }
  #backoffice-wrapper:not(.system-search) .flex-end { flex-wrap:wrap; gap:10px; }
}
@media(max-width:600px) {
  #backoffice-wrapper:not(.system-search) { margin-top:0!important; padding:20px 0 28px; }
  #backoffice-wrapper:not(.system-search) > .container { padding:0 16px; }
  #backoffice-wrapper:not(.system-search) .backoffice-menu { margin:0; }
  #backoffice-wrapper:not(.system-search) .title > .wrapper.air { padding:12px 14px; }
  #backoffice-wrapper:not(.system-search) .title h2 { font-size:21px; }
  .backoffice-heading { font-size:24px; margin-bottom:16px; }
  .backoffice-start-hint { padding:14px 16px; font-size:14px; }
  #backoffice-wrapper:not(.system-search) .flex-end > .a_button { min-height:44px; max-width:100%; margin:0; white-space:normal; }
  #backoffice-wrapper:not(.system-search) .ebs-export-page .filter-item input:not([type=checkbox]) { width:100%; }
  .wrapper.air article.ebs:has(>.ebs_table.header_start) { min-width:0; }
}

/* The account menu also collapses before tablet buttons collide. */
@media(min-width:601px) and (max-width:900px) {

nav.ebs-navigation.ebs-authenticated { position:relative; height:auto; min-height:0; }
nav.ebs-navigation.ebs-authenticated > .wrapper { padding:8px 12px; box-sizing:border-box; width:100%; }
nav.ebs-navigation.ebs-authenticated .wrapper > .flex-between { display:flex!important; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px; }
nav.ebs-navigation.ebs-authenticated .wrapper > .flex-between > div:first-child { display:flex!important; align-items:center; flex:0 0 auto; width:auto; gap:10px; }
nav.ebs-navigation.ebs-authenticated .logo,nav.ebs-navigation.ebs-authenticated .logo svg { position:static; display:block; width:28px; height:36px; margin:0; }
nav.ebs-navigation.ebs-authenticated .back_button { display:block; box-sizing:border-box; height:40px; min-height:40px; margin:0; padding:9px 10px 9px 26px; font-size:13px; line-height:20px; }
nav.ebs-navigation.ebs-authenticated .nav-menu-toggle { display:flex; align-items:center; justify-content:center; gap:8px; min-height:40px; box-sizing:border-box; margin:0 0 0 auto; padding:9px 12px; border:1px solid #d5d7dd; border-radius:5px; background:#fff; color:#505460; font:inherit; font-size:13px; line-height:20px; cursor:pointer; }
nav.ebs-navigation.ebs-authenticated .nav-menu-icon { display:block; width:16px; height:12px; border-top:2px solid currentColor; border-bottom:2px solid currentColor; box-sizing:border-box; background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat; }
nav.ebs-navigation.ebs-authenticated:not(.mobile-menu-open) .wrapper > .flex-between > div:not(:first-child) { display:none!important; }
nav.ebs-navigation.ebs-authenticated.mobile-menu-open .wrapper > .flex-between > div:not(:first-child) { display:flex!important; flex:0 0 100%; flex-direction:column; gap:4px; width:100%!important; min-width:0; margin:0; padding:0; }
nav.ebs-navigation.ebs-authenticated.mobile-menu-open .wrapper > .flex-between > div:empty { display:none!important; }
nav.ebs-navigation.ebs-authenticated.mobile-menu-open .wrapper > .flex-between > div:not(:first-child) div,
nav.ebs-navigation.ebs-authenticated.mobile-menu-open .wrapper > .flex-between > div:not(:first-child) span { display:flex!important; flex-direction:column; align-items:stretch; gap:4px; width:100%; min-width:0; box-sizing:border-box; }
nav.ebs-navigation.ebs-authenticated.mobile-menu-open .wrapper > .flex-between > div:not(:first-child) .context { display:block!important; width:100%; flex:auto; margin:4px 0; padding:8px 10px; font-size:12px; line-height:18px; color:#777; text-align:left; overflow-wrap:anywhere; }
nav.ebs-navigation.ebs-authenticated.mobile-menu-open .context br { display:initial; }
nav.ebs-navigation.ebs-authenticated.mobile-menu-open .exit_button { display:block; box-sizing:border-box; width:100%; min-height:44px; height:auto; margin:0!important; padding:11px 12px!important; border:1px solid #dedfe3; border-radius:4px; background:#fff; color:#505460; -webkit-text-fill-color:currentColor; text-align:left; white-space:normal; font-size:14px; line-height:20px; }
nav.ebs-navigation.ebs-authenticated.mobile-menu-open .exit_button.active { background:#edf0fa; color:#293f99; border-color:#b8c3e2; }
nav.ebs-navigation.ebs-authenticated.mobile-menu-open .exit_button:focus-visible { outline:2px solid #293f99; outline-offset:2px; }
nav.ebs-navigation.ebs-authenticated .nav-menu-toggle:focus-visible { outline:2px solid #293f99; outline-offset:2px; }
}

@media(min-width:601px) and (max-width:900px) {
 #backoffice-wrapper:not(.system-search) { margin-top:0!important; padding-top:24px; }
}

/* Nested pages must not inherit the full-screen header/footer compensation. */
#backoffice-wrapper:not(.system-search) .col-sm-8 section.full-h { margin:0!important; padding:0!important; min-height:0; height:auto; }