/*
 * AgentKey tablet foundation
 * Shared portrait/landscape rules for iPadOS and Android tablets.
 * Desktop and phone layouts remain owned by each page stylesheet.
 */

@media (min-width: 700px) and (max-width: 1180px),
       (min-width: 700px) and (max-width: 1366px) and (pointer: coarse) {
  :root {
    --ak-tablet-target: 44px;
    --ak-tablet-gap: 12px;
    --ak-tablet-edge: clamp(12px, 2vw, 22px);
  }

  html {
    -webkit-text-size-adjust: 100%;
    scroll-padding-top: 72px;
  }

  body {
    min-width: 0;
    overscroll-behavior-y: contain;
  }

  body :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]) {
    min-height: var(--ak-tablet-target);
    box-sizing: border-box;
    font-size: max(16px, 1rem);
  }

  body :is(
    .header-icon-btn,
    .header-link-btn,
    .nav-pill,
    .toolbar-link-btn,
    .help-btn,
    .top-action,
    .library-section-tab,
    .library-action-btn,
    .office-icon-btn,
    .office-header-btn,
    .office-tab,
    .office-action-btn,
    .budget-link,
    .budget-toolbar button,
    .ri-back-btn,
    .ri-primary-btn,
    .ri-secondary-btn,
    .ri-icon-btn,
    .ce-tab,
    .ce-btn,
    .qr-btn,
    .layout-toggle-btn,
    .shared-links-trigger,
    .apps-launcher-btn
  ) {
    min-height: var(--ak-tablet-target) !important;
    min-width: var(--ak-tablet-target);
    box-sizing: border-box;
    touch-action: manipulation;
  }

  /* Shared utility labels remain visible on tablets so the controls are
     self-identifying in both themes. */
  body :is(#agentkeyTodayBtn, #agentkeyTasksBtn, #agentkeyLinksBtn, #agentkeyAppsBtn, .shared-links-trigger) {
    width: auto !important;
    min-width: 56px !important;
    max-width: none !important;
    height: var(--ak-tablet-target) !important;
    min-height: var(--ak-tablet-target) !important;
    padding-inline: 8px !important;
    overflow: visible;
  }

  body :is(
    #agentkeyTodayBtn .agentkey-today-btn-label,
    #agentkeyTasksBtn .agentkey-tasks-label,
    #agentkeyAppsBtn .btn-text,
    .shared-links-trigger .btn-text
  ) {
    display: block !important;
  }

  .page-agent .activity-heatmap-pill {
    min-height: var(--ak-tablet-target) !important;
  }

  .page-agent #refreshTimerHistoryBtn {
    min-height: var(--ak-tablet-target) !important;
  }

  body :is(
    #agentkeyTodayBtn,
    #agentkeyTasksBtn,
    #agentkeyLinksBtn,
    #agentkeyAppsBtn,
    #agentLookupTab,
    .stepper-btn,
    .activity-heatmap-nav-btn
  ) {
    min-width: var(--ak-tablet-target) !important;
    min-height: var(--ak-tablet-target) !important;
    touch-action: manipulation;
  }

  body :is(
    .main-header-container,
    .header-container,
    .crm-nav,
    .library-topbar,
    .office-topbar,
    .budget-topbar,
    .ri-topbar,
    .ce-header,
    .qr-topbar,
    .fill-header
  ) {
    position: sticky;
    top: 0;
    z-index: 5000;
  }

  body :is(
    .table-container,
    .table-wrapper,
    .table-view-container,
    .admin-table-wrap,
    .users-table-wrap,
    .ri-table-wrap,
    .office-table-wrap,
    .gridjs-wrapper
  ) {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  body :is(
    .modal-content,
    .dialog,
    [role="dialog"],
    .speaker-editor-dialog,
    .resource-form-dialog,
    .collection-form-dialog,
    .course-builder-dialog
  ) {
    max-width: calc(100vw - (2 * var(--ak-tablet-edge)));
    max-height: calc(100dvh - (2 * var(--ak-tablet-edge)));
    overscroll-behavior: contain;
  }

  /* Shared navigation: retain one usable row and let secondary tabs scroll. */
  .page-fin .main-header-container,
  .page-agent > .header-container,
  .page-admin > .header-container,
  .page-hmw > .header-container,
  .page-circle-chart > .header-container {
    min-height: 64px;
    padding: 8px var(--ak-tablet-edge);
    gap: 10px;
  }

  .page-fin :is(.header-left, .header-right),
  .page-agent :is(.header-left, .header-right),
  .page-admin :is(.header-left, .header-right),
  .page-hmw :is(.header-left, .header-right),
  .page-circle-chart :is(.header-left, .header-right) {
    gap: 6px;
    min-width: 0;
  }

  .page-fin :is(.header-tabs-bar, .header-center-content),
  .page-agent .header-center,
  .page-admin .admin-tab-nav,
  .page-hmw .header-center {
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .page-fin :is(.header-tabs-bar, .header-center-content)::-webkit-scrollbar,
  .page-agent .header-center::-webkit-scrollbar,
  .page-admin .admin-tab-nav::-webkit-scrollbar,
  .page-hmw .header-center::-webkit-scrollbar {
    display: none;
  }

  /* FIN and its calculators. */
  .page-fin .main-layout,
  .page-fin :is(.resp-main-grid, .bc-tax-main-grid, .btid-grid, .loan-invest-grid) {
    min-width: 0;
  }

  .page-fin :is(
    .table-view-toolbar,
    .goal-panel-toolbar,
    .goal-table-toolbar,
    .rrsp-tfsa-output-toolbar,
    .andex-mobile-pdf-toolbar,
    .fin-mobile-output-toolbar
  ) {
    min-height: 52px;
    gap: 8px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .page-fin :is(
    .table-view-toolbar,
    .goal-panel-toolbar,
    .goal-table-toolbar,
    .rrsp-tfsa-output-toolbar,
    .andex-mobile-pdf-toolbar,
    .fin-mobile-output-toolbar
  ) button {
    min-height: var(--ak-tablet-target);
  }

  /* Agent dashboard, Summary, AUM, Speaker, attendance and embedded Library. */
  .page-agent :is(.main-container, .attendance-view-container, .speaker-view-container, .summary-view-container, .library-view-container, .aum-leaders-view-container) {
    width: calc(100% - (2 * var(--ak-tablet-edge))) !important;
    max-width: none;
    margin-inline: var(--ak-tablet-edge);
    min-width: 0;
    box-sizing: border-box;
  }

  .page-agent :is(.top-section-grid, .content-inputs, .content-totals, #daily-inputs-container, #personal-activity-heatmap-container, #team-activity-heatmap-container) {
    width: 100%;
    max-width: none;
    min-width: 0;
    box-sizing: border-box;
  }

  .page-agent :is(
    .daily-inputs-header,
    .timer-history-header,
    .team-table-header,
    .attendance-header,
    .library-content-header,
    .aum-page-header,
    .summary-toolbar,
    .speaker-calendar-toolbar
  ) {
    flex-wrap: wrap;
    gap: 10px;
  }

  .page-agent :is(
    .daily-inputs-header-actions,
    .attendance-toolbar,
    .summary-toolbar-group,
    .speaker-calendar-toolbar-left,
    .speaker-calendar-toolbar-right
  ) {
    min-width: 0;
    flex-wrap: wrap;
    gap: 8px;
  }

  .page-agent :is(
    .daily-inputs-header-actions,
    .attendance-toolbar,
    .summary-toolbar,
    .speaker-calendar-toolbar,
    .library-tabs,
    .scoreboard-event-location-tabs
  ) button,
  .page-agent :is(.speaker-toolbar-select, .summary-search) {
    min-height: var(--ak-tablet-target);
  }

  .page-agent :is(
    .aum-tab,
    #aumWatchlistFilterBtn,
    .aum-level-chip,
    .aum-page-btn,
    .aum-icon-btn,
    .aum-agent-link,
    .speaker-refresh-btn,
    .speaker-slot-btn,
    .speaker-view-switch,
    .speaker-speaker-link,
    .speaker-schedule-link
  ) {
    min-height: var(--ak-tablet-target) !important;
  }

  .page-agent .speaker-slot-btn.icon-only {
    width: var(--ak-tablet-target) !important;
    min-width: var(--ak-tablet-target) !important;
    padding: 0 !important;
  }

  .page-agent .aum-icon-btn {
    width: var(--ak-tablet-target) !important;
    min-width: var(--ak-tablet-target) !important;
  }

  .page-agent :is(.speaker-grid, .speaker-roster-table-wrap, .team-table-container, .attendance-table-wrap) {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Admin. */
  .page-admin {
    padding-inline: 0 !important;
    --admin-header-height: 0px !important;
  }

  .page-admin > .header-container {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .page-admin .header-left {
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .page-admin .header-title {
    flex: 0 0 auto;
    font-size: 1.05rem;
  }

  .page-admin :is(.toolbar-card, .admin-content, .admin-tab-panel) {
    min-width: 0;
  }

  .page-admin :is(.toolbar-card-head, .bulk-group-row, .users-overview-actions) {
    flex-wrap: wrap;
    gap: 8px;
  }

  .page-admin :is(.toolbar-card button, .admin-tab-nav button, .admin-tab-nav [role="tab"]) {
    min-height: var(--ak-tablet-target);
  }

  .page-admin :is(#dashBar, #dashTimeBar) {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    overflow: visible !important;
  }

  .page-admin :is(.action-btn, .activity-add) {
    min-height: var(--ak-tablet-target) !important;
  }

  /* Contacts and workflow views. */
  .page-contacts .crm-nav {
    min-height: 64px;
  }

  .page-contacts :is(
    #contactsListBtn,
    #addContactMenuBtn,
    #addContactBtn,
    #scanCardBtn,
    #importContactBtn,
    #importListBtn,
    #mergeModeBtn,
    .nav-filter-btn,
    .nav-more-btn,
    .toolbar-link-btn,
    .task-pane-header-actions button
  ) {
    min-width: var(--ak-tablet-target) !important;
    min-height: var(--ak-tablet-target) !important;
  }

  .page-contacts :is(.contacts-toolbar-scroll, .nav-filters, .toolbar-page-links) {
    overflow-x: auto !important;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .page-contacts :is(.contacts-toolbar-scroll, .nav-filters, .toolbar-page-links)::-webkit-scrollbar {
    display: none;
  }

  .page-contacts :is(.modal-header, .task-pane-header, .contact-detail-actions, .workflow-toolbar) {
    flex-wrap: wrap;
    gap: 8px;
  }

  /* HMW dashboards. */
  .page-hmw .stats-dashboard,
  .page-hmw .class-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--ak-tablet-gap);
    padding-inline: var(--ak-tablet-edge);
  }

  .page-hmw :is(.search-container, .header-center) {
    min-width: 0;
  }

  .page-hmw :is(.header-right a, .header-right button, .navbar-overflow button) {
    min-width: var(--ak-tablet-target);
    min-height: var(--ak-tablet-target);
  }

  .page-hmwadmin .container {
    width: auto;
    max-width: 920px;
    margin: 18px auto;
    padding: clamp(18px, 3vw, 30px);
  }

  .page-hmwadmin :is(button, .button) {
    min-height: var(--ak-tablet-target);
  }

  /* Budget workspace. */
  .page-budget {
    min-height: 100dvh !important;
  }

  html:has(> body.page-budget:is(.dark, [data-agentkey-theme="dark"])) {
    background: #0d1625 !important;
  }

  .page-budget .budget-topbar {
    min-height: 64px;
    padding-inline: var(--ak-tablet-edge);
  }

  .page-budget :is(.budget-topbar-actions, .budget-toolbar, .budget-card-head, .budget-section-head) {
    min-width: 0;
    flex-wrap: wrap;
    gap: 8px;
  }

  .page-budget :is(.budget-layout, .budget-panel, .budget-card) {
    min-width: 0;
  }

  /* Circle chart. */
  .page-circle-chart .page-shell {
    padding: var(--ak-tablet-edge);
  }

  .page-circle-chart :is(.period-button, .layout-toggle-btn, .agent-lookup-header button) {
    min-height: var(--ak-tablet-target);
  }

  .page-circle-chart .period-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-circle-chart .period-btn,
  .page-circle-chart .status-visibility-option {
    min-height: var(--ak-tablet-target);
  }

  .page-circle-chart .status-visibility-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-circle-chart .status-visibility-title {
    grid-column: 1 / -1;
  }

  /* Library catalog, details, learning/player and editors. */
  .page-library .library-topbar,
  .page-library-public .library-topbar {
    min-height: 64px;
    padding: 8px var(--ak-tablet-edge);
  }

  .page-library :is(.library-section-tabs, .library-utility-actions) {
    min-width: 0;
    gap: 6px;
  }

  .page-library .library-brand-copy {
    min-width: 0;
  }

  .page-library :is(.library-section-tab, .library-top-actions .top-action, .library-top-actions #agentkeyAppsBtn, .library-top-actions .shared-links-trigger) {
    width: var(--ak-tablet-target) !important;
    min-width: var(--ak-tablet-target) !important;
    height: var(--ak-tablet-target) !important;
    min-height: var(--ak-tablet-target) !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  .page-library .library-section-tab {
    gap: 0 !important;
    font-size: 0 !important;
  }

  .page-library .library-section-tab i {
    margin: 0 !important;
    font-size: 1rem !important;
  }

  .page-library #libraryFavoritesBtn {
    position: relative;
    font-size: 0 !important;
  }

  .page-library #libraryFavoritesBtn > span {
    display: none !important;
  }

  .page-library #libraryFavoritesBtn > i {
    font-size: 1rem !important;
  }

  .page-library :is(.resource-card-collections, .resource-card-favorite, .resource-card-preview-sound) {
    width: var(--ak-tablet-target) !important;
    min-width: var(--ak-tablet-target) !important;
    height: var(--ak-tablet-target) !important;
    min-height: var(--ak-tablet-target) !important;
  }

  .page-library :is(
    .course-catalog-header,
    .resource-catalog-head,
    .event-heading,
    .collection-heading,
    .collection-detail-header-compact,
    .course-page-header,
    .course-detail-toolbar,
    .resource-detail-action-row
  ) {
    min-width: 0;
    gap: 10px;
  }

  .page-library :is(
    .course-catalog-header,
    .resource-catalog-head,
    .event-heading,
    .collection-heading,
    .course-page-header,
    .course-detail-toolbar,
    .resource-detail-action-row
  ) button,
  .page-library :is(.course-level-filters button, .collection-toolbar button, .resource-card button) {
    min-height: var(--ak-tablet-target);
  }

  .page-library .course-card-edit-button {
    min-height: var(--ak-tablet-target);
  }

  .page-library :is(.course-builder-dialog, .resource-form-dialog, .collection-form-dialog) button {
    min-height: var(--ak-tablet-target);
  }

  .page-library :is(
    .course-grid,
    .collection-grid,
    .resource-grid,
    .event-series-grid,
    .course-loading-grid
  ) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--ak-tablet-gap);
  }

  .page-library :is(
    .course-learning-layout,
    .course-builder-layout,
    .resource-detail-layout-grid,
    .resource-detail-in-collection,
    .collection-queue-layout
  ) {
    min-width: 0;
  }

  .page-library :is(
    .course-outline,
    .collection-queue-sidebar,
    .resource-detail-collection-sidebar
  ) {
    overscroll-behavior: contain;
  }

  .page-library :is(
    .course-builder-toolbar,
    .lesson-builder-toolbar,
    .page-editor-toolbar,
    .collection-toolbar,
    .resource-catalog-actions
  ) {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .page-library :is(
    .course-builder-toolbar,
    .lesson-builder-toolbar,
    .page-editor-toolbar,
    .collection-toolbar,
    .resource-catalog-actions
  )::-webkit-scrollbar {
    display: none;
  }

  /* My Tasks and workflow editor. */
  .page-office-tasks .office-topbar {
    min-height: 64px;
    padding-inline: var(--ak-tablet-edge);
  }

  .page-office-tasks :is(.office-topbar-left, .office-topbar-right, .office-tabs, .office-toolbar-actions) {
    min-width: 0;
    gap: 8px;
  }

  .page-office-tasks :is(.office-tabs, .office-topbar-right) {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .page-office-tasks :is(.office-shell, .office-board, .office-editor-layout) {
    min-width: 0;
  }

  /* Transfer Bible. */
  .page-transfer-bible .ri-topbar {
    min-height: 68px;
  }

  .page-transfer-bible .ri-topbar-actions {
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
  }

  .page-transfer-bible :is(
    .ri-row-actions button,
    .ri-topbar-actions button,
    .ri-method-row button,
    .ri-add-row-btn
  ) {
    min-height: var(--ak-tablet-target);
  }

  .page-transfer-bible :is(.ri-mobile-card, .ri-row-actions) button {
    min-width: var(--ak-tablet-target) !important;
    min-height: var(--ak-tablet-target) !important;
  }

  .page-transfer-bible .ri-mobile-card {
    min-width: 0;
  }

  /* CE Check. */
  .page-ce-check .ce-header {
    min-height: 64px;
  }

  body.page-ce-check {
    padding-top: 0 !important;
  }

  .page-ce-check :is(.ce-tabs, .ce-header-actions) {
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .page-ce-check .ce-container {
    width: auto;
    max-width: 1100px;
    margin-inline: var(--ak-tablet-edge);
  }

  .page-ce-check :is(.ce-tabs button, .ce-content button, .upload-zone) {
    min-height: var(--ak-tablet-target);
  }

  /* QR Studio. */
  .page-qr-studio .qr-topbar {
    min-height: 64px;
  }

  .page-qr-studio .qr-main {
    width: auto;
    max-width: 1120px;
    margin-inline: var(--ak-tablet-edge);
  }

  .page-qr-studio :is(.qr-template-grid, .qr-stats-grid) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-qr-studio :is(.qr-topbar a, .qr-topbar button, .qr-main button) {
    min-height: var(--ak-tablet-target);
  }

  /* Fill & Sign and Library document reader. */
  .page-pdf-fill :is(.fill-header, .toolbar, .selection-toolbar, .text-selection-toolbar) button,
  .page-library-document .library-document-actions :is(button, a) {
    min-width: var(--ak-tablet-target);
    min-height: var(--ak-tablet-target);
  }

  .page-pdf-fill :is(.toolbar, .selection-toolbar, .text-selection-toolbar) {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .page-library-document .library-document-head {
    min-height: 64px;
    gap: 10px;
  }

  .page-library-document .library-document-actions {
    gap: 6px;
    flex-wrap: nowrap;
  }

  .page-pdf-fill .fill-header {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 4px 14px;
  }

  .page-pdf-fill .fill-header h1 {
    flex: 0 0 auto;
  }

  .page-pdf-fill .fill-header p {
    flex: 1 1 320px;
    min-width: 0;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }

  /* Public and authentication utility routes use the same touch ergonomics. */
  body:is(
    .page-login,
    .page-signup,
    .page-reset,
    .page-mfa,
    .page-pending,
    .page-webform,
    .page-qrgo,
    .page-not-found
  ) :is(button, .button, [role="button"]) {
    min-height: var(--ak-tablet-target);
  }

  body:is(
    .page-login,
    .page-signup,
    .page-reset,
    .page-mfa,
    .page-pending
  ) :is(.login-container, .auth-card, .signup-card, .reset-card, .mfa-card, main) {
    width: min(620px, calc(100vw - (2 * var(--ak-tablet-edge))));
    max-width: 100%;
    box-sizing: border-box;
  }
}

@media (min-width: 700px) and (max-width: 900px) {
  /* Tablet portrait: prefer readable two-column cards and stacked workspaces. */
  .page-fin .main-header-container,
  .page-agent > .header-container,
  .page-admin > .header-container,
  .page-hmw > .header-container,
  .page-circle-chart > .header-container {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .page-fin :is(.header-link-btn .btn-text, .help-btn .btn-text),
  .page-agent :is(.nav-pill .btn-text, .header-link-btn .btn-text),
  .page-admin :is(.nav-pill .btn-text, .header-link-btn .btn-text),
  .page-hmw .header-right .btn-text,
  .page-circle-chart .header-right .btn-text {
    display: none !important;
  }

  .page-agent .top-section-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "inputs" "heatmap" "totals";
  }

  .page-agent :is(.library-hero-grid, .summary-event-grid, .summary-metrics-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-agent :is(.speaker-editor-form, .goal-form-grid, .library-form-grid) {
    grid-template-columns: 1fr;
  }

  .page-admin :is(.bulk-controls, .users-overview-grid) {
    grid-template-columns: 1fr;
  }

  .page-hmw .stats-dashboard,
  .page-hmw .class-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-circle-chart .main-container {
    grid-template-columns: 180px minmax(0, 1fr);
  }

  .page-library :is(
    .course-grid,
    .collection-grid,
    .resource-grid,
    .event-series-grid,
    .course-loading-grid
  ) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-library .course-catalog-header {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .page-library .course-catalog-header :is(.course-catalog-search, .course-level-filters) {
    grid-column: 1 / -1;
  }

  .page-library .course-catalog-header .course-level-filters {
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .page-library .course-catalog-header .course-level-filters::-webkit-scrollbar {
    display: none;
  }

  .page-library .course-builder-details-grid :is(.course-field-description, .course-field-cover) {
    grid-column: 1 / -1 !important;
  }

  .page-library .library-cover-ai {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-library .library-cover-ai > div:last-of-type,
  .page-library .library-cover-gallery-head {
    min-width: 0;
    flex-wrap: wrap;
  }

  .page-library .library-cover-gallery-filters {
    justify-content: flex-start;
  }

  .page-library :is(.course-learning-layout, .resource-detail-layout-grid, .resource-detail-in-collection, .resource-detail-ai-pair) {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-library .collection-detail-header-compact {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
  }

  .page-library .collection-detail-header-compact :is(.collection-detail-meta, .collection-detail-actions) {
    grid-column: 1 / -1;
  }

  .page-library .collection-detail-header-compact h1,
  .page-library .collection-detail-header-compact h2 {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .page-library .collection-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-library :is(.collection-queue-layout, .course-builder-layout) {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-library :is(.collection-queue-sidebar, .course-outline) {
    position: static;
    max-height: min(38dvh, 380px);
  }

  .page-library :is(.resource-form-grid, .collection-form-grid, .course-builder-detail-form) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-library :is(.resource-form-grid, .collection-form-grid, .course-builder-detail-form) > .wide,
  .page-library :is(.resource-form-grid, .collection-form-grid, .course-builder-detail-form) > [data-wide] {
    grid-column: 1 / -1;
  }

  .page-office-tasks :is(.office-filter-grid, .office-form-grid, .office-assignment-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-transfer-bible .ri-mobile-list {
    grid-template-columns: 1fr;
  }

  .page-transfer-bible .ri-topbar-actions {
    display: flex !important;
    justify-content: flex-end;
    width: 100%;
  }

  .page-transfer-bible #riNewBtn {
    flex: 0 0 180px;
    width: 180px;
    min-width: 180px !important;
  }

  .page-qr-studio .qr-template-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-pdf-fill .fill-container {
    grid-template-columns: minmax(220px, 34vw) minmax(0, 1fr);
  }

  .page-library-document .library-document-actions span {
    display: none;
  }

  .page-library .library-brand {
    min-width: 0;
    max-width: 205px;
  }

  .page-library .library-brand-copy strong {
    display: block;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .page-library .library-brand-copy span {
    display: none;
  }

  .page-library #libraryFavoritesBtn {
    position: relative;
    font-size: 0;
  }

  .page-library #libraryFavoritesBtn > i {
    font-size: 1rem;
  }

  .page-library #libraryFavoritesBtn > span {
    display: none;
  }

  .page-library #libraryFavoritesBtn > small {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 17px;
    height: 17px;
    padding: 0 3px;
  }
}