#rn-app {
  --rn-bg: #f1f4f6;
  --rn-panel: #ffffff;
  --rn-panel-soft: #f7f9fa;
  --rn-text: #13222b;
  --rn-muted: #667681;
  --rn-border: #dbe2e6;
  --rn-border-strong: #c5d0d6;
  --rn-primary: #08776f;
  --rn-primary-soft: #cceae7;
  --rn-primary-2: #2e5cb8;
  --rn-ink: #0a2029;
  --rn-text-soft: #40535e;
  --rn-steel: #3f515c;
  --rn-teal: #08776f;
  --rn-green: #18864b;
  --rn-amber: #bd710d;
  --rn-amber-soft: #fff4d8;
  --rn-red: #c53a36;
  --rn-coral: #d94f45;
  --rn-shadow: 0 16px 38px rgba(21, 42, 52, 0.1);
  --rn-shadow-soft: 0 4px 14px rgba(21, 42, 52, 0.06);
  --rn-radius: 8px;
  color: var(--rn-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

body.rnds-app-body,
body.rnds-login-body {
  margin: 0;
  background: var(--rn-bg, #f6f7fb);
}

body.rnds-app-body > :not(#rn-app):not(script):not(style),
body.rnds-login-body > :not(#rn-app):not(script):not(style) {
  display: none !important;
}

#wpadminbar {
  display: none !important;
}

#rn-app * {
  box-sizing: border-box;
}

#rn-app button,
#rn-app input,
#rn-app select,
#rn-app textarea {
  font: inherit;
}

#rn-app a {
  color: var(--rn-primary-2);
}

#rn-app [hidden] {
  display: none !important;
}

.rn-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 264px minmax(0, 1fr);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(241, 244, 246, 0) 360px),
    var(--rn-bg);
}

.rn-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 16px 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0)),
    #071b27;
  color: #e2e8f0;
  overflow: auto;
  box-shadow: 8px 0 26px rgba(7, 27, 39, 0.2);
}

.rn-brand,
.rn-login-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.rn-brand {
  padding: 6px 8px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 14px;
}

.rn-brand strong {
  display: block;
  color: #ffffff;
  font-size: 16px;
}

.rn-brand span {
  display: block;
  color: #a8c5d1;
  font-size: 12px;
  margin-top: 2px;
}

.rn-mark {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #ffffff, #d7fff7);
  color: #071b27;
  font-weight: 800;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18);
}

.rn-nav-section {
  margin: 8px 0 16px;
}

.rn-nav-section-title {
  padding: 0 10px 8px;
  color: #8fb3c0;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 800;
}

.rn-nav-button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 8px 9px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #dbeafe;
  text-align: left;
  cursor: pointer;
}

.rn-nav-button:hover,
.rn-nav-button[aria-current="page"] {
  background: rgba(255, 255, 255, 0.13);
  color: #ffffff;
  box-shadow: inset 3px 0 0 #59e0cf;
}

.rn-nav-icon {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.1);
  color: #b7f3ea;
  font-size: 12px;
  font-weight: 800;
}

.rn-main-shell {
  min-width: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}

.rn-topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  min-height: 76px;
  display: grid;
  grid-template-columns: minmax(190px, 1fr) minmax(220px, 340px) minmax(165px, 210px) auto 40px auto minmax(68px, auto);
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  border-bottom: 1px solid var(--rn-border);
  background: rgba(248, 251, 253, 0.9);
  backdrop-filter: blur(16px);
}

.rn-topbar h1 {
  margin: 0;
  font-size: 22px;
  line-height: 1.12;
  letter-spacing: 0;
}

.rn-topbar p {
  margin: 4px 0 0;
  color: var(--rn-muted);
  font-size: 13px;
}

.rn-menu-toggle {
  display: none !important;
}

.rn-global-search {
  position: relative;
}

.rn-scope-control {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.rn-scope-control span {
  color: var(--rn-muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.rn-scope-control select {
  min-height: 38px !important;
  padding-block: 7px !important;
  font-size: 13px;
  font-weight: 750;
}

.rn-global-search input,
.rn-input,
.rn-select,
.rn-textarea,
#rn-app input[type="text"],
#rn-app input[type="email"],
#rn-app input[type="password"],
#rn-app input[type="search"],
#rn-app input[type="date"],
#rn-app input[type="datetime-local"],
#rn-app input[type="number"],
#rn-app select,
#rn-app textarea {
  width: 100%;
  min-height: 40px;
  border: 1px solid var(--rn-border);
  border-radius: 8px;
  background: #ffffff;
  color: var(--rn-text);
  padding: 9px 11px;
  outline: none;
}

#rn-app textarea {
  resize: vertical;
  min-height: 92px;
}

.rn-global-search input:focus,
#rn-app input:focus,
#rn-app select:focus,
#rn-app textarea:focus,
.rn-button:focus-visible,
.rn-icon-button:focus-visible,
.rn-nav-button:focus-visible {
  border-color: var(--rn-primary-2);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16);
}

.rn-search-results {
  position: absolute;
  inset-inline: 0;
  top: calc(100% + 8px);
  max-height: 360px;
  overflow: auto;
  padding: 8px;
  background: #ffffff;
  border: 1px solid var(--rn-border);
  border-radius: 8px;
  box-shadow: var(--rn-shadow);
}

.rn-button,
.rn-icon-button {
  border: 1px solid var(--rn-border);
  border-radius: 8px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 14px;
  background: #ffffff;
  color: var(--rn-text);
  cursor: pointer;
  text-decoration: none;
}

.rn-button:hover,
.rn-icon-button:hover {
  border-color: var(--rn-border-strong);
  background: var(--rn-panel-soft);
}

.rn-button-primary {
  background: var(--rn-primary);
  border-color: var(--rn-primary);
  color: #ffffff;
}

.rn-button-primary:hover {
  background: #0e7490;
  border-color: #0e7490;
}

.rn-button-danger {
  color: #ffffff;
  background: var(--rn-red);
  border-color: var(--rn-red);
}

.rn-button-ghost {
  background: transparent;
}

.rn-button-wide {
  width: 100%;
}

.rn-icon-button {
  width: 40px;
  padding: 0;
}

.rn-role-switcher {
  min-width: 118px;
}

.rn-user-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 6px 8px;
  border: 1px solid var(--rn-border);
  border-radius: 8px;
  background: #ffffff;
}

.rn-user-chip img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.rn-content {
  padding: 26px;
  max-width: 1600px;
  width: 100%;
}

.rn-page-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}

.rn-page-head h2 {
  margin: 0;
  font-size: 26px;
  letter-spacing: 0;
}

.rn-page-head p {
  margin: 6px 0 0;
  color: var(--rn-muted);
}

.rn-summary-grid,
.rn-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.rn-card,
.rn-summary-card,
.rn-panel,
.rn-table-wrap {
  border: 1px solid var(--rn-border);
  border-radius: 8px;
  background: var(--rn-panel);
  box-shadow: var(--rn-shadow-soft);
}

.rn-card,
.rn-summary-card,
.rn-panel {
  padding: 18px;
}

.rn-card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.rn-card-title h3,
.rn-panel h3 {
  margin: 0;
  font-size: 16px;
  letter-spacing: 0;
}

.rn-card-title p {
  margin: 5px 0 0;
  color: var(--rn-muted);
  font-size: 13px;
}

.rn-summary-card span {
  display: block;
  color: var(--rn-muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.rn-summary-card strong {
  display: block;
  margin-top: 8px;
  font-size: 30px;
  line-height: 1;
}

.rn-summary-card small {
  display: block;
  margin-top: 8px;
  color: var(--rn-muted);
}

.rn-dashboard-wide {
  grid-column: span 2;
}

.rn-chart {
  width: 100%;
  height: 190px;
}

.rn-filter-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 16px 0;
}

.rn-filter-bar > * {
  max-width: 260px;
}

.rn-table-wrap {
  overflow: auto;
}

.rn-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 760px;
}

.rn-table th,
.rn-table td {
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid var(--rn-border);
  vertical-align: middle;
}

.rn-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0;
}

.rn-table tr:last-child td {
  border-bottom: 0;
}

.rn-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 26px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  background: #e2e8f0;
  color: #334155;
  white-space: nowrap;
}

.rn-status-badge.is-good {
  background: #dcfce7;
  color: #166534;
}

.rn-status-badge.is-blue {
  background: #dbeafe;
  color: #1d4ed8;
}

.rn-status-badge.is-warn {
  background: #fef3c7;
  color: #92400e;
}

.rn-status-badge.is-bad {
  background: #fee2e2;
  color: #991b1b;
}

.rn-progress {
  min-width: 120px;
}

.rn-progress-track {
  height: 8px;
  border-radius: 999px;
  background: #e2e8f0;
  overflow: hidden;
}

.rn-progress-track span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--rn-teal);
}

.rn-progress small {
  display: block;
  margin-top: 4px;
  color: var(--rn-muted);
}

.rn-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(220px, 1fr));
  gap: 14px;
  overflow: auto;
}

.rn-board-column {
  background: #eef3f8;
  border: 1px solid var(--rn-border);
  border-radius: 8px;
  min-height: 420px;
  padding: 10px;
}

.rn-board-column h3 {
  margin: 4px 4px 10px;
  font-size: 13px;
  text-transform: uppercase;
  color: #334155;
}

.rn-task-card {
  padding: 12px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid var(--rn-border);
  margin-bottom: 10px;
}

.rn-task-card strong {
  display: block;
  margin-bottom: 6px;
}

.rn-task-card p {
  margin: 0 0 8px;
  color: var(--rn-muted);
  font-size: 13px;
}

.rn-score-layout {
  display: grid;
  grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
  gap: 16px;
}

.rn-score-ring {
  width: 220px;
  height: 220px;
  margin: 0 auto 12px;
}

.rn-component-bars {
  display: grid;
  gap: 12px;
}

.rn-component-row {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr) 74px;
  gap: 10px;
  align-items: center;
}

.rn-empty {
  padding: 32px 18px;
  text-align: center;
  color: var(--rn-muted);
}

.rn-tabs {
  display: flex;
  gap: 8px;
  margin: 12px 0 16px;
  border-bottom: 1px solid var(--rn-border);
}

.rn-tab {
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
  padding: 10px 12px;
  color: var(--rn-muted);
  cursor: pointer;
}

.rn-tab[aria-selected="true"] {
  color: var(--rn-primary);
  border-color: var(--rn-primary);
  font-weight: 800;
}

.rn-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.rn-form-grid label,
.rn-login-form label {
  display: grid;
  gap: 6px;
  color: #334155;
  font-size: 13px;
  font-weight: 700;
}

.rn-form-grid .rn-span-2 {
  grid-column: span 2;
}

.rn-checkbox {
  display: flex !important;
  align-items: center;
  gap: 8px;
}

.rn-checkbox input {
  width: auto !important;
}

.rn-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  z-index: 80;
  width: min(560px, 100vw);
  background: #ffffff;
  border-left: 1px solid var(--rn-border);
  box-shadow: -28px 0 54px rgba(15, 23, 42, 0.16);
  transform: translateX(105%);
  transition: transform 0.2s ease;
  overflow: auto;
}

.rn-drawer.is-open {
  transform: translateX(0);
}

.rn-drawer-head {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px;
  background: #ffffff;
  border-bottom: 1px solid var(--rn-border);
}

.rn-drawer-body {
  padding: 18px;
}

.rn-drawer-actions {
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 18px;
  border-top: 1px solid var(--rn-border);
  background: #ffffff;
}

.rn-employee-picker {
  display: grid;
  gap: 8px;
  max-height: 220px;
  overflow: auto;
  padding: 8px;
  border: 1px solid var(--rn-border);
  border-radius: 8px;
  background: #f8fafc;
}

.rn-picker-item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid transparent;
}

.rn-picker-item:hover {
  border-color: var(--rn-border);
}

.rn-alert {
  padding: 11px 12px;
  border-radius: 8px;
  border: 1px solid var(--rn-border);
  background: var(--rn-panel-soft);
}

.rn-alert-error {
  border-color: #fecaca;
  background: #fef2f2;
  color: #991b1b;
}

.rn-alert-success {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #166534;
}

.rn-toast-region {
  position: fixed;
  z-index: 100;
  right: 18px;
  bottom: 18px;
  display: grid;
  gap: 10px;
}

.rn-toast {
  width: min(360px, calc(100vw - 36px));
  padding: 12px 14px;
  border-radius: 8px;
  background: #0f172a;
  color: #ffffff;
  box-shadow: var(--rn-shadow);
}

.rn-skeleton-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.rn-skeleton-grid div {
  height: 130px;
  border-radius: 8px;
  background: linear-gradient(90deg, #eef2f7, #ffffff, #eef2f7);
  background-size: 240% 100%;
  animation: rn-shimmer 1.4s linear infinite;
}

@keyframes rn-shimmer {
  to {
    background-position: -240% 0;
  }
}

.rn-command-center {
  display: grid;
  grid-template-columns: minmax(280px, 0.92fr) minmax(420px, 1.35fr);
  gap: 16px;
  margin-bottom: 18px;
  padding: 18px;
  border: 1px solid rgba(14, 111, 120, 0.22);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(7, 27, 39, 0.96), rgba(14, 71, 83, 0.94)),
    #071b27;
  color: #ffffff;
  box-shadow: var(--rn-shadow);
}

.rn-command-copy {
  display: grid;
  align-content: center;
  gap: 8px;
}

.rn-eyebrow {
  color: #7dded3;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.rn-command-copy h3 {
  margin: 0;
  font-size: 28px;
}

.rn-command-copy p {
  margin: 0;
  color: #c8dbe2;
  max-width: 760px;
}

.rn-command-actions,
.rn-micro-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.rn-micro-grid {
  margin-top: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rn-metric-tile {
  min-height: 92px;
  display: grid;
  align-content: space-between;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(216, 225, 234, 0.9);
  border-radius: 8px;
  background: #ffffff;
  color: var(--rn-text);
}

.rn-command-center .rn-metric-tile {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}

.rn-metric-tile span {
  display: block;
  color: var(--rn-muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.rn-command-center .rn-metric-tile span,
.rn-command-center .rn-metric-tile small {
  color: #bdd5dd;
}

.rn-metric-tile strong {
  display: block;
  margin-top: 7px;
  font-size: 28px;
  line-height: 1;
}

.rn-metric-tile small {
  color: var(--rn-muted);
}

.rn-metric-tile.is-danger {
  border-color: rgba(201, 45, 45, 0.3);
  background: #fff5f5;
}

.rn-metric-tile.is-blue {
  border-color: rgba(36, 84, 214, 0.3);
  background: #f1f5ff;
}

.rn-metric-tile.is-good {
  border-color: rgba(22, 163, 74, 0.26);
  background: #f1fbf5;
}

.rn-dashboard-deep-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
}

.rn-dashboard-deep-grid > *,
.rn-performance-grid > * {
  min-width: 0;
}

.rn-dashboard-span-8 {
  grid-column: span 8;
}

.rn-dashboard-span-7 {
  grid-column: span 7;
}

.rn-dashboard-span-6 {
  grid-column: span 6;
}

.rn-dashboard-span-5 {
  grid-column: span 5;
}

.rn-dashboard-span-4 {
  grid-column: span 4;
}

.rn-dashboard-span-2 {
  grid-column: span 2;
}

.rn-chart-tall {
  height: 240px;
}

.rn-dense-list {
  display: grid;
  gap: 10px;
}

.rn-dense-list article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px;
  border: 1px solid var(--rn-border);
  border-radius: 8px;
  background: #fbfdff;
}

.rn-dense-list strong,
.rn-dense-list small {
  display: block;
}

.rn-dense-list small {
  margin-top: 4px;
  color: var(--rn-muted);
  font-size: 12px;
}

.rn-radar-list {
  display: grid;
  gap: 10px;
}

.rn-radar-list article {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(140px, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 10px;
  border-bottom: 1px solid var(--rn-border);
}

.rn-radar-list article:last-child {
  border-bottom: 0;
}

.rn-radar-list small {
  display: block;
  margin-top: 4px;
  color: var(--rn-muted);
}

.rn-ai-health dl,
.rn-detail-stack dl {
  display: grid;
  gap: 10px;
  margin: 14px 0 0;
}

.rn-ai-health dl div,
.rn-detail-stack dl div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--rn-border);
}

.rn-ai-health dt,
.rn-detail-stack dt {
  color: var(--rn-muted);
  font-weight: 800;
}

.rn-ai-health dd,
.rn-detail-stack dd {
  margin: 0;
  text-align: right;
}

.rn-framework-layout,
.rn-sop-layout,
.rn-ai-settings-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.6fr);
  gap: 14px;
  margin-top: 16px;
}

.rn-framework-main,
.rn-sop-main,
.rn-ai-usage-panel {
  min-width: 0;
}

.rn-link-button {
  border: 0;
  background: transparent;
  color: var(--rn-primary-2);
  padding: 0;
  text-align: left;
  cursor: pointer;
}

.rn-link-button:hover {
  text-decoration: underline;
}

.is-selected-row td {
  background: #f0fdfa;
}

.rn-detail-stack {
  display: grid;
  gap: 12px;
}

.rn-proposal-grid,
.rn-sop-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.rn-proposal-card,
.rn-sop-card {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--rn-border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.rn-proposal-card p,
.rn-sop-card p {
  margin: 0;
  color: var(--rn-steel);
}

.rn-proposal-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: var(--rn-muted);
  font-size: 12px;
}

.rn-proposal-meta span {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 999px;
  background: #eef2f7;
  font-weight: 800;
}

.rn-sop-card {
  min-height: 210px;
  align-content: start;
}

.rn-person-cell {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rn-person-cell img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
}

.rn-person-cell strong,
.rn-person-cell small {
  display: block;
}

.rn-person-cell small {
  margin-top: 2px;
  color: var(--rn-muted);
}

.rn-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rn-model-results {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.rn-model-results article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--rn-border);
  border-radius: 8px;
  background: #ffffff;
}

.rn-model-results small {
  grid-column: 1 / -1;
  color: var(--rn-muted);
}

.rn-ai-test-output {
  margin-top: 14px;
}

.rn-dashboard-brief,
.rn-performance-hero,
.rn-report-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  margin-bottom: 14px;
  padding: 24px;
  border-radius: 8px;
  color: #ffffff;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.05), transparent 55%),
    #0a2932;
  box-shadow: var(--rn-shadow);
}

.rn-dashboard-brief-copy h3,
.rn-report-heading h3 {
  margin: 5px 0 8px;
  font-size: 28px;
}

.rn-dashboard-brief-copy p,
.rn-report-heading p {
  max-width: 780px;
  margin: 0;
  color: #c6d7dc;
}

.rn-brief-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.rn-button-inverse {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.09);
}

.rn-button-inverse:hover {
  color: #0a2932;
  background: #ffffff;
}

.rn-score-snapshot,
.rn-report-score {
  width: 190px;
  min-height: 154px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 6px;
  padding: 18px;
  border-left: 1px solid rgba(255, 255, 255, 0.18);
  text-align: center;
}

.rn-score-snapshot span,
.rn-report-score span {
  color: #b5d0d6;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.rn-score-snapshot strong,
.rn-report-score strong {
  font-size: 42px;
  line-height: 1;
}

.rn-score-snapshot small,
.rn-report-score small {
  color: #c6d7dc;
}

.rn-kpi-ribbon {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.rn-kpi-ribbon-compact .rn-metric-tile {
  min-height: 104px;
}

.rn-kpi-ribbon .rn-metric-tile {
  position: relative;
  overflow: hidden;
  border-top: 3px solid #70808a;
  box-shadow: var(--rn-shadow-soft);
}

.rn-kpi-ribbon .rn-metric-tile:nth-child(2) {
  border-top-color: var(--rn-green);
}

.rn-kpi-ribbon .rn-metric-tile:nth-child(3) {
  border-top-color: var(--rn-coral);
}

.rn-kpi-ribbon .rn-metric-tile:nth-child(4) {
  border-top-color: var(--rn-primary-2);
}

.rn-kpi-ribbon .rn-metric-tile:nth-child(5) {
  border-top-color: var(--rn-amber);
}

.rn-context-bar {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(220px, 360px) minmax(150px, auto);
  gap: 12px;
  align-items: end;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid var(--rn-border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--rn-shadow-soft);
}

.rn-context-bar-inline {
  margin-bottom: 16px;
}

.rn-context-bar > div,
.rn-context-bar label {
  display: grid;
  gap: 4px;
}

.rn-context-bar span,
.rn-context-bar label {
  color: var(--rn-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.rn-context-bar strong {
  color: var(--rn-text);
  font-size: 14px;
}

.rn-filter-surface,
.rn-report-toolbar {
  padding: 12px;
  border: 1px solid var(--rn-border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--rn-shadow-soft);
}

.rn-inline-field {
  display: grid;
  gap: 4px;
  min-width: 190px;
  color: var(--rn-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.rn-filter-summary {
  display: grid;
  gap: 2px;
  min-width: 180px;
}

.rn-filter-summary strong {
  color: var(--rn-text);
  font-size: 14px;
}

.rn-filter-summary span {
  color: var(--rn-muted);
  font-size: 11px;
  text-transform: uppercase;
}

.rn-compliance-meter {
  display: grid;
  grid-template-columns: 146px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
}

.rn-compliance-ring {
  width: 136px;
  height: 136px;
  display: grid;
  align-content: center;
  justify-items: center;
  border-radius: 50%;
  background:
    radial-gradient(circle, #ffffff 58%, transparent 60%),
    conic-gradient(var(--rn-primary) calc(var(--rn-value) * 1%), #e5eaed 0);
}

.rn-compliance-ring strong {
  font-size: 28px;
}

.rn-compliance-ring span {
  color: var(--rn-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.rn-compliance-meter dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.rn-compliance-meter dl div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 7px;
  border-bottom: 1px solid var(--rn-border);
}

.rn-compliance-meter dt {
  color: var(--rn-muted);
}

.rn-compliance-meter dd {
  margin: 0;
  font-weight: 850;
}

.rn-signal-stack,
.rn-framework-mini,
.rn-attention-stack {
  display: grid;
  gap: 10px;
}

.rn-signal-stack article {
  display: grid;
  gap: 8px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--rn-border);
}

.rn-signal-stack article:last-child {
  border-bottom: 0;
}

.rn-signal-stack span {
  font-weight: 850;
}

.rn-signal-stack small {
  color: var(--rn-muted);
}

.rn-workload-list {
  display: grid;
  gap: 7px;
}

.rn-workload-list button {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(120px, 1fr) 90px;
  align-items: center;
  gap: 12px;
  padding: 10px;
  border: 0;
  border-bottom: 1px solid var(--rn-border);
  background: transparent;
  color: var(--rn-text);
  text-align: left;
  cursor: pointer;
}

.rn-workload-list button:hover {
  background: var(--rn-panel-soft);
}

.rn-workload-list strong,
.rn-workload-list small {
  display: block;
}

.rn-workload-list small {
  margin-top: 3px;
  color: var(--rn-muted);
}

.rn-workload-bar {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e6ecef;
}

.rn-workload-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--rn-primary);
}

.rn-framework-mini article {
  padding: 11px;
  border-left: 3px solid var(--rn-primary-2);
  background: var(--rn-panel-soft);
}

.rn-framework-mini article > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.rn-framework-mini small {
  display: block;
  margin: 5px 0 8px;
  color: var(--rn-muted);
}

.rn-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 6px;
}

.rn-tag-row span {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 3px 7px;
  border-radius: 999px;
  background: #e7eef2;
  color: #3f515c;
  font-size: 11px;
  font-weight: 750;
}

.rn-attention-stack button {
  display: grid;
  gap: 4px;
  width: 100%;
  min-width: 0;
  padding: 12px;
  border: 1px solid #f0c6c3;
  border-radius: 8px;
  background: #fff8f7;
  color: var(--rn-text);
  text-align: left;
  cursor: pointer;
}

.rn-attention-stack span {
  min-width: 0;
  color: var(--rn-muted);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.rn-report-shortcuts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.rn-report-shortcuts button {
  display: grid;
  gap: 6px;
  padding: 14px;
  border: 1px solid var(--rn-border);
  border-radius: 8px;
  background: var(--rn-panel-soft);
  color: var(--rn-text);
  text-align: left;
  cursor: pointer;
}

.rn-report-shortcuts button:hover {
  border-color: var(--rn-primary);
  background: #f1fbfa;
}

.rn-report-shortcuts span,
.rn-report-shortcuts small {
  color: var(--rn-muted);
}

.rn-board-head,
.rn-task-card-top,
.rn-task-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.rn-board-head {
  padding: 2px 4px 10px;
}

.rn-board-head h3 {
  margin: 0;
}

.rn-board-head > span {
  min-width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #dce5e9;
  font-size: 11px;
  font-weight: 900;
}

.rn-task-card-top {
  margin-bottom: 8px;
  color: var(--rn-muted);
  font-size: 11px;
}

.rn-task-card-foot {
  margin-top: 9px;
  color: var(--rn-muted);
}

.rn-calendar-shell {
  overflow: hidden;
  border: 1px solid var(--rn-border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--rn-shadow-soft);
}

.rn-calendar-weekdays,
.rn-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.rn-calendar-weekdays {
  border-bottom: 1px solid var(--rn-border);
  background: #eef3f5;
}

.rn-calendar-weekdays span {
  padding: 10px;
  color: var(--rn-muted);
  font-size: 11px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.rn-calendar-cell {
  min-height: 152px;
  padding: 9px;
  border-right: 1px solid var(--rn-border);
  border-bottom: 1px solid var(--rn-border);
  background: #ffffff;
}

.rn-calendar-cell:nth-child(7n) {
  border-right: 0;
}

.rn-calendar-cell.is-empty {
  background: #f7f9fa;
}

.rn-calendar-cell.is-today {
  box-shadow: inset 0 0 0 2px var(--rn-primary);
}

.rn-calendar-date {
  display: flex;
  justify-content: space-between;
  margin-bottom: 7px;
}

.rn-calendar-date > span {
  min-width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e8eef1;
  font-size: 10px;
  font-weight: 850;
}

.rn-calendar-items {
  display: grid;
  gap: 5px;
}

.rn-calendar-items button {
  display: grid;
  gap: 2px;
  width: 100%;
  overflow: hidden;
  padding: 5px 7px;
  border: 0;
  border-left: 3px solid var(--rn-primary-2);
  border-radius: 3px;
  background: #f0f4fb;
  color: var(--rn-text);
  text-align: left;
  cursor: pointer;
}

.rn-calendar-items button.is-overdue {
  border-left-color: var(--rn-red);
  background: #fff3f2;
}

.rn-calendar-items button span,
.rn-calendar-items button small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rn-calendar-items button span {
  font-size: 11px;
  font-weight: 800;
}

.rn-calendar-items button small {
  color: var(--rn-muted);
  font-size: 10px;
}

.rn-verification-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.rn-verification-card {
  display: grid;
  gap: 13px;
  padding: 18px;
  border: 1px solid var(--rn-border);
  border-top: 3px solid var(--rn-primary-2);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--rn-shadow-soft);
}

.rn-verification-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.rn-verification-top span {
  color: var(--rn-muted);
  font-size: 11px;
  font-weight: 850;
}

.rn-verification-top h3 {
  margin: 4px 0 0;
  font-size: 17px;
}

.rn-verification-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.rn-verification-card dl div {
  padding: 8px;
  background: var(--rn-panel-soft);
}

.rn-verification-card dt {
  color: var(--rn-muted);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.rn-verification-card dd {
  margin: 4px 0 0;
  font-size: 13px;
  font-weight: 750;
}

.rn-verification-card p {
  margin: 0;
  color: var(--rn-muted);
}

.rn-escalation-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.rn-escalation-grid > section {
  border-top-width: 3px;
}

.rn-escalation-level-1 {
  border-top-color: var(--rn-amber);
}

.rn-escalation-level-2 {
  border-top-color: var(--rn-coral);
}

.rn-escalation-level-3 {
  border-top-color: var(--rn-red);
}

.rn-department-sections {
  display: grid;
  gap: 16px;
  margin-top: 16px;
}

.rn-department-performance {
  padding: 0;
  overflow: hidden;
}

.rn-department-heading {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding: 18px;
  border-bottom: 1px solid var(--rn-border);
  background: #f8fafb;
}

.rn-department-heading > div > span {
  color: var(--rn-primary);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.rn-department-heading h3 {
  margin: 3px 0 0;
  font-size: 20px;
}

.rn-department-heading dl {
  display: flex;
  gap: 20px;
  margin: 0;
}

.rn-department-heading dl div {
  display: grid;
  gap: 3px;
}

.rn-department-heading dt {
  color: var(--rn-muted);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.rn-department-heading dd {
  margin: 0;
  font-size: 17px;
  font-weight: 900;
}

.rn-department-performance .rn-table-wrap {
  margin-top: 0 !important;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.rn-delta {
  font-weight: 850;
}

.rn-delta.is-up {
  color: var(--rn-green);
}

.rn-delta.is-down {
  color: var(--rn-red);
}

.rn-muted {
  color: var(--rn-muted);
}

.rn-performance-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  min-height: 184px;
  padding: 26px 28px;
  overflow: hidden;
  color: #ffffff;
  background:
    linear-gradient(120deg, rgba(11, 42, 54, 0.96), rgba(12, 105, 111, 0.93)),
    #0b2a36;
  box-shadow: 0 18px 44px rgba(7, 27, 39, 0.2);
}

.rn-performance-person {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}

.rn-performance-person > img {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.28);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
  font-size: 21px;
}

.rn-performance-person h3 {
  margin: 4px 0 8px;
  color: #ffffff;
  font-size: 28px;
}

.rn-performance-person p,
.rn-performance-person span {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
}

.rn-performance-score {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 15px 12px 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.09);
}

.rn-performance-score .rn-score-ring {
  width: 112px;
  height: 112px;
  margin: 0;
}

.rn-performance-score > div {
  display: grid;
  justify-items: start;
  gap: 6px;
}

.rn-performance-score small {
  max-width: 145px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  line-height: 1.5;
}

.rn-performance-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.rn-performance-span-8 {
  grid-column: span 8;
}

.rn-performance-span-7 {
  grid-column: span 7;
}

.rn-performance-span-6 {
  grid-column: span 6;
}

.rn-performance-span-5 {
  grid-column: span 5;
}

.rn-performance-span-4 {
  grid-column: span 4;
}

.rn-component-dossier {
  display: grid;
  gap: 15px;
  margin-top: 17px;
}

.rn-component-dossier article {
  display: grid;
  grid-template-columns: minmax(140px, 0.75fr) minmax(180px, 1.6fr) 56px;
  align-items: center;
  gap: 14px;
}

.rn-component-dossier article > div:first-child {
  display: grid;
  gap: 3px;
}

.rn-component-dossier article > div:first-child strong {
  font-size: 13px;
}

.rn-component-dossier article > div:first-child span {
  color: var(--rn-muted);
  font-size: 11px;
}

.rn-component-dossier article > strong {
  text-align: right;
  font-size: 17px;
}

.rn-history-digest {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.rn-history-digest > div {
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid var(--rn-border);
  border-radius: 5px;
  background: var(--rn-panel-soft);
}

.rn-history-digest strong,
.rn-history-digest span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rn-history-digest strong {
  font-size: 16px;
}

.rn-history-digest span {
  color: var(--rn-muted);
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

.rn-insight-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.rn-insight-columns section,
.rn-framework-columns section {
  padding: 15px;
  border: 1px solid var(--rn-border);
  border-radius: 6px;
  background: #fbfcfd;
}

.rn-insight-columns h4,
.rn-framework-columns h4 {
  margin: 0 0 10px;
  font-size: 12px;
  text-transform: uppercase;
}

.rn-insight-columns ul,
.rn-framework-columns ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 17px;
  color: var(--rn-text-soft);
  font-size: 12px;
}

.rn-execution-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin-top: 18px;
  margin-bottom: 16px;
}

.rn-execution-grid > div {
  display: grid;
  gap: 5px;
  padding: 11px;
  border: 1px solid var(--rn-border);
  border-radius: 5px;
  background: var(--rn-panel-soft);
}

.rn-execution-grid span {
  color: var(--rn-muted);
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

.rn-execution-grid strong {
  font-size: 17px;
  font-weight: 900;
}

.rn-summary-dossier {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.rn-summary-dossier article {
  padding: 15px;
  border-left: 3px solid var(--rn-primary);
  background: #f8fbfb;
}

.rn-summary-dossier ul {
  display: grid;
  gap: 9px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.rn-summary-dossier li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 12px;
  padding-top: 9px;
  border-top: 1px solid var(--rn-border);
}

.rn-summary-dossier li span,
.rn-summary-dossier li small {
  color: var(--rn-muted);
  font-size: 11px;
}

.rn-summary-dossier li span {
  grid-column: 1;
}

.rn-summary-dossier li small {
  grid-column: 2;
  grid-row: 1;
}

.rn-callout {
  margin-top: 14px;
  padding: 14px 16px;
  border-left: 3px solid var(--rn-amber);
  background: var(--rn-amber-soft);
  color: #6e4a04;
  font-size: 12px;
}

.rn-framework-performance {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.rn-framework-performance > article {
  padding: 16px;
  border: 1px solid var(--rn-border);
  border-radius: 6px;
}

.rn-framework-performance header {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

.rn-framework-performance h4 {
  margin: 0;
  font-size: 14px;
}

.rn-framework-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 13px;
}

.rn-period-unavailable {
  min-height: 310px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  padding: 36px;
  text-align: center;
}

.rn-period-unavailable .rn-icon-badge {
  width: 48px;
  height: 48px;
}

.rn-period-unavailable h3,
.rn-period-unavailable p {
  margin: 0;
}

.rn-period-unavailable p {
  max-width: 560px;
  color: var(--rn-muted);
}

.rn-missing-summary-panel {
  display: grid;
  grid-template-columns: minmax(170px, 0.45fr) minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  margin-top: 16px;
  border-left: 4px solid var(--rn-amber);
}

.rn-missing-summary-panel h3,
.rn-missing-summary-panel p {
  margin: 0;
}

.rn-missing-summary-panel p {
  margin-top: 4px;
  color: var(--rn-muted);
}

.rn-missing-people {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rn-missing-people button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 9px;
  border: 1px solid #f1d38e;
  border-radius: 4px;
  background: #fff9e9;
  color: #76530c;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.rn-missing-people img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 50%;
}

.rn-missing-people span,
.rn-missing-people strong,
.rn-missing-people small {
  display: block;
}

.rn-missing-people span {
  font-size: 11px;
  font-weight: 800;
}

.rn-missing-people small {
  margin-top: 2px;
  color: #9a7222;
  font-size: 9px;
}

.rn-summary-register {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

.rn-work-summary-card {
  overflow: hidden;
  padding: 0;
}

.rn-work-summary-card > header {
  display: grid;
  grid-template-columns: minmax(190px, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 17px 18px;
  border-bottom: 1px solid var(--rn-border);
  background: #f8fafb;
}

.rn-work-summary-card h3,
.rn-work-summary-card p {
  margin: 0;
}

.rn-work-summary-card p {
  margin-top: 3px;
  color: var(--rn-muted);
  font-size: 11px;
}

.rn-summary-facts {
  display: flex;
  justify-content: flex-start;
  gap: 22px;
  padding: 14px 18px 0;
}

.rn-summary-facts div {
  display: grid;
  gap: 3px;
}

.rn-summary-facts span {
  color: var(--rn-muted);
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.rn-summary-facts strong {
  font-size: 14px;
}

.rn-summary-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  padding: 18px;
}

.rn-summary-body section {
  min-width: 0;
}

.rn-summary-body h4 {
  margin: 0 0 10px;
  font-size: 11px;
  text-transform: uppercase;
}

.rn-summary-body ol,
.rn-summary-body ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 18px;
  color: var(--rn-text-soft);
  font-size: 12px;
}

.rn-summary-body p {
  color: var(--rn-text-soft);
  font-size: 12px;
  line-height: 1.65;
}

.rn-work-summary-card > footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 18px 18px;
}

.rn-report-toolbar {
  display: grid;
  grid-template-columns: auto repeat(4, minmax(140px, auto));
  gap: 14px;
  align-items: end;
  margin-bottom: 16px;
}

.rn-segmented {
  display: inline-grid;
  grid-auto-flow: column;
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--rn-border);
  border-radius: 6px;
  background: #eef2f4;
}

.rn-segmented button {
  min-height: 35px;
  padding: 0 13px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--rn-text-soft);
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.rn-segmented button.is-active {
  background: #ffffff;
  color: var(--rn-primary);
  box-shadow: 0 1px 4px rgba(7, 27, 39, 0.12);
}

.rn-segmented button[aria-pressed="true"] {
  background: #ffffff;
  color: var(--rn-primary);
  box-shadow: 0 1px 4px rgba(7, 27, 39, 0.12);
}

.rn-report-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
  min-height: 150px;
  padding: 24px 26px;
  color: #ffffff;
  background: linear-gradient(112deg, #0b2a36, #195d68 70%, #137a79);
}

.rn-report-heading h2,
.rn-report-heading p {
  margin: 0;
}

.rn-report-heading h2 {
  margin: 4px 0 7px;
  color: #ffffff;
  font-size: 26px;
}

.rn-report-heading p {
  color: rgba(255, 255, 255, 0.7);
}

.rn-report-score {
  min-width: 118px;
  text-align: right;
}

.rn-report-score strong {
  display: block;
  font-size: 38px;
  line-height: 1;
}

.rn-report-score span {
  color: rgba(255, 255, 255, 0.65);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.rn-report-table .rn-table {
  min-width: 1020px;
}

.rn-assigned-frameworks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.rn-assigned-framework {
  display: grid;
  gap: 14px;
  padding: 0;
  overflow: hidden;
}

.rn-assigned-framework > header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  padding: 18px;
  border-bottom: 1px solid var(--rn-border);
  background: #f8fafb;
}

.rn-assigned-framework h3,
.rn-assigned-framework p {
  margin: 0;
}

.rn-assigned-framework p {
  margin-top: 4px;
  color: var(--rn-muted);
  font-size: 11px;
}

.rn-assigned-framework > section,
.rn-assigned-framework > footer {
  padding: 0 18px;
}

.rn-assigned-framework .rn-framework-columns {
  padding: 0 18px;
}

.rn-assigned-framework .rn-framework-columns article {
  display: grid;
  gap: 7px;
  padding: 10px 0;
  border-top: 1px solid var(--rn-border);
}

.rn-assigned-framework .rn-framework-columns article > div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.rn-assigned-framework .rn-framework-columns article p,
.rn-assigned-framework .rn-framework-columns article dl {
  margin: 0;
  color: var(--rn-muted);
  font-size: 11px;
}

.rn-assigned-framework .rn-framework-columns article dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.rn-assigned-framework .rn-framework-columns article dl div {
  display: grid;
  gap: 2px;
}

.rn-assigned-framework .rn-framework-columns dt {
  font-size: 8px;
  font-weight: 850;
  text-transform: uppercase;
}

.rn-assigned-framework .rn-framework-columns dd {
  margin: 0;
  color: var(--rn-text);
  font-weight: 800;
}

.rn-assigned-framework > footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 18px;
}

.rn-section-label {
  display: block;
  margin-bottom: 8px;
  color: var(--rn-muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.rn-admin-split,
.rn-health-grid,
.rn-settings-overview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.rn-admin-register,
.rn-demo-tools {
  margin-top: 16px;
}

.rn-process-list,
.rn-coverage-list,
.rn-timeline-list,
.rn-clock-list,
.rn-health-assessment,
.rn-setting-list {
  display: grid;
  gap: 9px;
  margin-top: 16px;
}

.rn-process-list article,
.rn-coverage-list article,
.rn-timeline-list article,
.rn-clock-list article,
.rn-setting-list article {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 13px;
  padding: 11px;
  border: 1px solid var(--rn-border);
  border-radius: 5px;
  background: var(--rn-panel-soft);
}

.rn-process-list article > strong {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--rn-ink);
  color: #ffffff;
}

.rn-process-list article > div,
.rn-coverage-list article > div:first-child,
.rn-timeline-list article > div,
.rn-clock-list article > div {
  min-width: 0;
  flex: 1;
}

.rn-process-list h4,
.rn-process-list p,
.rn-timeline-list strong,
.rn-timeline-list small,
.rn-clock-list span,
.rn-clock-list strong {
  display: block;
  margin: 0;
}

.rn-process-list h4 {
  font-size: 13px;
}

.rn-process-list p,
.rn-timeline-list small,
.rn-clock-list span {
  margin-top: 3px;
  color: var(--rn-muted);
  font-size: 11px;
}

.rn-timeline-list time {
  min-width: 88px;
  color: var(--rn-primary);
  font-size: 11px;
  font-weight: 900;
}

.rn-coverage-list {
  max-height: 400px;
  overflow: auto;
}

.rn-coverage-list article > div:last-child:not(.rn-person-cell) {
  display: grid;
  justify-items: end;
  gap: 3px;
}

.rn-coverage-list article > div:last-child span {
  color: var(--rn-muted);
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

.rn-department-directory {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.rn-department-directory > article {
  display: grid;
  gap: 17px;
}

.rn-department-directory header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
}

.rn-department-directory header span:first-child {
  color: var(--rn-primary);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.rn-department-directory h3,
.rn-department-directory p {
  margin: 0;
}

.rn-department-directory h3 {
  margin: 4px 0 5px;
  font-size: 19px;
}

.rn-department-directory p {
  color: var(--rn-muted);
  font-size: 11px;
}

.rn-department-members {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 2px 8px;
}

.rn-department-members > strong {
  grid-row: span 2;
  font-size: 30px;
}

.rn-department-members > span {
  align-self: end;
  color: var(--rn-muted);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.rn-department-members > div {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  min-height: 32px;
  margin-top: 8px;
}

.rn-department-members img,
.rn-department-members small {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  object-fit: cover;
  border: 2px solid #ffffff;
  border-radius: 50%;
  margin-left: -7px;
  background: #dce8ea;
  color: var(--rn-ink);
  font-size: 9px;
  font-weight: 900;
}

.rn-department-members img:first-child {
  margin-left: 0;
}

.rn-department-directory footer {
  margin-top: auto;
}

.rn-notification-groups {
  display: grid;
  gap: 16px;
  margin-top: 16px;
}

.rn-health-assessment article {
  padding: 13px 14px;
  border-left: 3px solid var(--rn-border-strong);
  background: var(--rn-panel-soft);
}

.rn-health-assessment article.is-good {
  border-left-color: var(--rn-green);
}

.rn-health-assessment article.is-risk {
  border-left-color: var(--rn-red);
}

.rn-health-assessment strong,
.rn-health-assessment p {
  display: block;
  margin: 0;
}

.rn-health-assessment p {
  margin-top: 5px;
  color: var(--rn-muted);
  font-size: 11px;
  line-height: 1.55;
}

.rn-demo-tools {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  border-left: 4px solid var(--rn-amber);
}

.rn-demo-tools h3,
.rn-demo-tools p {
  margin: 0;
}

.rn-demo-tools > div > span {
  color: var(--rn-amber);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.rn-demo-tools h3 {
  margin: 4px 0;
}

.rn-demo-tools p {
  color: var(--rn-muted);
  font-size: 11px;
}

.rn-setting-list article {
  display: grid;
  grid-template-columns: minmax(120px, 0.55fr) minmax(0, 1fr) auto;
}

.rn-setting-list article > span {
  color: var(--rn-muted);
  font-size: 11px;
  font-weight: 800;
}

.rn-setting-list article > strong {
  font-size: 12px;
}

.rn-login-screen {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at 12% 10%, rgba(14, 111, 120, 0.2), transparent 30rem),
    radial-gradient(circle at 88% 0%, rgba(217, 79, 69, 0.13), transparent 28rem),
    linear-gradient(135deg, rgba(7, 27, 39, 0.05), rgba(36, 84, 214, 0.05)),
    #f6f7fb;
}

.rn-login-panel {
  width: min(460px, 100%);
  padding: 28px;
  border: 1px solid var(--rn-border);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 252, 0.98)),
    #ffffff;
  box-shadow: var(--rn-shadow);
}

.rn-login-brand {
  margin-bottom: 22px;
}

.rn-login-brand h1 {
  margin: 0;
  font-size: 26px;
}

.rn-login-brand p {
  margin: 4px 0 0;
  color: var(--rn-muted);
}

.rn-login-form {
  display: grid;
  gap: 14px;
}

.rn-login-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 13px;
}

/* 1.2 industrial operations visual system */
#rn-app {
  --rn-bg: #e9edf1;
  --rn-panel: #ffffff;
  --rn-panel-soft: #f3f5f7;
  --rn-text: #17212b;
  --rn-muted: #64717d;
  --rn-border: #d2d8de;
  --rn-border-strong: #aeb8c1;
  --rn-primary: #00796f;
  --rn-primary-soft: #d9eeeb;
  --rn-primary-2: #3156c7;
  --rn-ink: #111920;
  --rn-text-soft: #3f4c57;
  --rn-steel: #4d5964;
  --rn-teal: #00796f;
  --rn-green: #268052;
  --rn-amber: #bd7500;
  --rn-amber-soft: #fff4d6;
  --rn-red: #b9363e;
  --rn-coral: #cf5546;
  --rn-shadow: 0 14px 34px rgba(25, 35, 44, 0.1);
  --rn-shadow-soft: 0 1px 2px rgba(25, 35, 44, 0.07);
  --rn-radius: 6px;
}

.rn-shell {
  grid-template-columns: 276px minmax(0, 1fr);
  background: var(--rn-bg);
}

.rn-sidebar {
  padding: 18px 14px;
  border-right: 1px solid #2a343c;
  background: #111920;
  box-shadow: none;
}

.rn-brand {
  margin: 0 2px 18px;
  padding: 4px 5px 20px;
  border-bottom-color: #313b43;
}

.rn-brand strong {
  font-size: 17px;
  font-weight: 800;
}

.rn-brand span {
  color: #93a4b1;
}

.rn-mark {
  width: 44px;
  height: 44px;
  border: 1px solid #d7e2e6;
  border-radius: 5px;
  background: #f7fbfa;
  color: #0d2728;
  box-shadow: none;
}

.rn-nav-section {
  margin: 8px 0 20px;
}

.rn-nav-section-title {
  padding: 0 9px 8px;
  color: #778a98;
  font-size: 10px;
  letter-spacing: 0;
}

.rn-nav-button {
  position: relative;
  min-height: 40px;
  gap: 11px;
  margin: 2px 0;
  padding: 8px 9px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #cbd5dc;
}

.rn-nav-button:hover {
  border-color: #35424b;
  background: #1a252d;
  color: #ffffff;
  box-shadow: none;
}

.rn-nav-button[aria-current="page"] {
  border-color: #3c4a54;
  background: #26333c;
  color: #ffffff;
  box-shadow: inset 3px 0 0 #49c9b8;
}

.rn-nav-icon {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  background: #202d35;
  color: #9fbbb9;
}

.rn-nav-button[aria-current="page"] .rn-nav-icon {
  background: #d9eeeb;
  color: #006a62;
}

.rn-icon {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
}

.rn-topbar {
  min-height: 74px;
  padding: 11px 22px;
  border-bottom: 1px solid #cbd2d8;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: none;
  box-shadow: 0 2px 8px rgba(25, 35, 44, 0.04);
}

.rn-topbar h1 {
  font-size: 21px;
  font-weight: 820;
}

.rn-topbar p {
  color: #687681;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rn-content {
  max-width: 1680px;
  margin: 0 auto;
  padding: 26px 30px 40px;
}

.rn-page-head {
  align-items: center;
  min-height: 64px;
  margin-bottom: 14px;
  padding-bottom: 13px;
  border-bottom: 1px solid #cdd4da;
}

.rn-page-head h2 {
  font-size: 25px;
  font-weight: 850;
}

.rn-page-head p {
  max-width: 860px;
  margin-top: 4px;
  color: #63717c;
  font-size: 13px;
}

.rn-global-search input,
.rn-input,
.rn-select,
.rn-textarea,
#rn-app input[type="text"],
#rn-app input[type="email"],
#rn-app input[type="password"],
#rn-app input[type="search"],
#rn-app input[type="date"],
#rn-app input[type="datetime-local"],
#rn-app input[type="number"],
#rn-app select,
#rn-app textarea {
  min-height: 42px;
  border-color: #c8d0d6;
  border-radius: 4px;
  background: #ffffff;
}

.rn-button,
.rn-icon-button {
  min-height: 38px;
  border-color: #c4ccd2;
  border-radius: 4px;
  background: #ffffff;
  font-size: 13px;
  font-weight: 750;
}

.rn-button:hover,
.rn-icon-button:hover {
  border-color: #9eaab3;
  background: #eef2f4;
}

.rn-button-primary {
  border-color: #006d64;
  background: #00796f;
  box-shadow: 0 2px 0 #005e57;
}

.rn-button-primary:hover {
  border-color: #005f58;
  background: #006d64;
}

.rn-button-inverse {
  border-color: rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

.rn-button-inverse:hover {
  border-color: #ffffff;
  background: #ffffff;
  color: #17212b;
}

.rn-button-danger {
  border-color: #b9363e;
  background: #b9363e;
}

.rn-button-danger:hover {
  border-color: #982a31;
  background: #a42f36;
}

.rn-user-chip {
  border-radius: 4px;
  background: #f7f9fa;
}

.rn-card,
.rn-summary-card,
.rn-panel,
.rn-table-wrap {
  border-color: #cfd6dc;
  border-radius: 6px;
  box-shadow: var(--rn-shadow-soft);
}

.rn-card,
.rn-panel {
  padding: 18px 19px;
}

.rn-card-title {
  min-height: 39px;
  margin-bottom: 14px;
  padding-bottom: 11px;
  border-bottom: 1px solid #e0e5e9;
}

.rn-card-title h3,
.rn-panel h3 {
  font-size: 15px;
  font-weight: 830;
}

.rn-card-title p {
  margin-top: 3px;
  font-size: 12px;
}

.rn-summary-grid {
  gap: 0;
  overflow: hidden;
  border: 1px solid #cdd4da;
  border-radius: 6px;
  background: #cdd4da;
}

.rn-summary-card {
  position: relative;
  min-height: 116px;
  padding: 17px 18px;
  border: 0;
  border-right: 1px solid #d8dee3;
  border-radius: 0;
  box-shadow: none;
}

.rn-summary-card:last-child {
  border-right: 0;
}

.rn-summary-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: #66737d;
}

.rn-summary-card:nth-child(2)::before {
  background: var(--rn-green);
}

.rn-summary-card:nth-child(3)::before {
  background: var(--rn-primary-2);
}

.rn-summary-card:nth-child(4)::before {
  background: var(--rn-amber);
}

.rn-summary-card:nth-child(5)::before {
  background: var(--rn-red);
}

.rn-summary-card span,
.rn-metric-tile span {
  color: #687580;
  font-size: 10px;
  font-weight: 850;
}

.rn-summary-card strong {
  margin-top: 11px;
  font-size: 28px;
  font-weight: 880;
}

.rn-summary-card small {
  margin-top: 7px;
  font-size: 11px;
}

.rn-context-bar,
.rn-filter-surface,
.rn-report-toolbar {
  border-color: #cbd3d9;
  border-left: 4px solid var(--rn-primary);
  border-radius: 5px;
  background: #f8fafb;
  box-shadow: none;
}

.rn-context-bar {
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.rn-context-bar > div,
.rn-context-bar > label {
  min-height: 68px;
  justify-content: center;
  padding: 12px 15px;
  border-right: 1px solid #d8dee3;
}

.rn-context-bar > :last-child {
  border-right: 0;
}

.rn-filter-surface,
.rn-report-toolbar {
  padding: 13px 14px;
}

.rn-dashboard-brief,
.rn-performance-hero,
.rn-report-heading,
.rn-command-center {
  border: 1px solid #2d3b45;
  border-left: 6px solid #3cc2b2;
  border-radius: 5px;
  background: #18242d;
  box-shadow: 0 10px 24px rgba(20, 30, 38, 0.14);
}

.rn-performance-hero {
  background: #182a2d;
}

.rn-report-heading {
  border-color: #344872;
  border-left-color: #7895ea;
  background: #253960;
}

.rn-command-center {
  background: #18242d;
}

.rn-eyebrow {
  color: #77d7ca;
  font-size: 10px;
}

.rn-score-snapshot,
.rn-report-score {
  border-left-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.035);
}

.rn-kpi-ribbon {
  gap: 0;
  overflow: hidden;
  border: 1px solid #cbd3d9;
  border-radius: 6px;
  background: #ffffff;
}

.rn-kpi-ribbon .rn-metric-tile {
  min-height: 105px;
  border: 0;
  border-top: 3px solid #66737d;
  border-right: 1px solid #d9dfe4;
  border-radius: 0;
  box-shadow: none;
}

.rn-kpi-ribbon .rn-metric-tile:last-child {
  border-right: 0;
}

.rn-kpi-ribbon .rn-metric-tile:nth-child(2) {
  border-top-color: var(--rn-green);
}

.rn-kpi-ribbon .rn-metric-tile:nth-child(3) {
  border-top-color: var(--rn-coral);
}

.rn-kpi-ribbon .rn-metric-tile:nth-child(4) {
  border-top-color: var(--rn-primary-2);
}

.rn-kpi-ribbon .rn-metric-tile:nth-child(5) {
  border-top-color: var(--rn-amber);
}

.rn-metric-tile {
  border-radius: 5px;
  background: #ffffff;
}

.rn-metric-tile.is-danger {
  border-color: #e0b6b8;
  background: #fff7f7;
}

.rn-metric-tile.is-blue {
  border-color: #bcc9ea;
  background: #f5f7ff;
}

.rn-metric-tile.is-good {
  border-color: #b7d5c3;
  background: #f5fbf7;
}

.rn-table {
  color: #26313a;
}

.rn-table th {
  padding: 11px 12px;
  border-bottom: 1px solid #bcc6ce;
  background: #e9edf1;
  color: #46545f;
  font-size: 10px;
  font-weight: 900;
}

.rn-table td {
  border-bottom-color: #e1e6ea;
  font-size: 12px;
}

.rn-table tbody tr:nth-child(even) td {
  background: #fafbfc;
}

.rn-table tbody tr:hover td {
  background: #f1f6f5;
}

.rn-status-badge {
  min-height: 24px;
  border-radius: 4px;
  background: #e7ebee;
  color: #44515c;
  font-size: 10px;
  font-weight: 850;
}

.rn-status-badge.is-good {
  background: #dceddf;
  color: #24613e;
}

.rn-status-badge.is-blue {
  background: #e1e7f8;
  color: #2d4fa9;
}

.rn-status-badge.is-warn {
  background: #f8eac7;
  color: #7e560d;
}

.rn-status-badge.is-bad {
  background: #f4dddd;
  color: #8f2d34;
}

.rn-progress-track {
  height: 7px;
  border-radius: 2px;
  background: #dce2e6;
}

.rn-progress-track span {
  border-radius: 2px;
  background: #00796f;
}

.rn-board {
  gap: 12px;
}

.rn-board-column {
  border-radius: 5px;
  border-top: 4px solid #6f7b85;
  background: #e3e8ec;
}

.rn-board-column:nth-child(2) {
  border-top-color: var(--rn-primary-2);
}

.rn-board-column:nth-child(3) {
  border-top-color: var(--rn-amber);
}

.rn-board-column:nth-child(4) {
  border-top-color: var(--rn-green);
}

.rn-task-card {
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(25, 35, 44, 0.06);
}

.rn-tabs {
  gap: 0;
  border-bottom-color: #bfc8cf;
}

.rn-tab {
  min-height: 42px;
  border-right: 1px solid #dbe1e5;
  padding-inline: 15px;
  background: #f3f5f7;
}

.rn-tab[aria-selected="true"] {
  border-bottom-color: var(--rn-primary);
  background: #ffffff;
  color: #005f58;
}

.rn-drawer {
  border-left-color: #aeb8c1;
  background: #f6f8f9;
  box-shadow: -18px 0 42px rgba(17, 25, 32, 0.18);
}

.rn-drawer-head,
.rn-drawer-actions {
  background: #ffffff;
}

.rn-employee-picker {
  border-radius: 4px;
  background: #e9edf1;
}

.rn-picker-item,
.rn-proposal-card,
.rn-sop-card,
.rn-model-results article {
  border-radius: 4px;
}

.rn-proposal-meta span {
  border-radius: 3px;
  background: #e8ecef;
}

.rn-compliance-ring {
  background:
    radial-gradient(circle, #ffffff 58%, transparent 60%),
    conic-gradient(var(--rn-primary) calc(var(--rn-value) * 1%), #dce2e6 0);
}

.rn-work-summary-card > header,
.rn-assigned-framework > header {
  background: #edf1f3;
}

.rn-segmented {
  border-radius: 4px;
  background: #e3e8ec;
}

.rn-segmented button {
  border-radius: 2px;
}

.rn-segmented button.is-active,
.rn-segmented button[aria-pressed="true"] {
  color: #005f58;
  box-shadow: 0 1px 2px rgba(25, 35, 44, 0.12);
}

.rn-retention-panel {
  grid-column: 1 / -1;
  border-left: 4px solid var(--rn-primary-2);
}

.rn-retention-ledger {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--rn-border);
  border-radius: 4px;
  background: var(--rn-border);
}

.rn-retention-ledger article {
  min-width: 0;
  padding: 13px 14px;
  border-right: 1px solid var(--rn-border);
  background: #f7f9fa;
}

.rn-retention-ledger article:last-child {
  border-right: 0;
}

.rn-retention-ledger span,
.rn-retention-ledger strong {
  display: block;
}

.rn-retention-ledger span {
  color: var(--rn-muted);
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

.rn-retention-ledger strong {
  margin-top: 6px;
  overflow-wrap: anywhere;
  font-size: 13px;
}

.rn-policy-note {
  margin: 13px 0 0;
  padding: 11px 13px;
  border-left: 3px solid var(--rn-amber);
  background: #fff8e8;
  color: #685022;
  font-size: 11px;
  line-height: 1.55;
}

.rn-login-screen {
  background: #e9edf1;
}

.rn-login-panel {
  border-top: 5px solid var(--rn-primary);
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 18px 44px rgba(17, 25, 32, 0.14);
}

@media (max-width: 1120px) {
  .rn-shell {
    grid-template-columns: 1fr;
  }

  .rn-sidebar {
    position: fixed;
    z-index: 70;
    inset: 0 auto 0 0;
    width: 286px;
    transform: translateX(-105%);
    transition: transform 0.2s ease;
  }

  .rn-shell.is-menu-open .rn-sidebar {
    transform: translateX(0);
  }

  .rn-menu-toggle {
    display: inline-flex !important;
  }

  .rn-scope-control {
    display: grid;
  }

  .rn-topbar {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
  }

  .rn-global-search,
  .rn-role-switcher,
  .rn-user-chip,
  .rn-assign-top {
    display: none;
  }

  .rn-summary-grid,
  .rn-dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rn-command-center,
  .rn-framework-layout,
  .rn-sop-layout,
  .rn-ai-settings-grid {
    grid-template-columns: 1fr;
  }

  .rn-dashboard-deep-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .rn-dashboard-span-8,
  .rn-dashboard-span-7,
  .rn-dashboard-span-6,
  .rn-dashboard-span-5,
  .rn-dashboard-span-4,
  .rn-dashboard-span-2 {
    grid-column: span 6;
  }

  .rn-performance-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .rn-performance-span-8,
  .rn-performance-span-7,
  .rn-performance-span-6,
  .rn-performance-span-5,
  .rn-performance-span-4 {
    grid-column: span 6;
  }

  .rn-insight-columns {
    grid-template-columns: 1fr;
  }

  .rn-assigned-frameworks {
    grid-template-columns: 1fr;
  }

  .rn-department-directory {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rn-report-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .rn-content {
    width: 100%;
    min-width: 0;
    padding: 16px;
  }

  .rn-topbar {
    min-height: 62px;
    padding: 10px 12px;
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .rn-topbar p,
  .rn-assign-top {
    display: none;
  }

  .rn-page-head {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .rn-context-bar,
  .rn-context-bar-inline {
    grid-template-columns: 1fr;
  }

  .rn-summary-grid,
  .rn-dashboard-grid,
  .rn-form-grid,
  .rn-score-layout,
  .rn-command-actions,
  .rn-micro-grid,
  .rn-proposal-grid,
  .rn-sop-grid {
    grid-template-columns: 1fr;
  }

  .rn-summary-card {
    border-right: 0;
    border-bottom: 1px solid #d8dee3;
  }

  .rn-summary-card:last-child {
    border-bottom: 0;
  }

  .rn-retention-ledger {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rn-retention-ledger article:nth-child(2n) {
    border-right: 0;
  }

  .rn-retention-ledger article:nth-child(-n + 2) {
    border-bottom: 1px solid var(--rn-border);
  }

  .rn-dashboard-deep-grid,
  .rn-performance-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .rn-form-grid .rn-span-2,
  .rn-dashboard-wide,
  .rn-dashboard-span-8,
  .rn-dashboard-span-7,
  .rn-dashboard-span-6,
  .rn-dashboard-span-5,
  .rn-dashboard-span-4,
  .rn-dashboard-span-2,
  .rn-performance-span-8,
  .rn-performance-span-7,
  .rn-performance-span-6,
  .rn-performance-span-5,
  .rn-performance-span-4 {
    grid-column: auto;
  }

  .rn-command-copy h3 {
    font-size: 22px;
  }

  .rn-radar-list article,
  .rn-model-results article {
    grid-template-columns: 1fr;
  }

  .rn-board {
    grid-template-columns: 1fr;
  }

  .rn-scope-control {
    display: none;
  }

  .rn-dashboard-brief,
  .rn-performance-hero,
  .rn-report-heading {
    grid-template-columns: 1fr;
    padding: 21px;
  }

  .rn-score-snapshot,
  .rn-report-score {
    width: 100%;
    min-height: 116px;
    justify-items: start;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    border-left: 0;
    text-align: left;
  }

  .rn-performance-score {
    width: 100%;
    justify-content: flex-start;
  }

  .rn-performance-score .rn-score-ring {
    width: 96px;
    height: 96px;
  }

  .rn-kpi-ribbon {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rn-brief-actions .rn-button {
    flex: 1 1 130px;
  }

  .rn-workload-list button {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .rn-workload-list button .rn-workload-bar {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .rn-attention-stack,
  .rn-attention-stack button {
    min-width: 0;
    max-width: 100%;
  }

  .rn-component-dossier article {
    grid-template-columns: 1fr 50px;
  }

  .rn-component-dossier article .rn-progress {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .rn-execution-grid,
  .rn-missing-summary-panel,
  .rn-summary-body {
    grid-template-columns: 1fr;
  }

  .rn-execution-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rn-framework-columns {
    grid-template-columns: 1fr;
  }

  .rn-work-summary-card > header {
    grid-template-columns: 1fr;
  }

  .rn-summary-facts {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .rn-report-toolbar {
    grid-template-columns: 1fr;
  }

  .rn-segmented {
    width: 100%;
  }

  .rn-segmented button {
    width: 100%;
  }

  .rn-verification-grid,
  .rn-escalation-grid {
    grid-template-columns: 1fr;
  }

  .rn-department-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .rn-department-heading dl {
    width: 100%;
    justify-content: space-between;
  }

  .rn-admin-split,
  .rn-health-grid,
  .rn-settings-overview,
  .rn-department-directory {
    grid-template-columns: 1fr;
  }

  .rn-demo-tools {
    align-items: flex-start;
    flex-direction: column;
  }

  .rn-setting-list article {
    grid-template-columns: 1fr auto;
  }

  .rn-setting-list article > strong {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .rn-table {
    min-width: 620px;
  }
}

/* 1.3 unified delegation workspace */
#rn-app {
  --rn-bg: #eef1ef;
  --rn-panel: #ffffff;
  --rn-panel-soft: #f5f7f5;
  --rn-text: #18221f;
  --rn-muted: #64706c;
  --rn-border: #d5dbd7;
  --rn-border-strong: #aeb9b3;
  --rn-primary: #087f72;
  --rn-primary-soft: #d9efeb;
  --rn-primary-2: #315fc5;
  --rn-ink: #15201d;
  --rn-text-soft: #43514c;
  --rn-steel: #53615c;
  --rn-teal: #087f72;
  --rn-green: #27824d;
  --rn-amber: #ad7118;
  --rn-amber-soft: #fff3d8;
  --rn-red: #bd3d45;
  --rn-coral: #ce5e47;
  --rn-shadow: 0 18px 45px rgba(21, 32, 29, 0.14);
  --rn-shadow-soft: 0 1px 2px rgba(21, 32, 29, 0.08);
  width: 100%;
  max-width: 100vw;
  min-width: 0;
  overflow-x: hidden;
  letter-spacing: 0 !important;
}

#rn-app *,
#rn-app *::before,
#rn-app *::after {
  min-width: 0;
  letter-spacing: 0 !important;
}

body.rnds-app-body {
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
  background: var(--rn-bg);
}

.rn-login-screen {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: #16211e;
}

.rn-login-screen::before {
  content: "";
  position: fixed;
  inset: 0 auto 0 0;
  width: 8px;
  background: #49bba8;
}

.rn-login-panel {
  width: min(470px, 100%);
  padding: 30px;
  border: 1px solid #becbc5;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.rn-login-brand {
  align-items: flex-start;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d9dfdc;
}

.rn-login-brand h1 {
  margin: 1px 0 0;
  color: #17231f;
  font-size: 24px;
  line-height: 1.2;
}

.rn-login-brand p {
  margin: 5px 0 0;
  color: #68746f;
  font-size: 11px;
  line-height: 1.45;
}

.rn-login-form {
  gap: 16px;
}

.rn-login-form label {
  color: #2a3732;
  font-size: 12px;
}

.rn-login-row {
  flex-wrap: wrap;
  color: #65716c;
  font-size: 11px;
}

.rn-shell {
  width: 100%;
  max-width: 100vw;
  grid-template-columns: 252px minmax(0, 1fr);
  background: var(--rn-bg);
}

.rn-sidebar {
  width: 252px;
  padding: 16px 13px 24px;
  border-right: 1px solid #27332f;
  background: #16211e;
  box-shadow: none;
}

.rn-brand {
  margin: 0 1px 17px;
  padding: 4px 5px 18px;
  border-color: #34413c;
}

.rn-brand strong {
  font-size: 16px;
}

.rn-brand span {
  color: #9baca5;
}

.rn-mark {
  width: 42px;
  height: 42px;
  border: 1px solid #dce5e1;
  border-radius: 4px;
  background: #f4f8f6;
  color: #18312b;
  box-shadow: none;
}

.rn-nav-section {
  margin-bottom: 18px;
}

.rn-nav-section-title {
  color: #82958d;
  font-size: 10px;
  font-weight: 800;
}

.rn-nav-button {
  min-height: 39px;
  margin: 2px 0;
  padding: 7px 8px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #cad5d0;
  font-size: 13px;
  font-weight: 650;
}

.rn-nav-button:hover {
  border-color: #3a4a44;
  background: #1e2c27;
  box-shadow: none;
}

.rn-nav-button[aria-current="page"] {
  border-color: #40534b;
  background: #263730;
  box-shadow: inset 3px 0 0 #50c8b6;
}

.rn-nav-icon {
  width: 27px;
  height: 27px;
  border-radius: 3px;
  background: #22322c;
  color: #a7c7bc;
}

.rn-nav-button[aria-current="page"] .rn-nav-icon {
  background: #d7eee8;
  color: #08695f;
}

.rn-main-shell {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.rn-topbar {
  width: 100%;
  max-width: 100%;
  min-height: 72px;
  grid-template-columns: minmax(145px, 1fr) minmax(190px, 330px) minmax(165px, 230px) auto 40px minmax(105px, 128px) minmax(95px, auto);
  gap: 10px;
  padding: 10px 18px;
  border-color: #d0d7d3;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 2px 8px rgba(21, 32, 29, 0.04);
  backdrop-filter: none;
}

.rn-topbar h1 {
  overflow: visible;
  color: #16211e;
  font-size: 20px;
  font-weight: 820;
  line-height: 1.15;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.rn-topbar p {
  overflow: hidden;
  margin-top: 3px;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rn-global-search,
.rn-scope-control,
.rn-user-chip {
  min-width: 0;
}

.rn-scope-control select {
  padding-right: 24px !important;
  font-size: 10px;
}

.rn-user-chip {
  max-width: 180px;
  border-radius: 4px;
  background: #f7f9f8;
  overflow: hidden;
}

.rn-user-chip span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rn-content {
  width: 100%;
  max-width: 1680px;
  min-width: 0;
  margin: 0 auto;
  padding: 24px clamp(18px, 2.2vw, 34px) 48px;
  overflow-x: hidden;
}

.rn-page-head {
  min-height: 60px;
  align-items: center;
  margin-bottom: 14px;
  padding: 0 0 13px;
  border-bottom: 1px solid #cfd6d2;
}

.rn-page-head > div {
  min-width: 0;
}

.rn-page-head h2 {
  color: #17221f;
  font-size: 24px;
  font-weight: 840;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.rn-page-head p {
  max-width: 900px;
  margin-top: 4px;
  color: #65716d;
  font-size: 13px;
  line-height: 1.45;
}

.rn-button,
.rn-icon-button {
  max-width: 100%;
  min-height: 38px;
  border-color: #c5cdc9;
  border-radius: 4px;
  background: #ffffff;
  color: #26322e;
  font-size: 13px;
  font-weight: 720;
  line-height: 1.25;
  white-space: normal;
}

.rn-button {
  padding: 8px 13px;
}

.rn-button:hover,
.rn-icon-button:hover {
  border-color: #9eaaa4;
  background: #eff3f1;
}

.rn-button-primary {
  border-color: #076e64;
  background: #087f72;
  color: #ffffff;
  box-shadow: 0 2px 0 #056258;
}

.rn-button-primary:hover {
  border-color: #055e56;
  background: #076e64;
  color: #ffffff;
}

.rn-button:disabled,
.rn-icon-button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
  box-shadow: none;
}

.rn-icon-button {
  flex: 0 0 38px;
  width: 38px;
  padding: 0;
}

.rn-table-icon {
  min-height: 32px;
  width: 32px;
  flex-basis: 32px;
}

.rn-global-search input,
.rn-input,
.rn-select,
.rn-textarea,
#rn-app input[type="text"],
#rn-app input[type="email"],
#rn-app input[type="password"],
#rn-app input[type="search"],
#rn-app input[type="date"],
#rn-app input[type="month"],
#rn-app input[type="datetime-local"],
#rn-app input[type="number"],
#rn-app select,
#rn-app textarea {
  max-width: 100%;
  min-height: 40px;
  border: 1px solid #c8d0cc;
  border-radius: 4px;
  background: #ffffff;
  color: #1c2824;
  padding: 8px 10px;
}

#rn-app textarea {
  line-height: 1.5;
}

.rn-card,
.rn-summary-card,
.rn-panel,
.rn-table-wrap,
.rn-sop-card,
.rn-proposal-card,
.rn-work-summary-card {
  max-width: 100%;
  border-color: #cfd6d2;
  border-radius: 5px;
  background: #ffffff;
  box-shadow: var(--rn-shadow-soft);
}

.rn-panel,
.rn-card {
  padding: 17px 18px;
}

.rn-card-title {
  min-height: 38px;
  align-items: flex-start;
  margin-bottom: 13px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e5e2;
}

.rn-card-title h3,
.rn-panel h3 {
  color: #1a2622;
  font-size: 15px;
  font-weight: 820;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.rn-card-title p {
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.4;
}

.rn-summary-grid {
  gap: 0;
  overflow: hidden;
  border: 1px solid #ccd4d0;
  border-radius: 5px;
  background: #ccd4d0;
}

.rn-summary-card {
  min-height: 105px;
  padding: 15px 17px;
  border: 0;
  border-right: 1px solid #dce2df;
  border-radius: 0;
  box-shadow: none;
}

.rn-summary-card strong {
  margin-top: 8px;
  font-size: 26px;
}

.rn-summary-card small {
  margin-top: 5px;
}

.rn-kpi-ribbon {
  width: 100%;
  gap: 0;
  overflow: hidden;
  border: 1px solid #cbd3cf;
  border-radius: 5px;
  background: #ffffff;
}

.rn-metric-tile {
  min-height: 98px;
  padding: 14px 16px;
  border: 0;
  border-right: 1px solid #dce2df;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
}

.rn-metric-tile:last-child {
  border-right: 0;
}

.rn-metric-tile strong {
  font-size: 24px;
}

.rn-context-bar,
.rn-filter-surface,
.rn-report-toolbar {
  max-width: 100%;
  border: 1px solid #ccd4d0;
  border-left: 4px solid var(--rn-primary);
  border-radius: 4px;
  background: #f8faf9;
  box-shadow: none;
}

.rn-filter-bar {
  width: 100%;
  align-items: end;
  gap: 9px;
}

.rn-filter-bar > * {
  min-width: 0;
}

.rn-live-sync {
  display: inline-flex;
  align-items: center;
  align-self: center;
  gap: 6px;
  color: #42635b;
  font-size: 11px;
  font-weight: 780;
  white-space: nowrap;
}

.rn-live-sync .rn-icon {
  width: 14px;
  height: 14px;
}

.rn-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow: auto;
  border-radius: 5px;
  box-shadow: none;
}

.rn-table {
  width: 100%;
  min-width: 860px;
  table-layout: auto;
}

.rn-table th {
  padding: 10px 11px;
  background: #edf1ef;
  color: #5d6965;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
  white-space: nowrap;
}

.rn-table td {
  max-width: 300px;
  padding: 11px;
  color: #2d3935;
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
  vertical-align: middle;
}

.rn-table tbody tr:nth-child(even) td {
  background: #fafbfa;
}

.rn-table tbody tr:hover td {
  background: #f0f6f3;
}

.rn-row-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.rn-row-actions .rn-button {
  min-height: 32px;
  padding: 6px 9px;
  font-size: 11px;
}

.rn-task-title-link {
  max-width: 280px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #183c34;
  font-weight: 820;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
  overflow-wrap: anywhere;
}

.rn-task-title-link:hover {
  color: var(--rn-primary);
  text-decoration: underline;
}

.rn-task-meta-line {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 4px;
}

.rn-collab-flag {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 2px 6px;
  border: 1px solid #9bcac0;
  border-radius: 3px;
  background: #e4f4ef;
  color: #13695e;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

.rn-team-stack {
  display: flex;
  align-items: center;
  max-width: 180px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #3f4d48;
  cursor: pointer;
}

.rn-team-stack .rn-avatar-mini + .rn-avatar-mini {
  margin-left: -6px;
}

.rn-avatar-mini,
.rn-picker-avatar {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #dcebe6;
  color: #285a50;
  font-size: 9px;
  font-weight: 850;
}

.rn-avatar-mini {
  width: 27px;
  height: 27px;
}

.rn-team-stack > span:last-child {
  margin-left: 8px;
  font-size: 11px;
  font-weight: 740;
  white-space: nowrap;
}

.rn-department-tokens {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

.rn-department-token {
  display: inline-block;
  max-width: 150px;
  padding: 3px 6px;
  border: 1px solid #d4dcd8;
  border-radius: 3px;
  background: #f4f6f5;
  color: #46534f;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rn-personal-progress {
  display: block;
  margin-top: 5px;
  color: #53645e;
  white-space: nowrap;
}

.rn-status-badge {
  max-width: 100%;
  border-radius: 3px;
  white-space: nowrap;
}

.rn-dashboard-brief,
.rn-performance-hero,
.rn-report-heading,
.rn-command-center {
  min-height: 0;
  border: 1px solid #cbd4cf;
  border-left: 5px solid #087f72;
  border-radius: 5px;
  background: #ffffff;
  color: #18231f;
  box-shadow: none;
}

.rn-dashboard-brief,
.rn-performance-hero,
.rn-report-heading {
  padding: 19px 21px;
}

.rn-dashboard-brief h2,
.rn-performance-hero h2,
.rn-report-heading h2,
.rn-command-copy h3 {
  color: #17231f;
  font-size: 26px;
  line-height: 1.18;
}

.rn-dashboard-brief p,
.rn-performance-hero p,
.rn-report-heading p,
.rn-command-copy p,
.rn-report-score span {
  color: #66736e;
}

.rn-dashboard-brief .rn-eyebrow,
.rn-performance-hero .rn-eyebrow,
.rn-report-heading .rn-eyebrow {
  color: #087f72;
}

.rn-button-inverse {
  border-color: #c5cec9;
  background: #ffffff;
  color: #26332e;
}

.rn-button-inverse:hover {
  border-color: #9faaa5;
  background: #edf3f0;
  color: #18231f;
}

.rn-score-snapshot,
.rn-report-score {
  border-color: #d4dbd7;
}

.rn-score-snapshot strong,
.rn-report-score strong {
  color: #17685b;
}

.rn-dashboard-deep-grid,
.rn-performance-grid {
  width: 100%;
  max-width: 100%;
}

.rn-dashboard-canvas,
.rn-framework-layout,
.rn-sop-layout,
.rn-admin-split,
.rn-health-grid,
.rn-settings-overview {
  width: 100%;
  max-width: 100%;
}

.rn-board {
  width: 100%;
  grid-template-columns: repeat(4, minmax(235px, 1fr));
  overflow-x: auto;
  padding-bottom: 8px;
}

.rn-board-column {
  border: 1px solid #cfd7d3;
  border-radius: 5px;
  background: #f5f7f6;
}

.rn-board-head {
  background: #e8eeeb;
}

.rn-task-card {
  border-color: #d3dad6;
  border-radius: 4px;
  box-shadow: none;
}

.rn-calendar-shell {
  max-width: 100%;
  overflow-x: auto;
  border-radius: 5px;
}

.rn-calendar-grid,
.rn-calendar-weekdays {
  min-width: 850px;
}

.rn-calendar-cell {
  min-height: 130px;
}

.rn-tabs,
.rn-segmented {
  max-width: 100%;
  overflow-x: auto;
  border-radius: 4px;
  scrollbar-width: thin;
}

.rn-tab,
.rn-segmented button {
  min-width: max-content;
  border-radius: 3px;
  white-space: nowrap;
}

.rn-framework-columns,
.rn-sop-grid,
.rn-proposal-grid,
.rn-department-directory {
  width: 100%;
}

.rn-sop-card,
.rn-proposal-card {
  border-radius: 5px;
}

.rn-sop-card::before,
.rn-proposal-card::before {
  border-radius: 0;
}

.rn-drawer {
  width: min(780px, 100vw);
  max-width: 100vw;
  background: #f3f5f4;
  box-shadow: -28px 0 80px rgba(20, 31, 27, 0.28);
}

.rn-drawer-head,
.rn-drawer-actions {
  border-color: #ccd4d0;
  background: #ffffff;
}

.rn-drawer-head {
  min-height: 92px;
  align-items: flex-start;
  padding: 18px 20px;
}

.rn-drawer-head h2 {
  max-width: 650px;
  margin: 3px 0 4px;
  color: #17231f;
  font-size: 23px;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

.rn-drawer-head p {
  max-width: 640px;
  margin: 0;
  color: #68746f;
  font-size: 12px;
  line-height: 1.45;
}

.rn-drawer-kicker {
  color: #087f72;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.rn-drawer-body {
  padding: 20px;
}

.rn-drawer-actions {
  min-height: 66px;
  gap: 8px;
  padding: 12px 20px;
}

.rn-drawer-action-note {
  flex: 1 1 180px;
  color: #66736e;
  font-size: 11px;
  line-height: 1.4;
}

.rn-insight-columns h4,
.rn-execution-grid span {
  overflow-wrap: anywhere;
}

.rn-task-composer {
  display: grid;
  gap: 14px;
}

.rn-composer-section,
.rn-dossier-section {
  padding: 16px;
  border: 1px solid #cfd7d3;
  border-radius: 5px;
  background: #ffffff;
}

.rn-composer-step {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 13px;
}

.rn-composer-step > span {
  display: grid;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 3px;
  background: #18332c;
  color: #ffffff;
  font-size: 10px;
  font-weight: 850;
}

.rn-composer-step strong,
.rn-composer-step small {
  display: block;
}

.rn-composer-step strong {
  color: #1a2823;
  font-size: 14px;
}

.rn-composer-step small {
  margin-top: 2px;
  color: #697570;
  font-size: 11px;
  line-height: 1.4;
}

.rn-department-selector {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.rn-department-choice,
.rn-picker-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 9px 10px;
  border: 1px solid #d2dad6;
  border-radius: 4px;
  background: #fafbfa;
  cursor: pointer;
}

.rn-department-choice:hover,
.rn-picker-item:hover {
  border-color: #9db9b0;
  background: #f1f7f4;
}

.rn-department-choice.is-selected,
.rn-picker-item.is-selected {
  border-color: #4e9d8e;
  background: #eaf6f2;
  box-shadow: inset 3px 0 0 #087f72;
}

.rn-department-choice input,
.rn-picker-item input {
  flex: 0 0 auto;
  width: 16px !important;
  min-height: 16px !important;
}

.rn-department-choice strong,
.rn-department-choice small,
.rn-picker-item strong,
.rn-picker-item small {
  display: block;
}

.rn-department-choice strong,
.rn-picker-item strong {
  color: #25332e;
  font-size: 12px;
}

.rn-department-choice small,
.rn-picker-item small {
  margin-top: 2px;
  color: #6b7772;
  font-size: 10px;
  line-height: 1.35;
}

.rn-employee-picker {
  max-height: 300px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 8px;
  padding: 8px;
  border: 1px solid #d4dbd7;
  border-radius: 4px;
  background: #f3f5f4;
}

.rn-picker-avatar {
  width: 34px;
  height: 34px;
  border-width: 1px;
  border-color: #c1d8d0;
  font-size: 10px;
}

.rn-picker-check {
  display: grid;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin-left: auto;
  place-items: center;
  border: 1px solid #c7d1cc;
  border-radius: 50%;
  color: transparent;
  font-size: 11px;
}

.rn-picker-item.is-selected .rn-picker-check {
  border-color: #087f72;
  background: #087f72;
  color: #ffffff;
}

.rn-composer-inline {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(190px, auto);
  align-items: end;
  gap: 10px;
  margin-top: 10px;
}

.rn-selection-summary {
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 9px 11px;
  border: 1px solid #c5d7d0;
  border-radius: 4px;
  background: #ecf6f2;
  color: #236a5d;
  font-size: 11px;
  font-weight: 780;
}

.rn-task-dossier {
  display: grid;
  gap: 14px;
}

.rn-task-command-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid #cbd4cf;
  border-radius: 5px;
  background: #ffffff;
  overflow: hidden;
}

.rn-task-command-strip > div {
  min-height: 75px;
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 12px 14px;
  border-right: 1px solid #dce2df;
}

.rn-task-command-strip > div:last-child {
  border-right: 0;
}

.rn-task-command-strip span:first-child {
  color: #6a7671;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

.rn-task-command-strip strong {
  color: #203029;
  font-size: 14px;
  overflow-wrap: anywhere;
}

.rn-participant-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.rn-participant-progress {
  padding: 12px;
  border: 1px solid #d5dcd8;
  border-radius: 4px;
  background: #fafbfa;
}

.rn-participant-progress.is-lead {
  border-left: 4px solid #315fc5;
}

.rn-participant-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.rn-participant-head strong,
.rn-participant-head small {
  display: block;
}

.rn-participant-head strong {
  font-size: 12px;
}

.rn-participant-head small,
.rn-participant-progress > small {
  color: #6b7772;
  font-size: 9px;
}

.rn-dossier-split {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(230px, 0.7fr);
  gap: 20px;
}

.rn-dossier-section h3 {
  margin: 0 0 9px;
  font-size: 14px;
}

.rn-task-description {
  margin: 0;
  color: #46534e;
  font-size: 12px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.rn-task-facts {
  display: grid;
  gap: 8px;
  margin: 0;
}

.rn-task-facts > div {
  padding-bottom: 7px;
  border-bottom: 1px solid #e1e6e3;
}

.rn-task-facts dt {
  color: #6d7974;
  font-size: 9px;
  font-weight: 820;
  text-transform: uppercase;
}

.rn-task-facts dd {
  margin: 3px 0 0;
  color: #26332e;
  font-size: 11px;
  font-weight: 680;
}

.rn-checklist-readonly {
  display: grid;
  gap: 6px;
}

.rn-checklist-readonly > div {
  display: flex;
  gap: 8px;
  padding: 8px 9px;
  border: 1px solid #dbe1de;
  border-radius: 3px;
  background: #f8faf9;
  font-size: 11px;
}

.rn-activity-timeline {
  display: grid;
}

.rn-activity-timeline article {
  position: relative;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  padding: 0 0 15px;
}

.rn-activity-timeline article::before {
  content: "";
  position: absolute;
  top: 13px;
  bottom: 0;
  left: 5px;
  width: 1px;
  background: #cfd8d3;
}

.rn-activity-timeline article:last-child::before {
  display: none;
}

.rn-timeline-dot {
  z-index: 1;
  width: 11px;
  height: 11px;
  margin-top: 3px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #087f72;
  box-shadow: 0 0 0 1px #7eaaa0;
}

.rn-activity-timeline header {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

.rn-activity-timeline p {
  margin: 5px 0 3px;
  color: #46534e;
  font-size: 11px;
  line-height: 1.45;
}

.rn-activity-timeline small {
  color: #77827e;
  font-size: 9px;
}

.rn-progress-editor {
  padding: 14px;
  border: 1px solid #cbd5d0;
  border-radius: 4px;
  background: #f3f7f5;
}

.rn-progress-editor > div {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.rn-progress-editor output {
  color: #087f72;
  font-size: 20px;
  font-weight: 850;
}

.rn-progress-editor input[type="range"] {
  width: calc(100% - 86px);
  accent-color: #087f72;
}

.rn-progress-editor input[type="number"] {
  width: 72px !important;
  margin-left: 8px;
}

.rn-required-note {
  color: #a23a42;
  font-size: 9px;
  font-weight: 760;
}

.rn-alert,
.rn-empty,
.rn-callout,
.rn-policy-note,
.rn-period-unavailable {
  border-radius: 4px;
}

@media (max-width: 1320px) {
  .rn-topbar {
    grid-template-columns: minmax(135px, 1fr) minmax(160px, 230px) minmax(210px, 230px) auto 38px 108px 42px;
  }

  .rn-user-chip span,
  .rn-topbar p {
    display: none;
  }

  .rn-user-chip {
    width: 42px;
    padding: 6px;
    justify-content: center;
  }
}

@media (max-width: 1120px) {
  .rn-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .rn-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 80;
    transform: translateX(-100%);
    transition: transform 180ms ease;
  }

  .rn-shell.is-menu-open .rn-sidebar {
    transform: translateX(0);
  }

  .rn-menu-toggle {
    display: inline-flex !important;
  }

  .rn-topbar {
    grid-template-areas:
      "menu title notification user"
      "search search scope role";
    grid-template-columns: 40px minmax(0, 1fr) 40px 42px;
    gap: 8px;
    padding: 9px 14px;
  }

  .rn-global-search,
  .rn-scope-control,
  .rn-role-switcher,
  .rn-user-chip {
    display: grid;
  }

  .rn-user-chip {
    display: flex;
  }

  .rn-menu-toggle { grid-area: menu; }
  .rn-topbar > div:nth-child(2) { grid-area: title; }
  .rn-global-search { grid-area: search; }
  .rn-scope-control { grid-area: scope; }
  .rn-topbar > [data-page="notifications"] { grid-area: notification; }
  .rn-role-switcher { grid-area: role; }
  .rn-user-chip { grid-area: user; }
  .rn-assign-top { display: none !important; }

  .rn-topbar p {
    display: block;
  }
}

@media (max-width: 760px) {
  .rn-topbar {
    grid-template-areas:
      "menu title notification user"
      "scope scope role role";
  }

  .rn-global-search {
    display: none;
  }

  .rn-scope-control,
  .rn-role-switcher {
    display: grid;
  }

  .rn-topbar p {
    display: none;
  }

  .rn-content {
    padding: 17px 12px 34px;
  }

  .rn-page-head {
    align-items: flex-start;
  }

  .rn-card-title {
    flex-wrap: wrap;
  }

  .rn-live-sync {
    white-space: normal;
  }

  .rn-page-head h2 {
    font-size: 21px;
  }

  .rn-page-head .rn-button {
    width: 100%;
  }

  .rn-summary-grid,
  .rn-kpi-ribbon {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rn-summary-card,
  .rn-metric-tile {
    min-height: 90px;
    border-right: 1px solid #dce2df;
    border-bottom: 1px solid #dce2df;
  }

  .rn-dashboard-brief,
  .rn-performance-hero,
  .rn-report-heading {
    padding: 16px;
  }

  .rn-table {
    min-width: 760px;
  }

  .rn-drawer {
    width: 100vw;
  }

  .rn-drawer-head,
  .rn-drawer-body,
  .rn-drawer-actions {
    padding-left: 14px;
    padding-right: 14px;
  }

  .rn-drawer-head h2 {
    font-size: 20px;
  }

  .rn-department-selector,
  .rn-employee-picker,
  .rn-participant-grid,
  .rn-dossier-split,
  .rn-composer-inline {
    grid-template-columns: minmax(0, 1fr);
  }

  .rn-task-command-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rn-task-command-strip > div:nth-child(2) {
    border-right: 0;
  }

  .rn-task-command-strip > div:nth-child(-n + 2) {
    border-bottom: 1px solid #dce2df;
  }

  .rn-drawer-actions {
    flex-wrap: wrap;
  }

  .rn-drawer-action-note {
    flex-basis: 100%;
  }

  .rn-drawer-actions .rn-button {
    flex: 1 1 120px;
  }
}

.rn-score-cell {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.rn-score-reason {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 27px;
  padding: 4px 8px;
  border: 1px solid #b8cbc4;
  border-radius: 4px;
  background: #f5faf8;
  color: #17685b;
  font: inherit;
  font-size: 10px;
  font-weight: 820;
  line-height: 1.1;
  letter-spacing: 0;
  cursor: pointer;
}

.rn-score-reason:hover,
.rn-score-reason:focus-visible {
  border-color: #17685b;
  background: #e5f2ee;
  outline: 2px solid rgba(23, 104, 91, 0.14);
  outline-offset: 1px;
}

.rn-score-reason .rn-icon {
  width: 14px;
  height: 14px;
}

.rn-report-person-score .rn-score-reason,
.rn-performance-score .rn-score-reason {
  margin-top: 8px;
}

.rn-report-dimensions article .rn-score-reason,
.rn-monthly-mini-dimensions .rn-score-reason,
.rn-component-dossier article .rn-score-reason,
.rn-table td > .rn-score-reason {
  margin-top: 6px;
}

.rn-component-basis {
  align-content: start;
}

.rn-component-basis > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 7px;
  border-top: 1px solid #e0e6e3;
}

.rn-component-basis > div:first-of-type {
  margin-top: 7px;
}

.rn-component-basis > div strong {
  min-width: 0;
  font-size: 11px;
}

.rn-person-release-note {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 0 0 13px;
  padding: 10px 12px;
  border-left: 3px solid #c98b2e;
  background: #fff9ec;
  color: #5f4a24;
  font-size: 11px;
  line-height: 1.5;
}

.rn-person-release-note .rn-icon {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-top: 1px;
}

body.rn-modal-open {
  overflow: hidden;
}

.rn-score-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 300;
}

.rn-score-modal.is-open {
  display: grid;
  place-items: center;
  padding: 22px;
}

.rn-score-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(16, 28, 24, 0.68);
  backdrop-filter: blur(3px);
}

.rn-score-dialog {
  position: relative;
  width: min(820px, 100%);
  max-height: min(820px, calc(100vh - 44px));
  overflow: hidden;
  border: 1px solid #b9c7c1;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 24px 70px rgba(12, 29, 23, 0.28);
}

.rn-score-dialog > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 22px;
  border-bottom: 1px solid #cfd9d4;
  background: #17342d;
  color: #ffffff;
}

.rn-score-dialog > header span {
  color: #a9d4c8;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.rn-score-dialog > header h2 {
  margin: 4px 0 3px;
  color: #ffffff;
  font-size: 23px;
  line-height: 1.2;
}

.rn-score-dialog > header p {
  margin: 0;
  color: #d4e4df;
  font-size: 12px;
}

.rn-score-dialog > header .rn-icon-button {
  flex: 0 0 auto;
  border-color: rgba(255, 255, 255, 0.35);
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
}

.rn-score-dialog-body {
  display: grid;
  gap: 18px;
  max-height: calc(100vh - 145px);
  padding: 22px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.rn-score-decision {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  padding: 17px;
  border: 1px solid #bfd3cc;
  border-left: 5px solid #087f72;
  background: #f2f8f6;
}

.rn-score-decision > div {
  display: grid;
  gap: 3px;
}

.rn-score-decision span,
.rn-score-method span,
.rn-score-section-title span {
  color: #56655f;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.rn-score-decision strong {
  color: #17685b;
  font-size: 38px;
  line-height: 1;
}

.rn-score-decision p,
.rn-score-method p,
.rn-score-remark-list p {
  margin: 0;
  color: #3f4f49;
  font-size: 12px;
  line-height: 1.65;
}

.rn-score-method {
  padding: 14px 16px;
  border: 1px solid #d8dedb;
  border-left: 4px solid #c98b2e;
  background: #fffaf0;
}

.rn-score-method p {
  margin-top: 5px;
}

.rn-score-section-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}

.rn-score-section-title small {
  color: #7a8681;
  font-size: 10px;
}

.rn-score-evidence-list {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.rn-score-evidence-list li {
  position: relative;
  padding: 10px 12px 10px 28px;
  border: 1px solid #dce3df;
  background: #f8faf9;
  color: #3c4b46;
  font-size: 11px;
  line-height: 1.5;
}

.rn-score-evidence-list li::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 12px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #087f72;
}

.rn-score-factor-ledger {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.rn-score-factor-ledger article {
  min-width: 0;
  padding: 12px;
  border: 1px solid #d7dfdb;
  border-top: 3px solid #28796c;
  border-radius: 4px;
  background: #fbfcfc;
}

.rn-score-factor-ledger header,
.rn-score-factor-math,
.rn-score-blend-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
}

.rn-score-factor-ledger header strong {
  min-width: 0;
  color: #253c34;
  font-size: 11px;
}

.rn-score-factor-ledger header span {
  flex: 0 0 auto;
  color: #087f72;
  font-size: 12px;
  font-weight: 900;
}

.rn-score-factor-math {
  justify-content: flex-start;
  margin: 8px 0 6px;
  color: #53645e;
  font-size: 10px;
  font-weight: 780;
}

.rn-score-factor-math i {
  color: #9b6a21;
  font-style: normal;
}

.rn-score-factor-ledger p,
.rn-score-blend > p {
  margin: 0;
  color: #596761;
  font-size: 10px;
  line-height: 1.5;
}

.rn-score-blend {
  padding: 14px;
  border: 1px solid #cdd9d4;
  background: #f4f8f6;
}

.rn-score-blend-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 10px;
  border: 1px solid #d4ddd9;
  background: #ffffff;
}

.rn-score-blend-grid > div {
  min-width: 0;
  padding: 9px 10px;
  border-right: 1px solid #e0e6e3;
}

.rn-score-blend-grid > div:last-child {
  border-right: 0;
}

.rn-score-blend-grid span,
.rn-score-blend-grid strong {
  display: block;
}

.rn-score-blend-grid span {
  color: #74817c;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.rn-score-blend-grid strong {
  margin-top: 3px;
  color: #253b34;
  font-size: 14px;
}

.rn-score-limiter-list {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.rn-score-limiter-list li {
  padding: 10px 12px;
  border-left: 3px solid #b56a36;
  background: #fff6ef;
  color: #67452d;
  font-size: 11px;
  line-height: 1.5;
}

.rn-score-remark-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.rn-score-remark-list article {
  min-width: 0;
  padding: 12px;
  border: 1px solid #dce3df;
  background: #ffffff;
}

.rn-score-remark-list strong {
  display: block;
  margin-bottom: 5px;
  color: #263a33;
  font-size: 10px;
  text-transform: uppercase;
}

@media (max-width: 620px) {
  .rn-score-modal.is-open {
    align-items: end;
    padding: 0;
  }

  .rn-score-dialog {
    width: 100%;
    max-height: 94vh;
    border-radius: 6px 6px 0 0;
  }

  .rn-score-dialog > header,
  .rn-score-dialog-body {
    padding-left: 15px;
    padding-right: 15px;
  }

  .rn-score-decision,
  .rn-score-remark-list,
  .rn-score-factor-ledger {
    grid-template-columns: minmax(0, 1fr);
  }

  .rn-score-blend-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rn-score-blend-grid > div:nth-child(2) {
    border-right: 0;
  }

  .rn-score-blend-grid > div:nth-child(-n + 2) {
    border-bottom: 1px solid #e0e6e3;
  }

  .rn-score-section-title {
    display: grid;
    gap: 2px;
  }
}

@media print {
  .rn-sidebar,
  .rn-topbar,
  .rn-page-head,
  .rn-report-toolbar,
  .rn-toast-region,
  .rn-button,
  .rn-icon-button,
  .rn-score-reason,
  .rn-score-modal {
    display: none !important;
  }

  .rn-shell,
  .rn-main,
  .rn-content {
    display: block;
    width: 100%;
    padding: 0;
    background: #ffffff;
  }

  .rn-panel {
    break-inside: avoid;
    box-shadow: none;
  }

  .rn-report-heading {
    color: #10232d;
    background: #edf3f4;
  }

  .rn-report-heading h2,
  .rn-report-heading p,
  .rn-report-score span {
    color: #10232d;
  }
}