@import url("../../../../assets/css/sysimple-actions.css?v=20260910-global");
/* Module chrome derived from MKS.DevPart.Public/css/sysimple-dashboard.css.
   Keep authored .site-theme content independent of administration themes. */
@import url('./workspace-journeys.css');
body.intranet-admin[data-theme] {
  --ix-bg: #17191d;
  --ix-panel: #202328;
  --ix-secondary: #272b31;
  --ix-text: #f5f7fa;
  --ix-muted: #a5a9af;
  --ix-line: rgba(255, 255, 255, 0.1);
  --ix-accent: #3c8dbc;
  --ix-soft: rgba(60, 141, 188, 0.16);
  --ix-success: #00a65a;
  --ix-warning: #f39c12;
  --ix-danger: #dd4b39;
  --ix-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  --adm-bg: var(--ix-bg);
  --adm-panel: var(--ix-panel);
  --adm-surface: var(--ix-panel);
  --adm-surface-2: var(--ix-secondary);
  --adm-border: var(--ix-line);
  --adm-text: var(--ix-text);
  --adm-muted: var(--ix-muted);
  --adm-primary: var(--ix-accent);
  --adm-primary-2: var(--ix-accent);
  --adm-primary-soft: var(--ix-soft);
  --adm-input-bg: var(--ix-secondary);
  --adm-text-soft: var(--ix-muted);
  --adm-text-dim: var(--ix-muted);
  --adm-border-soft: var(--ix-line);
  --adm-panel-2: var(--ix-secondary);
  --adm-bg-2: var(--ix-secondary);
  --adm-header-bg: var(--ix-panel);
  --adm-header-text: var(--ix-text);
  --adm-header-muted: var(--ix-muted);
  --adm-header-border: var(--ix-line);
  --adm-success: var(--ix-success);
  --adm-warning: var(--ix-warning);
  --adm-danger: var(--ix-danger);
  background: var(--ix-bg) !important;
  color: var(--ix-text);
  font:
    13px/1.45 "Segoe UI",
    Arial,
    sans-serif;
}
body.intranet-admin[data-theme="light"] {
  --ix-bg: #f3f5f7;
  --ix-panel: #fff;
  --ix-secondary: #f9fafb;
  --ix-text: #263238;
  --ix-muted: #626a70;
  --ix-line: rgba(38, 50, 56, 0.12);
  --ix-soft: rgba(60, 141, 188, 0.12);
  --ix-shadow: 0 4px 14px rgba(38, 50, 56, 0.05);
}
body.intranet-admin[data-theme="dark"],
body.intranet-admin[data-theme="vscode"] {
  --ix-bg: #16181b;
  --ix-panel: #24272d;
  --ix-secondary: #2a2e35;
}
body.intranet-admin[data-theme="midnight"] {
  --ix-bg: #101317;
  --ix-panel: #1c2128;
  --ix-secondary: #232933;
  --ix-accent: #5cb8ff;
  --ix-soft: rgba(92, 184, 255, 0.16);
}
body.intranet-admin[data-theme] .app-theme-shell {
  --bg: var(--ix-bg) !important;
  --bg-2: var(--ix-secondary) !important;
  --bg-3: var(--ix-secondary) !important;
  --panel: var(--ix-panel) !important;
  --panel-2: var(--ix-secondary) !important;
  --surface: var(--ix-secondary) !important;
  --border: var(--ix-line) !important;
  --border-soft: var(--ix-line) !important;
  --text: var(--ix-text) !important;
  --text-soft: var(--ix-muted) !important;
  --text-dim: var(--ix-muted) !important;
  --primary: var(--ix-accent) !important;
  --primary-2: var(--ix-accent) !important;
  --primary-soft: var(--ix-soft) !important;
  --input-bg: var(--ix-secondary) !important;
  --main-bg: var(--ix-bg) !important;
  --hero: var(--ix-panel) !important;
  --radius-sm: 2px;
  --radius-md: 2px;
  --radius-lg: 2px;
  background: var(--ix-bg) !important;
  color: var(--ix-text);
  font-family: "Segoe UI", Arial, sans-serif;
}
body.intranet-admin[data-theme] .app-main {
  flex: 1 1 auto;
  min-height: 0;
  padding: 14px 18px 84px !important;
  background: var(--ix-bg) !important;
  min-width: 0;
}
body.intranet-admin[data-theme]
  :is(
    .surface-panel,
    .surface-card,
    .hero-card,
    .metric-card,
    .onboarding-step,
    .form-editor,
    .field-editor,
    .theme-card,
    .library-item,
    .page-list-card,
    .compact-tool-item,
    .theme-badge,
    .outline-item,
    .version-item,
    .template-card,
    .canvas-stage,
    .preview-theme-header
  ):not(.site-theme *) {
  background: var(--ix-panel) !important;
  border: 1px solid var(--ix-line) !important;
  border-radius: 2px !important;
  color: var(--ix-text);
  box-shadow: none !important;
}
body.intranet-admin[data-theme]
  :is(.workspace-heading, .files-topbar, .builder-topbar) {
  padding: 10px 12px !important;
  margin: 0 0 14px;
  min-height: 62px;
  gap: 14px;
  border: 1px solid var(--ix-line);
  background: var(--ix-panel);
  border-radius: 2px;
  flex-wrap: wrap;
}
body.intranet-admin[data-theme]
  :is(.workspace-heading, .files-topbar, .builder-topbar, .hero-card)
  h1 {
  font-size: 22px !important;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 6px;
  letter-spacing: 0;
}
body.intranet-admin[data-theme] .workspace-heading h2 {
  font-size: 16px;
  margin: 0 0 4px;
}
body.intranet-admin[data-theme]
  :is(.workspace-heading p, .hero-copy, .builder-subtext) {
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  color: var(--ix-muted);
}
body.intranet-admin[data-theme] .intranet-nav {
  gap: 0;
  margin: 0 0 14px;
  border: 1px solid var(--ix-line);
  background: var(--ix-panel);
  border-radius: 2px;
}
body.intranet-admin[data-theme] .intranet-nav a {
  min-height: 36px;
  padding: 8px 12px;
  border: 0;
  border-right: 1px solid var(--ix-line);
  border-radius: 0;
  color: var(--ix-muted);
}
body.intranet-admin[data-theme] .intranet-nav a[aria-current] {
  color: var(--ix-text);
  background: var(--ix-soft);
  box-shadow: inset 0 -2px var(--ix-accent);
}
body.intranet-admin[data-theme] .intranet-nav a:last-child {
  margin-left: auto;
  border-left: 1px solid var(--ix-line);
  border-right: 0;
}
body.intranet-admin[data-theme]
  :is(.btn, .icon-btn, .mini-btn, .collapse-btn):not(.site-theme *):not(
    .form-paper *
  ) {
  min-height: 34px !important;
  padding: 6px 11px !important;
  border: 1px solid var(--ix-line) !important;
  border-radius: 2px !important;
  background: var(--ix-secondary) !important;
  color: var(--ix-text) !important;
  font-size: 12px;
  font-weight: 600;
  box-shadow: none !important;
}
body.intranet-admin[data-theme]
  .btn-primary:not(.site-theme *):not(.form-paper *) {
  border-color: var(--ix-accent) !important;
  background: var(--ix-soft) !important;
}
body.intranet-admin[data-theme]
  :is(#publish-page, [data-publish]):not(:disabled) {
  border-color: var(--ix-success) !important;
  background: rgba(0, 166, 90, 0.14) !important;
}
body.intranet-admin[data-theme]
  :is(.btn-danger, .mini-btn.danger):not(.site-theme *) {
  border-color: var(--ix-danger) !important;
  background: rgba(221, 75, 57, 0.16) !important;
}
body.intranet-admin[data-theme]
  :is(button, a, input, select, textarea):focus-visible {
  outline: 2px solid var(--ix-accent);
  outline-offset: 2px;
}
body.intranet-admin[data-theme]
  :is(
    .intranet-nav a,
    .onboarding-step,
    .btn-secondary,
    .library-item,
    .theme-card
  ):hover {
  border-color: var(--ix-accent) !important;
  background: var(--ix-soft) !important;
}
body.intranet-admin[data-theme]
  :is(
    .input-control,
    .workspace-search,
    .form-editor input,
    .form-editor textarea,
    .form-editor select,
    .intranet-dialog input,
    .intranet-dialog textarea
  ):not(.site-theme *) {
  background: var(--ix-secondary) !important;
  color: var(--ix-text) !important;
  border: 1px solid var(--ix-line) !important;
  border-radius: 2px !important;
  min-height: 34px;
  padding: 7px 10px;
  font-size: 13px;
}
body.intranet-admin[data-theme] :is(.panel-heading, .field-label, .eyebrow) {
  font-size: 11px;
  font-weight: 600;
  color: var(--ix-muted);
  letter-spacing: 0.04em;
}
body.intranet-admin[data-theme] .hero-card {
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  margin-bottom: 14px;
  min-height: 0;
}
body.intranet-admin[data-theme] .hero-actions {
  gap: 8px;
  margin-top: 12px;
  flex-wrap: wrap;
}
body.intranet-admin[data-theme] .hero-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(100px, 1fr));
  gap: 8px;
  align-items: stretch;
}
body.intranet-admin[data-theme] .metric-card {
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--ix-secondary) !important;
}
body.intranet-admin[data-theme] .metric-value {
  font-size: 26px;
  font-weight: 600;
  color: var(--ix-text);
}
body.intranet-admin[data-theme] .metric-label {
  font-size: 11px;
  color: var(--ix-muted);
}
body.intranet-admin[data-theme] .onboarding-grid {
  gap: 14px;
  margin: 14px 0;
}
body.intranet-admin[data-theme] .onboarding-step {
  padding: 12px;
}
body.intranet-admin[data-theme] .onboarding-step span {
  color: var(--ix-accent);
  font-size: 10px;
}
body.intranet-admin[data-theme] .onboarding-step h3 {
  font-size: 14px;
  margin: 6px 0;
}
body.intranet-admin[data-theme] .onboarding-step p {
  font-size: 12px;
  margin: 0;
  line-height: 1.5;
}
body.intranet-admin[data-theme] .surface-panel > .workspace-heading {
  border: 0;
  border-bottom: 1px solid var(--ix-line);
}
body.intranet-admin[data-theme] .surface-panel > .form-toolbar {
  padding: 0 12px;
}
body.intranet-admin[data-theme]
  :is(.files-center, .files-explorer, .files-main) {
  background: var(--ix-bg) !important;
  box-shadow: none !important;
}
body.intranet-admin[data-theme]
  :is(.table-header, .files-scope-strip .tag, .drop-hint, .preview-notice) {
  background: var(--ix-secondary) !important;
  color: var(--ix-muted) !important;
  border: 1px solid var(--ix-line);
  border-radius: 2px !important;
}
body.intranet-admin[data-theme] .builder-topbar {
  margin-bottom: 0;
}
body.intranet-admin[data-theme] .page-list-card .page-list-item {
  width: 100%;
  padding: 10px;
  border: 0;
  border-radius: 0;
}
body.intranet-admin[data-theme] .page-list-overlay {
  position: static;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 10px 8px;
}
body.intranet-admin[data-theme] .page-list-card.active {
  border-color: var(--ix-accent) !important;
  background: var(--ix-soft) !important;
}
body.intranet-admin[data-theme] .page-list-delete {
  width: 34px;
  min-height: 34px;
  border-radius: 2px;
}
body.intranet-admin[data-theme] .form-table th {
  background: var(--ix-secondary);
  color: var(--ix-muted);
  font-size: 11px;
}
body.intranet-admin[data-theme] .form-table :is(td, th) {
  padding: 10px 12px;
  border-color: var(--ix-line);
}
body.intranet-admin[data-theme] .form-table td {
  font-size: 13px;
}
body.intranet-admin[data-theme]
  :is(.form-status, .status-chip):not(.site-theme *) {
  border-radius: 2px;
  border: 1px solid var(--ix-line);
  background: rgba(243, 156, 18, 0.12);
  color: var(--ix-text);
  font-size: 11px;
  padding: 4px 8px;
}
body.intranet-admin[data-theme] :is(.form-status.live, .status-chip.published) {
  background: rgba(0, 166, 90, 0.14);
  border-color: var(--ix-success);
}
body.intranet-admin[data-theme]
  :is(.form-layout, .files-layout, .builder-layout, .design-layout) {
  gap: 14px !important;
}
body.intranet-admin[data-theme]
  :is(.form-editor, .field-editor, .design-panel, .explorer-controls) {
  padding: 12px;
}
body.intranet-admin[data-theme] :is(.builder-top-actions, .toolbar-actions) {
  flex-wrap: wrap;
  gap: 8px;
}
body.intranet-admin[data-theme]
  :is(
    .builder-left,
    .builder-right,
    .builder-toolbox,
    .files-left,
    .files-right,
    .builder-canvas-wrap
  ) {
  min-width: 0;
}
body.intranet-admin[data-theme] .intranet-dialog,
body.intranet-admin[data-theme] .sysimple-modal {
  background: var(--ix-panel);
  color: var(--ix-text);
  border: 1px solid var(--ix-line);
  border-radius: 2px;
  padding: 16px;
  box-shadow: var(--ix-shadow);
}
body.intranet-admin[data-theme] .intranet-dialog h2 {
  color: var(--ix-text);
  font-size: 18px;
}
.library-access-dialog { width: min(680px, calc(100vw - 28px)); max-height: calc(100dvh - 28px); overflow: auto; }
.library-access-dialog::backdrop { background: rgba(0,0,0,.5); }
.library-access-list { overflow-x: auto; margin: 14px 0; }
.library-access-dialog table { width: 100%; border-collapse: collapse; }
.library-access-dialog th, .library-access-dialog td { padding: 10px; border-bottom: 1px solid var(--ix-line); text-align: left; }
.library-access-dialog input[type="checkbox"] { width: 18px; height: 18px; min-height: 18px; accent-color: var(--ix-accent, #3c8dbc); }
.library-access-dialog .form-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
body.intranet-admin[data-theme] #workspace-sync {
  left: 18px !important;
  bottom: 8px !important;
  padding: 8px 12px !important;
  border-radius: 2px !important;
  background: var(--ix-panel) !important;
  color: var(--ix-text) !important;
  border-color: var(--ix-line) !important;
  box-shadow: var(--ix-shadow) !important;
  font-size: 12px !important;
}
.public-form-body {
  background: #f3f5f7;
  color: #263238;
}
.form-paper {
  border-color: rgba(38, 50, 56, 0.12);
  border-radius: 2px;
  color: #263238;
  box-shadow: 0 4px 14px rgba(38, 50, 56, 0.05);
}
.form-paper h1 {
  color: #263238;
  font-size: 24px;
  font-weight: 600;
}
.form-paper .eyebrow {
  color: #3c8dbc;
}
.form-paper :is(input, select, textarea) {
  border-radius: 2px !important;
  background: #f9fafb;
  color: #263238;
}
.form-paper button.btn-primary {
  background: #3c8dbc !important;
  border-radius: 2px !important;
}
body.intranet-admin[data-theme]
  .form-paper
  :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  background: #f9fafb !important;
  color: #263238 !important;
  border-color: rgba(38, 50, 56, 0.22) !important;
}
body.intranet-admin[data-theme] .form-paper button.btn-primary {
  background: #3c8dbc !important;
  color: #fff !important;
}
body.intranet-admin[data-theme] .form-paper :is(h1, h2, h3) {
  color: #263238 !important;
}
body.intranet-admin[data-theme]
  .form-paper
  :is(.form-intro, .form-help, .eyebrow) {
  color: #626a70 !important;
}
.form-paper :is(input, select, textarea, button):focus-visible {
  outline: 2px solid #3c8dbc;
  outline-offset: 2px;
}
@media (max-width: 1100px) {
  body.intranet-admin[data-theme] .hero-card {
    grid-template-columns: 1fr;
  }
  body.intranet-admin[data-theme] .hero-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  body.intranet-admin[data-theme] .app-shell {
    grid-template-rows: auto minmax(0, 1fr) !important;
  }
  body.intranet-admin[data-theme] header.sys-studio-header {
    flex: 0 0 auto !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  body.intranet-admin[data-theme]
    :is(.sys-studio-link, .sys-studio-menu-button) {
    width: auto !important;
    flex-shrink: 0;
    padding: 0 10px !important;
  }
  body.intranet-admin[data-theme] .sys-studio-brand {
    flex: 1 1 100%;
    min-width: 0;
  }
  body.intranet-admin[data-theme] .sys-studio-nav {
    order: 3;
    flex: 1 1 100%;
  }
  body.intranet-admin[data-theme] .sys-studio-right {
    flex: 1 1 100%;
    justify-content: flex-start;
  }
  body.intranet-admin[data-theme]
    :is(.sys-studio-link, .sys-studio-menu-button)
    span:not(.sr-only) {
    display: inline !important;
  }
  body.intranet-admin[data-theme] .app-main {
    padding: 10px 10px 100px !important;
  }
  body.intranet-admin[data-theme] .intranet-nav a:last-child {
    margin-left: 0;
  }
  body.intranet-admin[data-theme]
    :is(
      .onboarding-grid,
      .files-layout,
      .design-layout,
      .builder-layout.layout-pro-grid
    ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.intranet-admin[data-theme]
    :is(.workspace-heading, .files-topbar, .builder-topbar) {
    align-items: flex-start;
    flex-direction: column;
  }
  body.intranet-admin[data-theme]
    :is(.btn, .icon-btn, .intranet-nav a):not(.site-theme *) {
    min-height: 44px !important;
  }
  body.intranet-admin[data-theme]
    :is(.explorer-filters, .compact-page-head-grid, .page-runtime-url-row) {
    display: flex;
    flex-direction: column;
  }
  body.intranet-admin[data-theme] .form-table-wrap {
    overflow-x: auto;
  }
  body.intranet-admin[data-theme] #workspace-sync {
    left: 10px !important;
    max-width: calc(100vw - 20px) !important;
  }
  body.intranet-admin[data-theme]
    :is(.builder-left, .builder-right, .builder-toolbox) {
    width: auto !important;
    max-height: none;
  }
}