/* Dense management workspace. Public reading and player layouts are separate. */
.admin-layout > .admin-page {
  width:100%; max-width:1920px; margin:0 auto; padding:14px 20px 24px;
}
.admin-layout .dashboard-editor-content > main {
  width:100%; max-width:1920px; margin:0 auto; padding:12px 20px 24px;
}
.admin-layout .breadcrumb { margin:0 0 8px; padding:0; font-size:11px; gap:8px; }
.admin-layout .editor-title-row,
.admin-layout:has(.management-form-tabs) .editor-title-row,
.admin-layout .page-heading { padding:8px 0 14px; gap:16px; margin-bottom:0; }
.admin-layout .editor-title-row h1,
.admin-layout:has(.management-form-tabs) .editor-title-row h1,
.admin-layout .page-heading h1 { font-size:24px; line-height:1.5; margin:0 0 4px; }
.admin-layout .editor-title-row p,
.admin-layout:has(.management-form-tabs) .editor-title-row p,
.admin-layout .page-heading p { margin:0; font-size:12px; line-height:1.7; }
.admin-layout .format,.admin-layout .eyebrow { font-size:11px; }
.admin-layout .toolbar,.admin-layout .access-filters,
.admin-layout .prototype-moderation-filters { margin:8px 0; padding:0; gap:8px; }
.admin-layout .access-summary { gap:12px; margin:8px 0; }
.admin-layout .access-summary > div { padding:8px 14px; }
.admin-layout .access-summary strong { font-size:22px; line-height:1.4; }
.admin-layout .access-summary span { font-size:11px; }
.admin-layout .access-filters input,.admin-layout .access-filters select,
.admin-layout .toolbar input,.admin-layout .toolbar select { min-height:36px; padding:6px 10px; font-size:13px; }
.admin-layout .button,.admin-layout .btn { min-height:34px; padding:6px 12px; font-size:13px; }
.admin-layout .admin-sidebar { padding-block:12px; }
.admin-sidebar .management-primary-links a { min-height:36px; padding:6px 10px; margin:1px 0; gap:8px; font-size:12px; }
.admin-sidebar .eyebrow { margin:10px 8px 4px; font-size:11px; }
.admin-sidebar .management-primary-links a svg { width:18px; height:18px; }
.admin-sidebar .management-sidebar-header { margin-bottom:4px; }

.management-form-tabs { gap:4px; }
.management-form-tabs [role=tab] { min-height:36px; padding:6px 12px; font-size:13px; }
.management-form .management-tabbed-grid { padding-top:20px; column-gap:24px; }
.management-tabbed-grid [role=tabpanel] { margin-bottom:20px; }
.management-tabbed-grid .form-section-layout { grid-template-columns:180px minmax(0,1fr); gap:24px; }
.form-section-intro h2 { font-size:16px!important; margin-bottom:6px!important; }
.form-section-intro p { font-size:12px; }
.form-fields-grid { gap:12px 16px; }
.management-form .editor-field,.management-form .field { font-size:13px; margin-bottom:12px; }
.management-form .editor-field > span { margin-bottom:4px; }
.management-form input:not([type=checkbox]):not([type=radio]):not([type=file]),
.management-form select,.management-form textarea { min-height:36px; padding:6px 10px; font-size:13px; }
.management-form .form-fields-grid .editor-field textarea { min-height:92px; }
.management-form .management-form-actions { min-height:54px; padding:10px 0; gap:12px; }
.management-form-actions p { font-size:12px; }
.management-form .management-form-actions .primary { min-width:124px; }
.management-form .button,.management-form .btn { min-height:34px; padding:6px 12px; font-size:13px; }
.management-form .access-choice-list { gap:8px 16px; }
.management-form .access-choice-list > label { padding:8px; }
.management-form .access-permission-row { padding:6px 0; }
.form-permission-grid { gap:20px 32px; }
.management-form .form-wide-panel > .access-permission-search { margin:12px 0 16px; }
.form-wide-panel > h2 { font-size:17px; margin-bottom:6px; }
.form-wide-panel > p { font-size:12px; margin-bottom:12px; }
.form-overview-panel > .form-section-intro,.form-cover-panel > .form-section-intro { margin-bottom:12px; }
.form-cover-panel .editor-cover { min-height:130px; margin-bottom:12px; }
.form-cover-panel .editor-cover img { max-height:170px; }
.form-cover-panel .file-dropzone { min-height:92px; padding:12px; }
.management-form .editor-type-choices { gap:8px; margin:12px 0; }
.management-form .editor-type-choices label > span,.management-form .editor-type-choices input:checked + span { min-height:76px; padding:10px; }
.management-form .editor-primary-content,.management-form .editor-primary-upload,.management-form .editor-primary-gallery { padding:14px; margin-top:12px; }

/* Toolbar and footer are outside the only scrolling element. Native table
   headings stick inside it, preserving column alignment during horizontal scroll. */
.admin-layout .management-data-table {
  display:flex; flex-direction:column; min-height:0;
  height:clamp(240px,52dvh,520px); margin-block:12px;
}
.admin-layout .management-table-toolbar {
  flex:0 0 auto; gap:10px; padding:8px 12px; min-height:48px;
  background:var(--canvas); font-size:12px;
}
.admin-layout .management-table-search input,.admin-layout .management-page-size select {
  min-height:32px; padding:4px 10px; font-size:12px;
}
.admin-layout .management-page-size { gap:6px; }
.admin-layout .management-page-size select { width:68px; }
.admin-layout .management-table-scroll {
  flex:1 1 0; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin;
}
.admin-layout .management-table { font-size:13px; line-height:1.6; }
.admin-layout .management-table th {
  position:sticky; top:0; z-index:2; padding:5px 12px;
  background:var(--surface); font-size:12px;
}
.admin-layout .management-table th button { min-height:30px; gap:8px; }
.admin-layout .management-table td { padding:7px 12px; vertical-align:middle; }
.admin-layout .management-table small { font-size:11px; margin-top:2px; }
.admin-layout .management-table .table-person,.admin-layout .management-table .table-media { gap:8px; }
.admin-layout .management-table .table-person img { width:30px; height:30px; }
.admin-layout .management-table .table-media img { width:44px; height:34px; }
.admin-layout .management-table .table-actions .button,
.admin-layout .management-table .table-actions .btn,
.admin-layout .management-table .table-actions .icon-button { min-height:30px; height:30px; padding:4px 8px; font-size:12px; }
.admin-layout .management-table .table-actions .icon-button { width:30px; }
.admin-layout .management-table .management-tag,.admin-layout .management-table .management-type-tag { font-size:11px; padding:2px 6px; }
.admin-layout .management-data-table > .bayan-pagination {
  flex:0 0 auto; display:flex; flex-direction:row; align-items:center;
  gap:12px; min-height:46px; margin:0; padding:8px 12px;
  border-top:1px solid var(--line); background:var(--canvas); font-size:12px;
}
.admin-layout .management-data-table > .bayan-pagination > div { width:auto; }
.admin-layout .management-data-table > .bayan-pagination button { min-width:30px; min-height:30px; padding:3px 8px; }

body.management-table-workspace { overflow:hidden; }
.management-table-workspace .admin-layout {
  height:calc(100dvh - var(--management-bottom-offset,0px)); min-height:0; overflow:hidden;
}
.management-table-workspace .admin-layout > .dashboard-editor-content { height:100%; min-height:0; overflow:hidden; padding-bottom:0; }
.management-table-workspace .admin-layout .management-table-fill {
  display:flex!important; flex-direction:column; flex:1 1 0; min-height:0;
  margin-block:0!important; padding-bottom:0!important;
}
.management-table-workspace .admin-layout main.management-table-fill { height:100%; max-width:1920px; margin-inline:auto; padding-bottom:10px!important; }
.management-table-workspace .management-table-fill > :not(.management-table-fill):not(.management-table-viewport) { flex-shrink:0; }
.management-table-workspace .admin-layout .management-table-viewport {
  flex:1 1 0; height:auto; min-height:0; margin:8px 0 0;
}
.management-table-workspace .management-form .management-form-actions { position:static; flex:0 0 auto; }
.management-table-workspace .management-form .management-tabbed-grid { padding-top:12px; }
.management-table-workspace .site-footer,.management-table-workspace > .footer { display:none; }

@media(max-width:750px) {
  .admin-layout > .admin-page,.admin-layout .dashboard-editor-content > main { padding:10px 12px 20px; }
  .management-tabbed-grid .form-section-layout { display:block; }
  .management-form .management-tabbed-grid { display:block; }
  .management-table-workspace .management-form .management-tabbed-grid { display:flex!important; }
  .management-form-tabs [role=tab] { min-height:40px; }
  .admin-layout .management-table-toolbar { gap:8px; }
  .admin-layout .management-table-search { flex-basis:auto; min-width:150px; }
  .admin-layout .management-data-table > .bayan-pagination { gap:8px; }
}
@media(max-height:650px) {
  .management-table-workspace .access-summary,
  .management-table-workspace .breadcrumb,
  .management-table-workspace .editor-title-row p { display:none; }
}
@media(pointer:coarse) {
  .admin-layout .management-table-toolbar input,.admin-layout .management-table-toolbar select,
  .admin-layout .management-data-table > .bayan-pagination button { min-height:40px; }
}
.management-table-workspace .admin-layout .management-table-fill { align-items:stretch; width:100%; max-width:none; }
.management-table-workspace .admin-layout .management-table-viewport { align-self:stretch; width:100%; }
.management-table-workspace [role=tabpanel].management-table-fill > h2 { margin:0 0 4px; font-size:16px; }
.management-table-workspace [role=tabpanel].management-table-fill > p { margin:0 0 8px; font-size:12px; }
.admin-layout .access-summary > div { display:flex; align-items:baseline; gap:10px; padding:8px 12px; }
.admin-layout .access-summary strong { font-size:20px; line-height:1.3; }
.admin-layout .editor-title-row .format { display:none; }

/* Give the cap visible gutters below ultra-wide desktop sizes as well. */
.admin-layout > .admin-page,
.admin-layout .dashboard-editor-content > main,
.management-table-workspace .admin-layout main.management-table-fill {
  width:calc(100% - 48px); max-width:1920px; margin-inline:auto;
}
.admin-layout .dashboard-editor-content > main:has(.management-form-tabs),
.management-table-workspace .admin-layout main.management-table-fill:has(.management-form-tabs) {
  max-width:1040px;
}
@media(max-width:900px) {
  .admin-layout > .admin-page,
  .admin-layout .dashboard-editor-content > main,
  .management-table-workspace .admin-layout main.management-table-fill {
    width:100%;
  }
}