/* Desktop: 230px sidebar + fluid canvas; header 55px, page gutters 24px.
   The app owns vertical scrolling; the workspace nav remains outside it. */
[data-euromonk-admin] { --management-nav-height: 54px; }
[data-euromonk-admin] body { height: 100dvh; overflow: hidden; margin: 0; }
[data-euromonk-admin] .management-workspace-nav {
  position: relative; min-height: 54px; gap: 24px; padding: 12px 24px;
  box-sizing: border-box; z-index: 100;
}
/* Ant modal/drawer overlays use 1000. Feedback must remain above both
   overlays and navigation, with its full text below the workspace bar. */
[data-euromonk-admin] .ant-message {
  z-index: 1100;
  top: calc(var(--management-nav-height) + 12px) !important;
}
[data-euromonk-admin] .ant-message-notice-content {
  max-width: calc(100vw - 32px);
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: left;
}
[data-euromonk-admin] .ant-notification { z-index: 1100; }
[data-euromonk-admin] .ant-notification-topLeft,
[data-euromonk-admin] .ant-notification-topRight {
  top: calc(var(--management-nav-height) + 12px) !important;
}
[data-euromonk-admin] #app {
  height: calc(100dvh - var(--management-nav-height));
  overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
}
[data-euromonk-admin] #app > .layout.ant-layout { overflow: visible; }
[data-euromonk-admin] .layout.ant-layout > .ant-layout {
  min-height: calc(100dvh - var(--management-nav-height)) !important;
  overflow: visible;
}
[data-euromonk-admin] .sider {
  top: var(--management-nav-height);
  height: calc(100dvh - var(--management-nav-height));
}
[data-euromonk-admin] .ant-layout-header.ant-header-fixedHeader { top: var(--management-nav-height) !important; }
[data-euromonk-admin] .ant-pro-multi-tab { position: sticky; top: 55px; z-index: 8; }
[data-euromonk-admin] .management-page-context { margin: 0 0 20px; }
[data-euromonk-admin] .management-page-context h1 { margin: 0 0 6px; font-size: 22px; line-height: 1.4; font-weight: 600; }
[data-euromonk-admin] .management-page-context p { margin: 0; color: var(--euromonk-muted); font-size: 14px; line-height: 1.7; }
[data-euromonk-admin] .management-workspace-nav a:focus-visible { outline: 2px solid var(--euromonk-gold); outline-offset: 4px; }
[data-euromonk-admin] .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { color: var(--euromonk-green); }
@media (max-width: 900px) {
  [data-euromonk-admin] .management-workspace-nav { gap: 16px; padding: 10px 16px; flex-wrap: wrap; }
  [data-euromonk-admin] .management-workspace-nav a { font-size: 13px; }
  [data-euromonk-admin] .management-workspace-nav a:first-child { width: 100%; }
  [data-euromonk-admin] .management-page-context h1 { font-size: 20px; }
  [data-euromonk-admin] .ant-layout-header .header { overflow-x: auto; }
  [data-euromonk-admin] .ant-layout-header .header > .ant-menu { white-space: nowrap; min-width: 640px; }
  /* Retained fixed-header tables need the same column width in both panes. */
  [data-euromonk-admin] main .ant-table-wrapper .ant-table-header table,
  [data-euromonk-admin] main .ant-table-wrapper .ant-table-body table { min-width: 1000px; }
  [data-euromonk-admin] main .ant-table-wrapper .ant-table-body { min-width: 0 !important; overflow-x: auto !important; }
}