/* SIMHSYCN Phase 9 — appearance, pagination, table and layout refinements */
.phase9-full-stack{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;align-items:start!important}
.phase9-full-stack>*{min-width:0!important;width:100%!important}
body.role-admin.page-settings .config-grid,
body.role-admin.page-settings .phase9-config-form,
body.role-admin.page-settings .config-stack{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important;width:100%!important;max-width:none!important}
body.role-admin.page-settings .configuration-section,
body.role-admin.page-settings .phase9-brand-preview{width:100%!important;max-width:none!important}
body.role-admin.page-settings .preview-card{position:static!important}
.phase9-color-control{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center}
.phase9-color-control input[type=color]{width:72px!important;height:48px!important;padding:4px!important;cursor:pointer}
.phase9-preview-shell{overflow:hidden;border:1px solid var(--simh-border);border-radius:18px;background:var(--preview-surface,#fff);color:var(--preview-text,#17324d);box-shadow:var(--simh-shadow-sm)}
.phase9-preview-header{min-height:64px;padding:14px 18px;display:flex;align-items:center;gap:12px;color:#fff;background:linear-gradient(135deg,var(--preview-header,#145a70),var(--preview-primary,#0f8f87))}
.phase9-preview-header img{width:38px;height:38px;border-radius:10px;object-fit:contain;background:#fff;padding:3px}
.phase9-preview-body{padding:22px}.phase9-preview-body h3{margin:6px 0 8px;color:inherit}.phase9-preview-body p{color:var(--simh-muted)}.phase9-preview-body button{border:0;border-radius:12px;padding:10px 15px;color:#fff;background:var(--preview-primary,#0f8f87);font-weight:800}
.phase9-save-bar{position:sticky;bottom:12px;z-index:20;padding:12px;border:1px solid var(--simh-border);border-radius:15px;background:color-mix(in srgb,var(--simh-surface) 92%,transparent);box-shadow:var(--simh-shadow-sm);backdrop-filter:blur(14px)}
.pagination-size-field{display:flex!important;align-items:center;gap:9px;font-size:12px;font-weight:800;color:var(--simh-muted)}
.pagination-size-field select{min-width:150px}
.dashboard-recent-table-scroll{border:1px solid var(--simh-border);border-radius:16px}.dashboard-recent-table{min-width:980px!important}.dashboard-recent-table code{white-space:nowrap}
.health-card-icon svg,.flow-card-icon svg{width:24px!important;height:24px!important;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.flow-card-icon{display:inline-flex!important;width:46px!important;height:46px!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;color:#fff!important;background:linear-gradient(135deg,var(--simh-primary),var(--simh-accent))!important}
.site-footer{background:var(--simh-phase9-footer,var(--simh-sidebar))!important;color:rgba(255,255,255,.84)!important}
.playground-grid{grid-template-columns:minmax(0,1fr)!important}
body.role-admin.page-settings .phase6-form-grid{grid-template-columns:minmax(0,1fr)!important}
body.role-admin.page-settings .phase6-field.is-wide{grid-column:1/-1}

/* The fixed desktop bar is the sole visible horizontal scrollbar. The table
   wrappers remain programmatically scrollable and retain normal scrollbars on
   tablets and phones where the fixed bar is disabled. */
@media (min-width:1161px){
  .native-table-scroll,.table-scroll-wrapper,.table-responsive,.responsive-table{scrollbar-width:none!important;-ms-overflow-style:none!important}
  .native-table-scroll::-webkit-scrollbar,.table-scroll-wrapper::-webkit-scrollbar,.table-responsive::-webkit-scrollbar,.responsive-table::-webkit-scrollbar{height:0!important;display:none!important}
}

@media(max-width:760px){
  body.role-admin.page-settings .phase6-form-grid{grid-template-columns:1fr!important}
  .phase9-color-control{grid-template-columns:58px minmax(0,1fr)}
  .phase9-color-control input[type=color]{width:58px!important}
  .phase9-save-bar .btn{width:100%!important}
  .dashboard-recent-table{min-width:860px!important}
}

html[data-theme="dark"] .phase9-preview-shell{border-color:var(--simh-border)}
html[data-theme="dark"] .phase9-save-bar{background:rgba(17,27,45,.92)}