/* Export form and reader controls share predictable spacing and touch targets. */
.ebs-export-page .backoffice-page-container-wrap { margin-top:24px!important; }
.ebs-export-page .wrapper.auto_colomn { box-sizing:border-box; width:100%; max-width:780px; padding:24px 20px 40px!important; margin:0 auto; }
.ebs-export-page .wrapper.air { padding:16px 20px; }
.ebs-export-page form.search { width:100%; max-width:none; margin:0; padding:0; text-align:left; }
.ebs-export-page .stat-radio { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; width:100%!important; max-width:none!important; margin:8px 0 20px!important; }
.ebs-export-page .stat-radio label { display:flex; align-items:center; gap:8px; min-height:44px; box-sizing:border-box; margin:0; padding:10px; border:1px solid #dedfe3; border-radius:5px; font-size:14px; line-height:20px; cursor:pointer; }
.ebs-export-page .stat-radio label:has(:checked) { color:#293f99; border-color:#7e8dca; background:#f2f4fb; }
.ebs-export-page .stat-radio input { flex:0 0 18px; width:18px!important; height:18px; margin:0; }
.ebs-export-page .search-by-filters { display:block; width:100%!important; min-height:44px; margin:0 0 20px; padding:10px 12px; box-sizing:border-box; border:1px solid #dedfe3; border-radius:5px; background:#f7f7f8; color:#505460; font:inherit; text-align:left; cursor:pointer; }
.ebs-export-page .search-filters.open { display:flex; flex-direction:column; gap:12px; width:100%; max-width:none; height:auto; margin:0; padding:0; }
.ebs-export-page .search-filters.closed { display:none; }
.ebs-export-page .filter-item { display:grid; grid-template-columns:160px minmax(0,1fr); gap:12px; align-items:center; width:100%; margin:0; padding:0; }
.ebs-export-page .filter-item > label { width:auto; margin:0!important; padding:0; text-align:right; font-size:15px; line-height:22px; }
.ebs-export-page .filter-item input:not([type=checkbox]),.ebs-export-page .filter-item select { box-sizing:border-box; width:100%; max-width:none; min-width:0; height:44px; margin:0; padding:10px 12px; border:1px solid #bfc1c7; border-radius:4px; background:#fff; color:#333; font:inherit; font-size:16px; }
.ebs-export-page .export-years-range { display:flex; align-items:center; gap:10px; min-width:0; }
.ebs-export-page .export-years-range label { flex:0 0 auto; width:auto; margin:0; }
.ebs-export-page .export-years-range input { flex:1 1 0; }
.ebs-export-page .filter-item.export-new-books { display:flex; gap:10px; margin:4px 0 0; padding-left:172px; box-sizing:border-box; }
.ebs-export-page .export-new-books label { order:1; text-align:left; cursor:pointer; }
.ebs-export-page .export-new-books input { flex:0 0 18px; width:18px; height:18px; margin:0; cursor:pointer; }
.ebs-export-page .flex-end { justify-content:flex-end; margin:24px 0 0!important; }
.ebs-export-page .flex-end .a_button { min-height:44px; margin:0; padding:10px 24px; border:1px solid #354ca6; border-radius:4px; background:#354ca6; color:#fff; }
.ebs-export-page :is(input,select,button):focus-visible { outline:2px solid #354ca6; outline-offset:2px; }
@media(max-width:600px) {
  .ebs-export-page .wrapper.auto_colomn { padding:20px 0 28px!important; }
  .ebs-export-page .wrapper.air { padding:14px 12px; }
  .ebs-export-page .wrapper.air h2 { font-size:22px; line-height:28px; }
  .ebs-export-page .stat-radio { grid-template-columns:1fr; }
  .ebs-export-page .filter-item { grid-template-columns:minmax(0,1fr); gap:6px; }
  .ebs-export-page .filter-item > label { text-align:left; }
  .ebs-export-page .filter-item.export-new-books { padding-left:0; }
  .ebs-export-page .flex-end .a_button { width:100%; }
}
@media(min-width:901px) {
  body:has(section.reader) nav.ebs-navigation > .wrapper { box-sizing:border-box; width:calc(100% - 32px); max-width:1280px; padding:12px; }
  .reader .read_sidebar,.reader .read_sidebar.open-b,.reader .read_sidebar.open-h { margin-top:20px; padding:10px 12px; gap:8px; border:1px solid #e0e2e7; border-radius:6px; }
  body:has(section.reader) nav.ebs-navigation .back_button { margin-left:64px; }
  .reader .sidebar_meta { padding:0 8px; }
  .reader .sidebar_pagenav { gap:6px; padding-left:12px; border-left:1px solid #e0e2e7; }
  .reader .sidebar_pagenav .page_num { display:flex; align-items:center; justify-content:center; height:44px; padding:0; line-height:42px; text-align:center; }
  .reader .sidebar_pagenav input.page_num { width:56px; padding:0 6px; border-color:#bfc1c7; background:#fff; }
  .reader .sidebar_pagenav input.page_num[readonly] { width:42px; border-color:transparent; background:transparent; color:#555; }
  .reader .sidebar_pagenav .pagenav_text { line-height:44px; }
  .reader .read_sidebar .ebs_func { border:1px solid #d7d9df; border-radius:4px; background-color:#fafafa; }
  .reader .read_sidebar .ebs_func:hover { background-color:#eef1f8; border-color:#9aa7d0; }
  .reader .read_text { padding:16px 0; }
}
