:root {
  --wp11-brand-900: #0b2447;
  --wp11-brand-700: #00488d;
  --wp11-brand-600: #0b63ce;
  --wp11-brand-100: #dcebff;
  --wp11-brand-50: #f3f8ff;
  --wp11-surface-0: #f7f9fc;
  --wp11-surface-1: #ffffff;
  --wp11-surface-2: #f1f4f8;
  --wp11-text-900: #101828;
  --wp11-text-600: #475467;
  --wp11-text-400: #98a2b3;
  --wp11-border: #d0d5dd;
  --wp11-success: #14804a;
  --wp11-success-bg: #ecfdf3;
  --wp11-warning: #b54708;
  --wp11-warning-bg: #fffaeb;
  --wp11-danger: #b42318;
  --wp11-danger-bg: #fef3f2;
  --wp11-info: #175cd3;
  --wp11-info-bg: #eff8ff;
  --wp11-focus: rgba(11, 99, 206, 0.3);
  --wp11-sidebar-width: 232px;
  --wp11-sidebar-collapsed: 72px;
  --wp11-topbar-height: 64px;
  --wp11-radius-sm: 8px;
  --wp11-radius-panel: 12px;
  --wp11-shadow-popover: 0 14px 30px rgba(16, 24, 40, 0.14);
  --wp11-font: "Pretendard", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;
}

html.dark {
  --wp11-brand-900: #d7e9ff;
  --wp11-brand-700: #78b7ff;
  --wp11-brand-600: #9ac8ff;
  --wp11-brand-100: #17365d;
  --wp11-brand-50: #102945;
  --wp11-surface-0: #11161d;
  --wp11-surface-1: #171e27;
  --wp11-surface-2: #202936;
  --wp11-text-900: #f4f7fb;
  --wp11-text-600: #bac5d3;
  --wp11-text-400: #8793a3;
  --wp11-border: #344153;
  --wp11-success: #6ce9a6;
  --wp11-success-bg: #123727;
  --wp11-warning: #fec84b;
  --wp11-warning-bg: #3b2b13;
  --wp11-danger: #fda29b;
  --wp11-danger-bg: #431c1a;
  --wp11-info: #84caff;
  --wp11-info-bg: #133552;
  --wp11-focus: rgba(132, 202, 255, 0.35);
}

html[data-theme-preference="infrastructure"] {
  --wp11-brand-900: #10243e;
  --wp11-brand-700: #0f6cbd;
  --wp11-brand-600: #0891b2;
  --wp11-brand-100: #b9e6ef;
  --wp11-brand-50: #e8f7fa;
  --wp11-surface-0: #eef3f8;
  --wp11-surface-1: #ffffff;
  --wp11-surface-2: #e8eef5;
  --wp11-text-900: #172033;
  --wp11-text-600: #526071;
  --wp11-text-400: #8090a3;
  --wp11-border: #cbd7e4;
  --wp11-success: #16835a;
  --wp11-success-bg: #e8f7f0;
  --wp11-warning: #a95f06;
  --wp11-warning-bg: #fff5e5;
  --wp11-danger: #c2414b;
  --wp11-danger-bg: #fff0f1;
  --wp11-info: #0f6cbd;
  --wp11-info-bg: #eaf4ff;
  --wp11-focus: rgba(8, 145, 178, 0.34);
  --wp11-radius-sm: 6px;
  --wp11-radius-panel: 10px;
  --wp11-shadow-popover: 0 16px 36px rgba(16, 36, 62, 0.18);
}

body.wp-v11-shell {
  background: var(--wp11-surface-0) !important;
  color: var(--wp11-text-900) !important;
  font-family: var(--wp11-font);
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 0;
}

.wp-v11-shell *,
.wp-v11-shell *::before,
.wp-v11-shell *::after {
  letter-spacing: 0;
}

.wp-v11-shell a,
.wp-v11-shell button,
.wp-v11-shell input,
.wp-v11-shell select,
.wp-v11-shell textarea {
  transition-duration: 120ms;
  transition-property: background-color, border-color, color, box-shadow, opacity;
  transition-timing-function: ease;
}

.wp-v11-shell :focus-visible {
  outline: 3px solid var(--wp11-focus) !important;
  outline-offset: 2px;
}

.wp-v11-shell #sidebar {
  background: var(--wp11-surface-1) !important;
  border-right: 1px solid var(--wp11-border) !important;
  color: var(--wp11-text-900) !important;
  height: 100dvh;
  width: var(--wp11-sidebar-width) !important;
}

.wp-v11-shell #sidebar > div:first-child {
  border-bottom: 1px solid var(--wp11-border);
  height: var(--wp11-topbar-height) !important;
  padding: 0 20px !important;
}

.wp-v11-brand-mark {
  align-items: center;
  background: var(--wp11-brand-700);
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  flex: 0 0 32px;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.wp-v11-shell #sidebar .sidebar-brand-text {
  color: var(--wp11-text-900) !important;
  font-family: var(--wp11-font) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.wp-v11-shell #sidebar nav {
  gap: 4px !important;
  padding: 20px 12px !important;
}

.wp-v11-shell #sidebar nav h3,
.wp-v11-sidebar-label {
  color: var(--wp11-text-400) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin: 16px 12px 6px;
  padding: 0 !important;
  text-transform: none !important;
}

.wp-v11-shell #sidebar .group {
  gap: 0 !important;
  position: relative;
}

.wp-v11-shell #sidebar .nav-link {
  align-items: center;
  border-radius: 8px !important;
  color: var(--wp11-text-600) !important;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 12px !important;
  height: 44px;
  padding: 0 12px !important;
  position: relative;
  text-decoration: none;
}

.wp-v11-shell #sidebar .nav-link i {
  color: var(--wp11-text-400);
  font-size: 17px;
  width: 20px;
}

.wp-v11-shell #sidebar .nav-link:hover {
  background: var(--wp11-surface-2) !important;
  color: var(--wp11-text-900) !important;
}

.wp-v11-shell #sidebar .nav-link.active {
  background: var(--wp11-brand-50) !important;
  color: var(--wp11-brand-700) !important;
  font-weight: 700;
}

.wp-v11-shell #sidebar .nav-link.active::before {
  background: var(--wp11-brand-600);
  border-radius: 0 3px 3px 0;
  content: "";
  height: 24px;
  left: -12px;
  position: absolute;
  top: 10px;
  width: 3px;
}

.wp-v11-shell #sidebar .nav-link.active i {
  color: var(--wp11-brand-600);
}

.wp-v11-shell #sidebar .pin-toggle {
  color: var(--wp11-text-400) !important;
  flex: 0 0 32px;
}

.wp-v11-shell #sidebar .pin-toggle:hover {
  background: var(--wp11-surface-2) !important;
}

.wp-v11-sidebar-divider {
  border-top: 1px solid var(--wp11-border);
  margin: 16px 8px 0;
}

.wp-v11-shell .app-main-column {
  background: var(--wp11-surface-0);
  min-width: 0;
}

.wp-v11-shell .app-main-column > header {
  background: color-mix(in srgb, var(--wp11-surface-1) 96%, transparent) !important;
  border-bottom: 1px solid var(--wp11-border) !important;
  height: var(--wp11-topbar-height) !important;
  min-height: var(--wp11-topbar-height);
  padding: 0 24px !important;
}

.wp-v11-shell .topbar-icon-button,
.wp-v11-shell #sidebar-toggle,
.wp-v11-shell .profile-chip {
  border-radius: 8px !important;
  color: var(--wp11-text-600) !important;
  min-height: 40px;
  min-width: 40px;
}

.wp-v11-shell .topbar-icon-button:hover,
.wp-v11-shell #sidebar-toggle:hover,
.wp-v11-shell .profile-chip:hover {
  background: var(--wp11-surface-2) !important;
  color: var(--wp11-text-900) !important;
}

.wp-v11-shell .wp-v11-search {
  margin-left: 8px;
  position: relative;
  width: min(400px, 36vw);
}

.wp-v11-shell .wp-v11-search input {
  background: var(--wp11-surface-0) !important;
  border: 1px solid var(--wp11-border);
  border-radius: 8px !important;
  color: var(--wp11-text-900);
  height: 40px;
  padding: 0 70px 0 38px !important;
  width: 100%;
}

.wp-v11-search__icon {
  color: var(--wp11-text-400);
  left: 13px;
  position: absolute;
  top: 13px;
}

.wp-v11-search kbd {
  background: var(--wp11-surface-1);
  border: 1px solid var(--wp11-border);
  border-radius: 5px;
  color: var(--wp11-text-600);
  font-family: inherit;
  font-size: 12px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 9px;
}

.wp-v11-shell .wp-v11-legacy-control {
  display: none !important;
}

.wp-v11-shell .wp-button,
.wp-v11-button {
  align-items: center;
  background: var(--wp11-surface-1);
  border: 1px solid var(--wp11-border);
  border-radius: 8px !important;
  color: var(--wp11-text-900);
  cursor: pointer;
  display: inline-flex;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
  height: 40px;
  justify-content: center;
  line-height: 1;
  padding: 0 14px;
  text-decoration: none;
  white-space: nowrap;
}

.wp-v11-shell .wp-button:hover,
.wp-v11-button:hover {
  background: var(--wp11-surface-2);
  border-color: var(--wp11-text-400);
}

.wp-v11-shell .wp-button--primary,
.wp-v11-button--primary {
  background: var(--wp11-brand-700) !important;
  border-color: var(--wp11-brand-700) !important;
  color: #fff !important;
}

.wp-v11-shell .wp-button--primary:hover,
.wp-v11-button--primary:hover {
  background: var(--wp11-brand-600) !important;
  border-color: var(--wp11-brand-600) !important;
}

.wp-v11-button--secondary {
  background: var(--wp11-surface-1);
}

.wp-v11-link {
  align-items: center;
  color: var(--wp11-brand-700);
  display: inline-flex;
  font-size: 13px;
  font-weight: 600;
  gap: 6px;
  text-decoration: none;
}

.wp-v11-link:hover {
  color: var(--wp11-brand-600);
  text-decoration: underline;
}

.wp-v11-shell .wp-create-menu,
.wp-v11-shell [x-show].absolute {
  background: var(--wp11-surface-1) !important;
  border-color: var(--wp11-border) !important;
  border-radius: 8px !important;
  box-shadow: var(--wp11-shadow-popover) !important;
  color: var(--wp11-text-900) !important;
}

.wp-v11-shell .wp-create-menu__item {
  align-items: center;
  color: var(--wp11-text-600);
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 12px;
  min-height: 40px;
  padding: 8px 12px;
}

.wp-v11-shell .wp-create-menu__item:hover {
  background: var(--wp11-surface-2);
  color: var(--wp11-text-900);
}

.wp-v11-shell #content {
  background: var(--wp11-surface-0) !important;
  color: var(--wp11-text-900) !important;
  min-height: 0;
  overflow: auto !important;
  overscroll-behavior: contain;
}

.wp-v11-page {
  margin: 0 auto;
  max-width: 1240px;
  padding: 24px;
  width: 100%;
}

.wp-v11-page--wide {
  max-width: 1440px;
}

.wp-v11-page-header {
  align-items: flex-end;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 24px;
  min-height: 68px;
}

.wp-v11-page-header h1 {
  color: var(--wp11-text-900);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
  margin: 4px 0 0;
}

.wp-v11-page-header p {
  color: var(--wp11-text-600);
  margin: 6px 0 0;
}

.wp-v11-page-header__actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

.wp-v11-breadcrumb {
  color: var(--wp11-text-600);
  font-size: 12px;
  font-weight: 600;
}

.wp-v11-section {
  background: var(--wp11-surface-1);
  border: 1px solid var(--wp11-border);
  border-radius: 8px;
  margin-bottom: 20px;
  min-width: 0;
  padding: 20px;
}

.wp-v11-section__header {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 16px;
}

.wp-v11-section__header h2 {
  color: var(--wp11-text-900);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}

.wp-v11-section__header p {
  color: var(--wp11-text-600);
  font-size: 13px;
  margin: 3px 0 0;
}

.wp-v11-inline-links { align-items: center; display: flex; flex-wrap: wrap; gap: 14px; }
.wp-v11-subsection-title { border-top: 1px solid var(--wp11-border); color: var(--wp11-text-600); font-size: 12px; font-weight: 800; margin: 14px 0 4px; padding-top: 12px; text-transform: uppercase; }
.wp-v11-progress-summary { align-items: center; display: grid; gap: 6px; grid-template-columns: auto minmax(0,1fr); margin-bottom: 16px; }
.wp-v11-progress-summary > strong { color: var(--wp11-text-900); font-size: 28px; }
.wp-v11-progress-summary > span { color: var(--wp11-text-600); font-size: 13px; }
.wp-v11-progress-summary progress { accent-color: var(--wp11-brand-700); grid-column: 1 / -1; height: 8px; width: 100%; }
.wp-v11-inline-stats { border: 1px solid var(--wp11-border); border-radius: 8px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-bottom: 16px; overflow: hidden; }
.wp-v11-inline-stats > a, .wp-v11-inline-stats > span { align-items: center; border-left: 1px solid var(--wp11-border); color: var(--wp11-text-600); display: flex; flex-direction: column; font-size: 12px; gap: 4px; justify-content: center; min-height: 68px; padding: 10px; text-align: center; text-decoration: none; }
.wp-v11-inline-stats > :first-child { border-left: 0; }
.wp-v11-inline-stats strong { color: var(--wp11-text-900); font-size: 18px; }
.wp-v11-inline-stats a:hover { background: var(--wp11-brand-50); }
.wp-v11-callout { align-items: flex-start; background: var(--wp11-surface-2); border: 1px solid var(--wp11-border); border-radius: 8px; color: var(--wp11-text-600); display: flex; gap: 10px; padding: 14px; }
.wp-v11-callout i { color: var(--wp11-brand-700); margin-top: 2px; }
.wp-v11-callout strong { color: var(--wp11-text-900); font-size: 13px; }
.wp-v11-callout p { font-size: 12px; margin: 3px 0 0; }
.wp-v11-callout--warning { background: var(--wp11-warning-bg); border-color: var(--wp11-warning); }
.wp-v11-callout--warning i { color: var(--wp11-warning); }

.wp-v11-metrics {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 20px;
}

.wp-v11-metric {
  align-items: center;
  background: var(--wp11-surface-1);
  border: 1px solid var(--wp11-border);
  border-radius: 8px;
  color: inherit;
  display: flex;
  gap: 12px;
  min-height: 82px;
  padding: 14px 16px;
  text-decoration: none;
}

.wp-v11-metric:hover {
  border-color: var(--wp11-brand-600);
  box-shadow: 0 0 0 1px var(--wp11-brand-600);
}

.wp-v11-metric__icon {
  align-items: center;
  background: var(--wp11-brand-50);
  border-radius: 8px;
  color: var(--wp11-brand-700);
  display: flex;
  flex: 0 0 40px;
  height: 40px;
  justify-content: center;
}

.wp-v11-metric--danger .wp-v11-metric__icon { background: var(--wp11-danger-bg); color: var(--wp11-danger); }
.wp-v11-metric--warning .wp-v11-metric__icon { background: var(--wp11-warning-bg); color: var(--wp11-warning); }
.wp-v11-metric--success .wp-v11-metric__icon { background: var(--wp11-success-bg); color: var(--wp11-success); }

.wp-v11-metric span:last-child {
  display: grid;
  gap: 1px;
}

.wp-v11-metric small {
  color: var(--wp11-text-600);
  font-size: 12px;
  font-weight: 600;
}

.wp-v11-metric strong {
  color: var(--wp11-text-900);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.wp-v11-tabs {
  align-items: center;
  border-bottom: 1px solid var(--wp11-border);
  display: flex;
  gap: 4px;
  margin-bottom: 20px;
  min-height: 45px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.wp-v11-tabs a,
.wp-v11-tabs button {
  align-items: center;
  border-bottom: 2px solid transparent;
  color: var(--wp11-text-600);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 600;
  gap: 7px;
  min-height: 44px;
  padding: 0 14px;
  text-decoration: none;
}

.wp-v11-tabs a:hover,
.wp-v11-tabs button:hover {
  color: var(--wp11-text-900);
}

.wp-v11-tabs a.active,
.wp-v11-tabs button.active,
.wp-v11-tabs [aria-selected="true"] {
  border-bottom-color: var(--wp11-brand-600);
  color: var(--wp11-brand-700);
}

.wp-v11-toolbar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.wp-v11-filter-grid {
  align-items: end;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
}

.wp-v11-list {
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;
}

.wp-v11-list > li,
.wp-v11-list > a {
  align-items: center;
  border-bottom: 1px solid var(--wp11-border);
  color: var(--wp11-text-600);
  display: grid;
  gap: 12px;
  min-height: 52px;
  padding: 8px 0;
  text-decoration: none;
}

.wp-v11-list > li:last-child,
.wp-v11-list > a:last-child { border-bottom: 0; }
.wp-v11-list > a:hover { color: var(--wp11-text-900); }

.wp-v11-content-grid {
  display: grid;
  gap: 20px;
}

.wp-v11-content-grid--balanced {
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
}

.wp-v11-content-grid--rail {
  grid-template-columns: minmax(0, 1fr) 320px;
}

.wp-v11-table-wrap {
  margin: 0 -20px -20px;
  overflow-x: auto;
}

.wp-v11-table {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 680px;
  width: 100%;
}

.wp-v11-table th {
  background: var(--wp11-surface-2);
  border-bottom: 1px solid var(--wp11-border);
  color: var(--wp11-text-600);
  font-size: 12px;
  font-weight: 600;
  height: 40px;
  padding: 0 12px;
  text-align: left;
  white-space: nowrap;
}

.wp-v11-table th:first-child,
.wp-v11-table td:first-child { padding-left: 20px; }
.wp-v11-table th:last-child,
.wp-v11-table td:last-child { padding-right: 20px; }

.wp-v11-table td {
  border-bottom: 1px solid var(--wp11-border);
  color: var(--wp11-text-600);
  height: 52px;
  padding: 8px 12px;
  vertical-align: middle;
}

.wp-v11-shell main#content .wp-v11-table tbody tr {
  background: var(--wp11-surface-1);
}

.wp-v11-table tbody tr:last-child td { border-bottom: 0; }
.wp-v11-shell main#content .wp-v11-table tbody tr:hover {
  background: var(--wp11-brand-50);
}
.wp-v11-table a { color: var(--wp11-text-900); font-weight: 600; text-decoration: none; }
.wp-v11-table a:hover { color: var(--wp11-brand-700); text-decoration: underline; }

.wp-v11-status {
  align-items: center;
  border-radius: 6px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 600;
  gap: 5px;
  line-height: 1;
  min-height: 26px;
  padding: 0 8px;
  white-space: nowrap;
}

.wp-v11-status--neutral { background: var(--wp11-surface-2); color: var(--wp11-text-600); }
.wp-v11-status--info { background: var(--wp11-info-bg); color: var(--wp11-info); }
.wp-v11-status--success { background: var(--wp11-success-bg); color: var(--wp11-success); }
.wp-v11-status--warning { background: var(--wp11-warning-bg); color: var(--wp11-warning); }
.wp-v11-status--danger { background: var(--wp11-danger-bg); color: var(--wp11-danger); }

.wp-v11-empty {
  align-items: center;
  background: var(--wp11-surface-0);
  border: 1px dashed var(--wp11-border);
  border-radius: 8px;
  color: var(--wp11-text-600);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 180px;
  padding: 28px 20px;
  text-align: center;
}

.wp-v11-empty > i {
  color: var(--wp11-text-400);
  font-size: 22px;
  margin-bottom: 10px;
}

.wp-v11-empty strong { color: var(--wp11-text-900); font-size: 14px; }
.wp-v11-empty p { margin: 4px 0 16px; max-width: 440px; }

.wp-v11-loading {
  align-items: center;
  color: var(--wp11-text-600);
  display: flex;
  gap: 8px;
  justify-content: center;
  min-height: 112px;
}

.wp-v11-loading i { color: var(--wp11-brand-700); }
.wp-v11-shell .wp-empty--error {
  background: var(--wp11-danger-bg);
  border-color: var(--wp11-danger);
  color: var(--wp11-danger);
}

.wp-v11-action-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wp-v11-action-item {
  align-items: center;
  border: 1px solid var(--wp11-border);
  border-radius: 8px;
  color: var(--wp11-text-900);
  display: grid;
  gap: 12px;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  min-height: 76px;
  padding: 12px;
  text-decoration: none;
}

.wp-v11-action-item:hover {
  background: var(--wp11-brand-50);
  border-color: var(--wp11-brand-600);
}

.wp-v11-action-item__icon {
  align-items: center;
  background: var(--wp11-brand-50);
  border-radius: 8px;
  color: var(--wp11-brand-700);
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.wp-v11-action-item span:nth-child(2) { display: grid; gap: 2px; }
.wp-v11-action-item strong { font-size: 14px; }
.wp-v11-action-item small { color: var(--wp11-text-600); font-size: 12px; }
.wp-v11-action-item__meta { color: var(--wp11-text-600); font-size: 12px; font-weight: 600; white-space: nowrap; }

.wp-v11-link-list {
  display: grid;
  gap: 2px;
}

.wp-v11-link-list a {
  align-items: center;
  border-radius: 8px;
  color: var(--wp11-text-600);
  display: flex;
  justify-content: space-between;
  min-height: 44px;
  padding: 0 10px;
  text-decoration: none;
}

.wp-v11-link-list a:hover { background: var(--wp11-surface-2); color: var(--wp11-text-900); }
.wp-v11-link-list a span { align-items: center; display: flex; gap: 10px; }
.wp-v11-link-list a span i { color: var(--wp11-text-400); width: 18px; }
.wp-v11-link-list a small { font-size: 12px; }

.wp-v11-timeline {
  display: grid;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.wp-v11-timeline li {
  border-left: 2px solid var(--wp11-border);
  margin-left: 7px;
  padding: 0 0 18px 20px;
  position: relative;
}

.wp-v11-timeline li:last-child { padding-bottom: 0; }
.wp-v11-timeline li::before {
  background: var(--wp11-surface-1);
  border: 2px solid var(--wp11-info);
  border-radius: 50%;
  content: "";
  height: 10px;
  left: -6px;
  position: absolute;
  top: 5px;
  width: 10px;
}

.wp-v11-timeline time { color: var(--wp11-text-400); display: block; font-size: 12px; }
.wp-v11-timeline strong { color: var(--wp11-text-900); display: block; font-size: 14px; margin-top: 2px; }
.wp-v11-timeline p { color: var(--wp11-text-600); font-size: 13px; margin: 2px 0 0; }

.wp-v11-shell .wp-dialog {
  background: var(--wp11-surface-1);
  border: 1px solid var(--wp11-border);
  border-radius: 8px;
  box-shadow: var(--wp11-shadow-popover);
  color: var(--wp11-text-900);
}

.wp-v11-shell .wp-dialog::backdrop {
  background: rgba(16, 24, 40, 0.48);
}

.wp-v11-shell .wp-drawer {
  border-radius: 0;
  height: 100dvh;
  inset: 0 0 0 auto;
  margin: 0;
  max-height: 100dvh;
  max-width: min(92vw, 380px);
  overflow: hidden;
  width: 380px;
}

.wp-v11-shell .wp-drawer[open] {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}

.wp-v11-shell .wp-drawer .wp-dialog__body {
  overflow-y: auto;
  overscroll-behavior: contain;
}

.wp-v11-shell .wp-input,
.wp-v11-shell .wp-select {
  background: var(--wp11-surface-1) !important;
  border: 1px solid var(--wp11-border) !important;
  border-radius: 8px;
  color: var(--wp11-text-900) !important;
  min-height: 40px;
}

.wp-v11-shell .wp-label { color: var(--wp11-text-600); }

.wp-v11-shell .workspace-lexical-editor .editor-shell {
  color: var(--wp11-text-900);
  margin: 12px 0 20px;
}

.wp-v11-shell .workspace-lexical-editor .editor-container {
  background: var(--wp11-surface-1);
  border-color: var(--wp11-border);
  border-radius: 8px;
  box-shadow: none;
}

.wp-v11-shell .workspace-lexical-editor .toolbar {
  background: var(--wp11-surface-2);
  border-color: var(--wp11-border);
  gap: 4px;
  padding: 8px;
}

.wp-v11-shell .workspace-lexical-editor .toolbar-item,
.wp-v11-shell .workspace-lexical-editor .draft-action {
  background: var(--wp11-surface-1);
  border-color: var(--wp11-border);
  border-radius: 6px;
  color: var(--wp11-text-600);
  min-height: 34px;
  padding-inline: 9px;
}

.wp-v11-shell .workspace-lexical-editor .toolbar-item:hover:not(:disabled),
.wp-v11-shell .workspace-lexical-editor .toolbar-item.active {
  background: var(--wp11-brand-50);
  border-color: var(--wp11-brand-600);
  color: var(--wp11-brand-700);
}

.wp-v11-shell .workspace-lexical-editor .editor-status,
.wp-v11-shell .workspace-lexical-editor .toolbar-dropdown-menu,
.wp-v11-shell .workspace-lexical-editor .slash-command-menu,
.wp-v11-shell .workspace-lexical-editor .slash-command-item,
.wp-v11-shell .workspace-lexical-editor .lexical-attachment-card {
  border-radius: 8px;
}

.wp-v11-shell .workspace-lexical-editor .toolbar-dropdown-menu,
.wp-v11-shell .workspace-lexical-editor .slash-command-menu,
.wp-v11-shell .workspace-lexical-editor .editor-inner,
.wp-v11-shell .workspace-lexical-editor .PlaygroundEditorTheme__tableCell {
  background: var(--wp11-surface-1);
  border-color: var(--wp11-border);
  color: var(--wp11-text-900);
}

.wp-v11-shell .workspace-lexical-editor .toolbar-dropdown-item,
.wp-v11-shell .workspace-lexical-editor .slash-command-item,
.wp-v11-shell .workspace-lexical-editor .PlaygroundEditorTheme__h1,
.wp-v11-shell .workspace-lexical-editor .PlaygroundEditorTheme__h2,
.wp-v11-shell .workspace-lexical-editor .PlaygroundEditorTheme__h3 {
  color: var(--wp11-text-900);
}

.wp-v11-shell .workspace-lexical-editor .toolbar-dropdown-item:hover,
.wp-v11-shell .workspace-lexical-editor .slash-command-item:hover,
.wp-v11-shell .workspace-lexical-editor .slash-command-item.active,
.wp-v11-shell .workspace-lexical-editor .PlaygroundEditorTheme__tableCellHeader {
  background: var(--wp11-surface-2);
}

.wp-v11-shell .workspace-shell,
.wp-v11-shell .workspace-grid,
.wp-v11-shell .workspace-main {
  background: var(--wp11-surface-0);
  color: var(--wp11-text-900);
}

.wp-v11-shell .workspace-header,
.wp-v11-shell .workspace-tree,
.wp-v11-shell .workspace-context-rail {
  background: var(--wp11-surface-1) !important;
  border-color: var(--wp11-border);
}

.wp-v11-shell .workspace-title-input { color: var(--wp11-text-900); }
.wp-v11-shell .workspace-breadcrumbs,
.wp-v11-shell .workspace-save-state,
.wp-v11-shell .workspace-summary-strip span { color: var(--wp11-text-600); }

.wp-v11-shell .workspace-summary-strip,
.wp-v11-shell .workspace-context-links,
.wp-v11-shell .workspace-embed,
.wp-v11-shell .workspace-insert-menu__panel {
  background: var(--wp11-surface-1);
  border-color: var(--wp11-border);
  border-radius: 8px;
  box-shadow: none;
}

.wp-v11-shell .workspace-summary-strip > div,
.wp-v11-shell .wp-editor-toolbar { border-color: var(--wp11-border); }

.wp-v11-shell .workspace-tree a,
.wp-v11-shell .workspace-context-links a { color: var(--wp11-text-600); }
.wp-v11-shell .workspace-tree a:hover,
.wp-v11-shell .workspace-context-links a:hover { background: var(--wp11-surface-2); color: var(--wp11-text-900); }
.wp-v11-shell .workspace-tree a[aria-current="page"] {
  background: var(--wp11-brand-50);
  border-color: var(--wp11-brand-600);
  color: var(--wp11-brand-700);
}

.wp-v11-mobile-nav { display: none; }

.wp-v11-review-badge {
  align-items: center;
  background: var(--wp11-warning-bg);
  border: 1px solid color-mix(in srgb, var(--wp11-warning) 38%, var(--wp11-border));
  border-radius: 8px;
  color: var(--wp11-text-900);
  font-size: 12px;
  gap: 8px;
  min-height: 30px;
  padding: 4px 9px;
  text-decoration: none;
  white-space: nowrap;
}

.wp-v11-review-badge strong {
  color: var(--wp11-text-600);
  font-weight: 600;
}

html.sidebar-collapsed .wp-v11-shell #sidebar {
  width: var(--wp11-sidebar-collapsed) !important;
}

html.sidebar-collapsed .wp-v11-shell #sidebar .sidebar-brand-text,
html.sidebar-collapsed .wp-v11-shell #sidebar .nav-link__text,
html.sidebar-collapsed .wp-v11-shell #sidebar .pin-toggle,
html.sidebar-collapsed .wp-v11-shell #sidebar h3,
html.sidebar-collapsed .wp-v11-shell #sidebar .wp-v11-sidebar-label,
html.sidebar-collapsed .wp-v11-shell #sidebar .wp-v11-sidebar-divider {
  display: none !important;
}

html.sidebar-collapsed .wp-v11-shell #sidebar .nav-link {
  justify-content: center;
  padding: 0 !important;
}

html.sidebar-collapsed .wp-v11-shell #sidebar .nav-link.active::before { left: -8px; }

@media (min-width: 1440px) {
  .wp-v11-page { padding: 32px; }
}

@media (max-width: 1199px) {
  .wp-v11-content-grid--balanced,
  .wp-v11-content-grid--rail { grid-template-columns: minmax(0, 1fr); }
  .wp-v11-content-grid--rail > aside { order: -1; }
}

@media (max-width: 899px) {
  .wp-v11-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wp-v11-action-grid { grid-template-columns: minmax(0, 1fr); }
  .wp-v11-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wp-v11-shell .wp-v11-search { width: min(52vw, 360px); }
  .wp-v11-shell .workspace-grid { grid-template-columns: minmax(0, 1fr); }
  .wp-v11-shell .workspace-main,
  .wp-v11-shell .workspace-main > *,
  .wp-v11-shell .workspace-lexical-editor,
  .wp-v11-shell .workspace-lexical-editor .editor-shell,
  .wp-v11-shell .workspace-lexical-editor .editor-container {
    max-width: 100%;
    min-width: 0;
  }
}

@media (max-width: 767px) {
  .wp-v11-shell .app-main-column > header { padding: 0 12px !important; }
  .wp-v11-shell .wp-v11-search { display: none; }
  .wp-v11-page { padding: 20px 16px 88px; }
  .wp-v11-page-header { align-items: flex-start; flex-direction: column; gap: 12px; }
  .wp-v11-page-header h1 { font-size: 24px; }
  .wp-v11-page-header__actions { width: 100%; }
  .wp-v11-page-header__actions .wp-v11-button { flex: 1; }
  .wp-v11-metrics { grid-template-columns: minmax(0, 1fr); }
  .wp-v11-filter-grid { grid-template-columns: minmax(0, 1fr); }
  .wp-v11-metric { min-height: 68px; }
  .wp-v11-section { padding: 16px; }
  .wp-v11-section__header { align-items: flex-start; }
  .wp-v11-table-wrap { margin: 0; overflow: visible; }
  .wp-v11-table { display: block; min-width: 0; }
  .wp-v11-table thead { display: none; }
  .wp-v11-table tbody { display: grid; gap: 8px; }
  .wp-v11-table tr { border: 1px solid var(--wp11-border); border-radius: 8px; display: grid; gap: 6px; padding: 12px; }
  .wp-v11-table td { border: 0; display: block; height: auto; padding: 0 !important; }
  .wp-v11-table td[data-label]::before { color: var(--wp11-text-400); content: attr(data-label) ": "; font-size: 12px; font-weight: 600; }
  .wp-v11-action-item { grid-template-columns: 40px minmax(0, 1fr); }
  .wp-v11-action-item__meta { grid-column: 2; }
  .wp-v11-mobile-nav {
    background: color-mix(in srgb, var(--wp11-surface-1) 96%, transparent);
    border-top: 1px solid var(--wp11-border);
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    left: 0;
    padding: 6px max(8px, env(safe-area-inset-left)) max(6px, env(safe-area-inset-bottom));
    position: fixed;
    right: 0;
    z-index: 50;
  }
  .wp-v11-mobile-nav a {
    align-items: center;
    border-radius: 8px;
    color: var(--wp11-text-600);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 600;
    gap: 3px;
    justify-content: center;
    min-height: 50px;
    text-decoration: none;
  }
  .wp-v11-mobile-nav a i { font-size: 16px; }
  .wp-v11-mobile-nav a.active { background: var(--wp11-brand-50); color: var(--wp11-brand-700); }
}

@media (prefers-reduced-motion: reduce) {
  .wp-v11-shell *,
  .wp-v11-shell *::before,
  .wp-v11-shell *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* v1.1 independent application shell */
[x-cloak] { display: none !important; }

html,
body.wp11-app-shell {
  height: 100%;
  min-height: 100%;
  margin: 0;
}

body.wp11-app-shell {
  overflow: hidden;
}

.wp11-skip-link {
  position: fixed;
  left: 16px;
  top: -64px;
  z-index: 1000;
  border-radius: 8px;
  background: var(--wp11-brand-700);
  color: #fff;
  padding: 10px 14px;
}

.wp11-skip-link:focus { top: 12px; }

.wp11-app-frame {
  height: 100dvh;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
}

.wp11-sidebar {
  display: grid;
  grid-template-rows: var(--wp11-topbar-height) minmax(0, 1fr) auto;
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
  position: relative;
  z-index: 50;
}

.wp11-sidebar__brand {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.wp11-sidebar__brand > a {
  align-items: center;
  display: flex;
  gap: 10px;
  min-width: 0;
  text-decoration: none;
}

.wp11-sidebar__collapse {
  height: 32px;
  min-height: 32px !important;
  min-width: 32px !important;
  width: 32px;
}

.wp11-sidebar__nav {
  overflow-y: auto;
  overscroll-behavior: contain;
}

.wp11-sidebar__footer {
  border-top: 1px solid var(--wp11-border);
  padding: 12px;
}

.wp11-sidebar-profile {
  align-items: center;
  border-radius: 8px;
  color: var(--wp11-text-900);
  display: flex;
  gap: 10px;
  min-height: 52px;
  padding: 6px 8px;
  text-decoration: none;
}

.wp11-sidebar-profile:hover { background: var(--wp11-surface-2); }

.wp11-sidebar-profile > span:first-child,
.wp11-profile-button > span:first-child {
  align-items: center;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  flex: 0 0 32px;
  font-size: 13px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.wp11-sidebar-profile > span:last-child {
  display: grid;
  min-width: 0;
}

.wp11-sidebar-profile strong,
.wp11-sidebar-profile small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wp11-sidebar-profile strong { font-size: 13px; }
.wp11-sidebar-profile small { color: var(--wp11-text-600); font-size: 12px; }

.wp11-main-column {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: 64px minmax(0, 1fr);
  height: 100dvh;
  overflow: hidden;
}

.wp11-module-frame {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  overflow: hidden;
}

.wp11-module-frame--single { grid-template-columns: minmax(0, 1fr); }

.wp11-context-sidebar {
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  border-right: 1px solid var(--wp11-border);
  background: var(--wp11-surface-1);
}

.wp11-topbar {
  align-items: center;
  background: var(--wp11-surface-1);
  border-bottom: 1px solid var(--wp11-border);
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) max-content;
  height: var(--wp11-topbar-height);
  padding: 0 20px;
  position: relative;
  z-index: 40;
}

.wp11-topbar__actions {
  align-items: center;
  display: flex;
  gap: 8px;
  min-width: 0;
}

.wp11-topbar__brand {
  align-items: center;
  color: var(--wp11-text-900);
  display: inline-flex;
  gap: 10px;
  min-width: 160px;
  text-decoration: none;
  white-space: nowrap;
}

.wp11-topbar__brand strong {
  font-size: 16px;
  font-weight: 750;
}

.wp11-topbar__actions {
  justify-content: flex-end;
  width: max-content;
}

.wp11-topbar > .wp-v11-search {
  width: 100%;
  min-width: 0;
  margin: 0;
}

.wp11-breadcrumb {
  color: var(--wp11-text-600);
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wp11-icon-button,
.wp11-button,
.wp11-profile-button {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-weight: 600;
  justify-content: center;
  text-decoration: none;
}

.wp11-icon-button {
  background: transparent;
  color: var(--wp11-text-600);
  height: 40px;
  min-width: 40px;
  padding: 0;
  position: relative;
  width: 40px;
}

.wp11-icon-button:hover,
.wp11-icon-button[aria-expanded="true"] {
  background: var(--wp11-surface-2);
  color: var(--wp11-text-900);
}

.wp11-icon-button:active,
.wp11-button:active,
.wp11-profile-button:active { opacity: 0.76; }

.wp11-button {
  background: var(--wp11-surface-1);
  border-color: var(--wp11-border);
  color: var(--wp11-text-900);
  gap: 8px;
  height: 40px;
  padding: 0 14px;
  white-space: nowrap;
}

.wp11-topbar__actions .wp11-button,
.wp11-topbar__actions .wp11-icon-button,
.wp11-topbar__actions .wp11-profile-button,
.wp11-topbar__actions .wp-v11-review-badge {
  flex-shrink: 0;
}

.wp11-button:hover { background: var(--wp11-surface-2); border-color: #98a2b3; }

.wp11-button--primary {
  background: var(--wp11-brand-700);
  border-color: var(--wp11-brand-700);
  color: #fff;
}

.wp11-button--primary:hover {
  background: var(--wp11-brand-600);
  border-color: var(--wp11-brand-600);
}

.wp11-button:disabled,
.wp11-icon-button:disabled,
.wp11-button[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.48;
  pointer-events: none;
}

.wp11-button.is-loading::before,
.wp11-button[aria-busy="true"]::before {
  animation: wp11-spin 700ms linear infinite;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  content: "";
  height: 14px;
  width: 14px;
}

@keyframes wp11-spin { to { transform: rotate(360deg); } }

.wp11-chevron { font-size: 12px; }

.wp11-profile-button {
  background: transparent;
  color: var(--wp11-text-900);
  gap: 8px;
  min-height: 44px;
  padding: 4px 6px;
}

.wp11-profile-button:hover,
.wp11-profile-button[aria-expanded="true"] { background: var(--wp11-surface-2); }

.wp11-profile-button__label { display: grid; line-height: 1.2; text-align: left; }
.wp11-profile-button__label strong { font-size: 12px; }
.wp11-profile-button__label small { color: var(--wp11-text-600); font-size: 12px; }

.wp11-menu { position: relative; }

.wp11-popover {
  background: var(--wp11-surface-1);
  border: 1px solid var(--wp11-border);
  border-radius: 10px;
  box-shadow: var(--wp11-shadow-popover);
  min-width: 220px;
  padding: 6px;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 90;
}

.wp11-popover a,
.wp11-popover button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 7px;
  color: var(--wp11-text-900);
  display: flex;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  gap: 10px;
  min-height: 40px;
  padding: 0 10px;
  text-align: left;
  text-decoration: none;
  width: 100%;
}

.wp11-popover a:hover,
.wp11-popover button:hover { background: var(--wp11-surface-2); }
.wp11-popover .is-danger { color: var(--wp11-danger); }
.wp11-popover i { color: var(--wp11-text-400); width: 18px; }

.wp11-menu-separator { border-top: 1px solid var(--wp11-border); margin: 5px 4px; }

.wp11-theme-menu-label {
  color: var(--wp11-text-400);
  font-size: 12px;
  font-weight: 700;
  margin: 0;
  padding: 7px 10px 4px;
}

.wp11-popover .wp11-theme-option {
  min-height: 44px;
}

.wp11-popover .wp11-theme-option.is-active {
  background: var(--wp11-brand-50);
  color: var(--wp11-brand-700);
}

.wp11-popover .wp11-theme-option.is-active > i:first-child,
.wp11-popover .wp11-theme-option [data-theme-check] {
  color: var(--wp11-brand-700);
}

.wp11-popover .wp11-theme-option [data-theme-check] {
  margin-left: auto;
  width: auto;
}

.wp11-popover .wp11-theme-option [data-theme-check][hidden] {
  display: none !important;
}

.wp11-notification-count {
  align-items: center;
  background: var(--wp11-danger);
  border: 2px solid var(--wp11-surface-1);
  border-radius: 999px;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  height: 18px;
  justify-content: center;
  min-width: 18px;
  padding: 0 4px;
  position: absolute;
  right: -3px;
  top: -3px;
}

.wp11-notifications { min-width: 340px; padding: 0; }
.wp11-notifications > header { align-items: center; border-bottom: 1px solid var(--wp11-border); display: flex; justify-content: space-between; padding: 12px 14px; }
.wp11-notifications > header span { color: var(--wp11-text-600); font-size: 12px; }
.wp11-notifications > div { max-height: 360px; overflow-y: auto; padding: 6px; }
.wp11-notifications a { align-items: start; display: grid; gap: 2px; height: auto; padding: 10px; }
.wp11-notifications a span { color: var(--wp11-text-600); font-weight: 400; }
.wp11-notifications a small { color: var(--wp11-text-400); }
.wp11-popover-empty { align-items: center; color: var(--wp11-text-600); display: flex; flex-direction: column; gap: 8px; padding: 28px; }

.wp11-page {
  background: var(--wp11-surface-0);
  min-height: 0;
  min-width: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 32px;
}

.wp11-main-content {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  padding-bottom: max(32px, env(safe-area-inset-bottom));
}

.wp11-page > * { margin-left: auto; margin-right: auto; max-width: 1440px; }

body.wp11-wiki-shell #content {
  overflow: hidden !important;
  padding: 0;
}

body.wp11-wiki-shell #content > * {
  margin: 0;
  max-width: none;
}

.wp11-flash-stack { display: grid; gap: 8px; margin-bottom: 16px; }
.wp11-alert { align-items: center; background: var(--wp11-info-bg); border: 1px solid var(--wp11-info); border-radius: 8px; color: var(--wp11-info); display: flex; gap: 10px; min-height: 44px; padding: 8px 12px; }
.wp11-alert--success { background: var(--wp11-success-bg); border-color: var(--wp11-success); color: var(--wp11-success); }
.wp11-alert--error,
.wp11-alert--danger { background: var(--wp11-danger-bg); border-color: var(--wp11-danger); color: var(--wp11-danger); }
.wp11-alert--warning { background: var(--wp11-warning-bg); border-color: var(--wp11-warning); color: var(--wp11-warning); }

.wp11-page-header {
  align-items: flex-end;
  border-bottom: 1px solid var(--wp11-border);
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.wp11-page-header h1 { color: var(--wp11-text-900); font-size: 28px; font-weight: 700; line-height: 1.2; margin: 2px 0 0; }
.wp11-page-header p { color: var(--wp11-text-600); margin: 7px 0 0; }
.wp11-page-header__eyebrow { color: var(--wp11-text-600); font-size: 12px; font-weight: 600; }
.wp11-page-header__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; }

.wp11-sidebar-overlay,
.wp11-context-sidebar-overlay { display: none; }
.wp11-mobile-nav { display: none; }

.wp11-command-palette {
  background: var(--wp11-surface-1);
  border: 1px solid var(--wp11-border);
  border-radius: 12px;
  box-shadow: 0 24px 64px rgba(16, 24, 40, 0.24);
  color: var(--wp11-text-900);
  margin: 12vh auto 0;
  max-width: calc(100% - 32px);
  padding: 0;
  width: 620px;
}

.wp11-command-palette::backdrop { background: rgba(16, 24, 40, 0.52); }
.wp11-command-palette > form header { align-items: center; border-bottom: 1px solid var(--wp11-border); display: grid; gap: 10px; grid-template-columns: auto 1fr auto; padding: 12px 14px; }
.wp11-command-palette input { background: transparent; border: 0; color: var(--wp11-text-900); height: 40px; outline: none; width: 100%; }
.wp11-command-palette form button { background: transparent; border: 0; }
.wp11-command-palette kbd { background: var(--wp11-surface-2); border: 1px solid var(--wp11-border); border-radius: 5px; color: var(--wp11-text-600); padding: 3px 6px; }
.wp11-command-palette > div { padding: 14px; }
.wp11-command-palette h2 { color: var(--wp11-text-600); font-size: 12px; margin: 0 0 8px; }
.wp11-command-palette nav { display: grid; gap: 4px; }
.wp11-command-palette nav a { align-items: center; border-radius: 8px; color: var(--wp11-text-900); display: flex; gap: 12px; min-height: 44px; padding: 0 12px; text-decoration: none; }
.wp11-command-palette nav a:hover,
.wp11-command-palette nav a:focus { background: var(--wp11-brand-50); color: var(--wp11-brand-700); }

html.sidebar-collapsed .wp11-sidebar .sidebar-brand-text,
html.sidebar-collapsed .wp11-sidebar .nav-link__text,
html.sidebar-collapsed .wp11-sidebar .wp-v11-sidebar-label,
html.sidebar-collapsed .wp11-sidebar-profile > span:last-child,
html.sidebar-collapsed .wp11-sidebar__collapse { display: none; }
html.sidebar-collapsed .wp11-sidebar__brand { justify-content: center; }
html.sidebar-collapsed .wp11-sidebar .nav-link { justify-content: center; padding: 0 !important; }
html.sidebar-collapsed .wp11-sidebar .nav-link.active::before { left: -12px; }

@media (max-width: 1599px) {
  .wp11-topbar__actions .wp-v11-review-badge { display: none !important; }
}

@media (max-width: 1279px) {
  .wp11-topbar { grid-template-columns: minmax(0, 1fr) max-content; }
  .wp11-topbar > .wp-v11-search { display: none; }
  .wp11-topbar__actions { width: auto; }
  .wp11-profile-button__label { display: none; }
}

@media (max-width: 1023px) {
  body.wp11-app-shell { overflow: hidden; }
  .wp11-app-frame { grid-template-columns: minmax(0, 1fr); }
  body.wp-v11-shell #sidebar.wp11-sidebar { box-shadow: var(--wp11-shadow-popover); left: 0; position: fixed; top: 0; transform: translateX(-102%); transition: transform 180ms ease; width: min(304px, 86vw) !important; }
  html.sidebar-open .wp11-sidebar { transform: translateX(0); }
  .wp11-sidebar-overlay { background: rgba(16, 24, 40, 0.46); border: 0; display: block; inset: 0; opacity: 0; pointer-events: none; position: fixed; transition: opacity 180ms ease; z-index: 45; }
  html.sidebar-open .wp11-sidebar-overlay { opacity: 1; pointer-events: auto; }
  .wp11-main-column { height: 100dvh; min-height: 0; }
  .wp11-topbar { grid-template-columns: auto minmax(0, 1fr); padding: 0 14px; }
  .wp11-profile-button > i,
  .wp11-topbar__actions .wp11-button span,
  .wp11-topbar__actions .wp11-button .wp11-chevron { display: none; }
  .wp11-topbar__actions .wp11-button { padding: 0; width: 40px; }
  .wp11-page { min-height: 0; padding: 24px 20px 88px; }
  .wp11-mobile-nav { align-items: stretch; background: var(--wp11-surface-1); border-top: 1px solid var(--wp11-border); bottom: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); height: 64px; left: 0; padding-bottom: env(safe-area-inset-bottom); position: fixed; right: 0; z-index: 42; }
  .wp11-mobile-nav a { align-items: center; color: var(--wp11-text-600); display: flex; flex-direction: column; font-size: 12px; gap: 4px; justify-content: center; min-width: 0; text-decoration: none; }
  .wp11-mobile-nav a i { font-size: 17px; }
  .wp11-mobile-nav a.is-active { color: var(--wp11-brand-700); font-weight: 700; }
}

@media (max-width: 639px) {
  .wp11-topbar { gap: 6px; grid-template-columns: minmax(0, 1fr) auto; }
  .wp11-topbar__brand { min-width: 0; }
  .wp11-topbar__actions { gap: 2px; }
  .wp11-topbar__actions .wp11-menu--notifications { display: none; }
  .wp11-profile-button { padding: 4px; }
  .wp11-page { padding: 18px 14px 88px; }
  .wp11-page-header { align-items: stretch; display: grid; gap: 14px; }
  .wp11-page-header h1 { font-size: 24px; }
  .wp11-page-header__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wp11-page-header__actions > * { min-width: 0; width: 100%; }
  .wp11-notifications { max-width: calc(100vw - 28px); min-width: 300px; right: -48px; }
}

@media (max-width: 389px) {
  .wp11-topbar { padding-inline: 8px; }
  .wp11-topbar__brand strong { display: none; }
  .wp11-topbar__actions .wp11-menu--create { display: none; }
  .wp11-page { padding-inline: 12px; }
  .wp11-mobile-nav a { font-size: 12px; }
}

/* STEP-1: three-pane App Shell and shared context sidebar */
.wp11-topbar__drawer-actions { display: none; }

.wp11-context-sidebar {
  background: var(--wp11-surface-1);
  border-right: 1px solid var(--wp11-border);
  overscroll-behavior: contain;
  scrollbar-color: var(--wp11-border) transparent;
  width: 260px;
}

.wp11-context-sidebar__inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 100%;
  min-width: 0;
  overflow-y: auto;
  padding: 20px 12px;
}

.wp11-context-header {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.wp11-context-header__title {
  align-items: center;
  display: flex;
  gap: 10px;
  min-width: 0;
  padding: 0 8px;
}

.wp11-context-header__title > i { color: var(--wp11-brand-700); font-size: 18px; width: 20px; }
.wp11-context-header__title h2 { color: var(--wp11-text-900); font-size: 16px; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.wp11-context-header__close {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--wp11-text-600);
  cursor: pointer;
  display: none;
  height: 44px;
  justify-content: center;
  padding: 0;
  width: 44px;
}

.wp11-context-header__close:hover { background: var(--wp11-surface-2); color: var(--wp11-text-900); }
.wp11-context-header__close:focus-visible { outline: 2px solid var(--wp11-brand-600); outline-offset: 2px; }

.wp11-context-header__action {
  align-items: center;
  background: var(--wp11-brand-700);
  border: 1px solid var(--wp11-brand-700);
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  gap: 8px;
  justify-content: center;
  min-height: 40px;
  padding: 0 12px;
  text-decoration: none;
  grid-column: 1 / -1;
}

.wp11-context-header__action:hover { background: var(--wp11-brand-600); border-color: var(--wp11-brand-600); }

.wp11-context-search {
  align-items: center;
  background: var(--wp11-surface-0);
  border: 1px solid var(--wp11-border);
  border-radius: 8px;
  display: flex;
  gap: 8px;
  min-height: 40px;
  padding: 0 10px;
}

.wp11-context-search > i { color: var(--wp11-text-400); font-size: 13px; }
.wp11-context-search input { background: transparent; border: 0; color: var(--wp11-text-900); min-width: 0; outline: 0; padding: 0 4px 0 0 !important; width: 100%; }
.wp11-context-search:focus-within { border-color: var(--wp11-brand-600); box-shadow: 0 0 0 3px var(--wp11-focus); }

.wp11-context-nav,
.wp11-context-nav__section,
.wp11-context-nav__items { display: grid; gap: 4px; min-width: 0; }
.wp11-context-nav__section h3 { color: var(--wp11-text-400); font-size: 12px; font-weight: 700; margin: 4px 8px; }

.wp11-context-item {
  align-items: center;
  border-radius: 8px;
  color: var(--wp11-text-600);
  display: grid;
  font-size: 14px;
  font-weight: 600;
  gap: 10px;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  min-height: 44px;
  padding: 0 10px;
  position: relative;
  text-decoration: none;
}

.wp11-context-item > i { color: var(--wp11-text-400); text-align: center; }
.wp11-context-item > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wp11-context-item > small { background: var(--wp11-surface-2); border-radius: 999px; color: var(--wp11-text-600); font-size: 12px; padding: 1px 6px; }
.wp11-context-item:hover { background: var(--wp11-surface-2); color: var(--wp11-text-900); }

.wp11-context-item.is-selected {
  background: var(--wp11-brand-50);
  color: var(--wp11-brand-700);
  font-weight: 700;
}

.wp11-context-item.is-selected::before {
  background: var(--wp11-brand-600);
  border-radius: 0 3px 3px 0;
  content: "";
  height: 24px;
  left: -12px;
  position: absolute;
  width: 3px;
}

.wp11-context-item.is-selected > i { color: var(--wp11-brand-600); }

.wp11-context-menu-settings {
  border-top: 1px solid var(--wp11-border);
  margin-top: auto;
  padding-top: 10px;
}

.wp11-context-menu-settings > summary {
  align-items: center;
  border-radius: 8px;
  color: var(--wp11-text-600);
  cursor: pointer;
  display: grid;
  font-weight: 700;
  gap: 10px;
  grid-template-columns: 20px minmax(0, 1fr) 16px;
  list-style: none;
  min-height: 44px;
  padding: 0 10px;
}

.wp11-context-menu-settings > summary::-webkit-details-marker { display: none; }
.wp11-context-menu-settings > summary:hover { background: var(--wp11-surface-2); color: var(--wp11-text-900); }
.wp11-context-menu-settings > summary > i { color: var(--wp11-text-400); text-align: center; }
.wp11-context-menu-settings > summary > i:last-child { font-size: 12px; transition: transform 120ms ease; }
.wp11-context-menu-settings[open] > summary > i:last-child { transform: rotate(180deg); }
.wp11-context-menu-settings fieldset { border: 0; display: grid; gap: 2px; margin: 6px 0 0; padding: 8px 0 0; }
.wp11-context-menu-settings fieldset > p { color: var(--wp11-text-400); font-size: 12px; font-weight: 700; margin: 0 10px 4px; }
.wp11-context-menu-settings label { align-items: center; border-radius: 8px; color: var(--wp11-text-600); cursor: pointer; display: flex; gap: 10px; min-height: 40px; padding: 0 10px; }
.wp11-context-menu-settings label:hover { background: var(--wp11-surface-2); color: var(--wp11-text-900); }
.wp11-context-menu-settings input { accent-color: var(--wp11-brand-600); height: 18px; width: 18px; }
.wp11-context-menu-settings label span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (min-width: 1024px) {
  :root { --wp11-sidebar-width: 72px; --wp11-sidebar-collapsed: 72px; }
  .wp11-sidebar .sidebar-brand-text,
  .wp11-sidebar .nav-link__text,
  .wp11-sidebar .wp-v11-sidebar-label,
  .wp11-sidebar-profile > span:last-child,
  .wp11-sidebar__collapse { display: none !important; }
  .wp11-sidebar__brand { justify-content: center; }
  .wp11-sidebar .nav-link { justify-content: center; padding: 0 !important; }
  .wp11-sidebar .nav-link.active::before { left: -12px; }
}

@media (min-width: 1280px) and (max-width: 1439px) {
  .wp11-context-sidebar { width: 240px; }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  :root { --wp11-sidebar-width: 64px; --wp11-sidebar-collapsed: 64px; }
  .wp11-context-sidebar { width: 232px; }
  .wp11-topbar { grid-template-columns: minmax(0, 1fr) max-content; }
}

@media (max-width: 1023px) {
  .wp11-topbar__drawer-actions { align-items: center; display: flex; gap: 4px; }
  .wp11-topbar__drawer-toggle { display: inline-flex; }
  .wp11-context-header__close { display: inline-flex; }
  .wp11-context-sidebar {
    bottom: 0;
    box-shadow: var(--wp11-shadow-popover);
    left: 0;
    position: fixed;
    top: 0;
    transform: translateX(-102%);
    transition: transform 180ms ease;
    width: min(320px, 86vw);
    z-index: 55;
  }
  html.context-sidebar-open .wp11-context-sidebar { transform: translateX(0); }
  .wp11-context-sidebar-overlay {
    background: rgba(16, 24, 40, 0.46);
    border: 0;
    display: block;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition: opacity 180ms ease;
    z-index: 54;
  }
  html.context-sidebar-open .wp11-context-sidebar-overlay { opacity: 1; pointer-events: auto; }
  .wp11-main-content { padding-bottom: calc(64px + max(32px, env(safe-area-inset-bottom))); }
}

@media (max-width: 767px) {
  .wp11-context-sidebar { width: 100vw; }
}

html[data-theme-preference="infrastructure"] .wp-v11-shell #sidebar {
  background: #10243e !important;
  border-right-color: #243d5c !important;
  color: #eef6ff !important;
}
html[data-theme-preference="infrastructure"] .wp-v11-shell #sidebar > div:first-child,
html[data-theme-preference="infrastructure"] .wp-v11-sidebar-divider { border-color: #294562 !important; }
html[data-theme-preference="infrastructure"] .wp-v11-shell #sidebar .sidebar-brand-text { color: #ffffff !important; }
html[data-theme-preference="infrastructure"] .wp-v11-shell #sidebar nav h3,
html[data-theme-preference="infrastructure"] .wp-v11-sidebar-label { color: #8fa8c2 !important; }
html[data-theme-preference="infrastructure"] .wp-v11-shell #sidebar .nav-link { color: #c2d2e3 !important; }
html[data-theme-preference="infrastructure"] .wp-v11-shell #sidebar .nav-link i { color: #8fa8c2; }
html[data-theme-preference="infrastructure"] .wp-v11-shell #sidebar .nav-link:hover { background: #193451 !important; color: #ffffff !important; }
html[data-theme-preference="infrastructure"] .wp-v11-shell #sidebar .nav-link.active { background: #0f6cbd !important; color: #ffffff !important; }
html[data-theme-preference="infrastructure"] .wp-v11-shell #sidebar .nav-link.active::before { background: #5ee3f2; }
html[data-theme-preference="infrastructure"] .wp-v11-shell #sidebar .nav-link.active i { color: #ffffff; }