/* UIH Roo — AROOP-inspired Light Theme */

:root {
  --uih-navy: #142b45;
  --uih-orange: #e58b2a;
  --uih-blue: #23547e;
  --uih-bg: #f2f5f8;
  --uih-border: #d7e0e8;
  --uih-text: #18334e;
}

:root {
  color-scheme: light !important;
  background: #f2f5f8 !important;
  color: #18334e !important;
}

html {
  background: #f2f5f8 !important;
}

body {
  background: var(--uih-bg) !important;
  color: var(--uih-text) !important;
}

header {
  background: var(--uih-navy) !important;
  color: white !important;
  border-bottom: 3px solid #7394b0;
}

header h1, header p {
  color: white !important;
}

main {
  color: var(--uih-text);
}

.intro,
.knowledge-journey,
.roo-conversation,
.intelligence-menu,
.panels article,
.metrics article {
  background: #fff !important;
  color: var(--uih-text) !important;
  border: 1px solid var(--uih-border) !important;
  border-radius: 3px !important;
  box-shadow: 0 2px 8px rgba(20,43,69,.035);
}

.knowledge-journey,
.roo-conversation {
  border-left: 4px solid var(--uih-orange) !important;
}

.intelligence-menu summary,
.knowledge-journey > h2,
.conversation-heading h2,
.intro h2,
.panels h2 {
  color: var(--uih-navy) !important;
}

.knowledge-journey > p,
.conversation-heading p,
.intro p {
  color: #536a80 !important;
}

.journey-grid article,
.intelligence-list > div {
  background: #f7f9fc !important;
  color: var(--uih-text) !important;
  border: 1px solid var(--uih-border) !important;
}

.journey-grid h3,
.journey-grid p,
.intelligence-list > div {
  color: var(--uih-text) !important;
}

.journey-grid textarea,
.roo-chat-form input {
  background: white !important;
  color: var(--uih-text) !important;
  border: 1px solid #b7c8d8 !important;
}

.roo-chat-messages {
  background: #f3f6fa !important;
}

.roo-message.assistant {
  background: white !important;
  color: var(--uih-text) !important;
  border-left: 3px solid var(--uih-blue);
}

.roo-message.user {
  background: #e8f2f1 !important;
  color: var(--uih-text) !important;
  border-left: 3px solid #2b8a74;
}

button {
  background: var(--uih-blue);
  color: white;
}

button:hover:not(:disabled) {
  filter: brightness(1.12);
}

.roo-quick-questions button {
  background: #eaf0f6 !important;
  color: var(--uih-navy) !important;
  border: 1px solid #bfd0de !important;
}

.metrics strong {
  color: var(--uih-blue) !important;
}

.metrics h3 {
  color: #536a80 !important;
}

.panels article > div > div {
  background: #edf3f8 !important;
  color: var(--uih-text) !important;
}

#knowledgeRegisterResult,
#knowledgeReviewResult,
#inspectionEventResult,
#knowledgeActivationResult {
  color: var(--uih-text) !important;
}

#rooChatStatus {
  color: #a65d0b !important;
}

/* AROOP-style Operational Workspace */

.operational-workspace {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 14px;
  margin-bottom: 24px;
  align-items: stretch;
}

.current-context,
.operational-workspace .roo-conversation {
  background: #ffffff !important;
  border: 1px solid #d7e0e8 !important;
  border-left: 3px solid #e58b2a !important;
  border-radius: 2px !important;
  padding: 22px !important;
  margin: 0 !important;
}

.section-heading {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 20px;
}

.section-number {
  color: #e58b2a;
  font-size: 25px;
  font-weight: 800;
}

.eyebrow {
  font-size: 12px;
  font-weight: 700;
  color: #b86b16;
  letter-spacing: 1px;
}

.section-heading h2 {
  color: #142b45;
  font-size: 26px;
  margin: 4px 0 8px;
}

.section-heading p {
  color: #536a80;
}

.context-summary {
  background: #f2f5f8;
  border-left: 3px solid #23547e;
  padding: 18px;
  line-height: 1.7;
}

.context-summary h3 {
  color: #142b45;
}

@media (max-width: 950px) {
  .operational-workspace {
    grid-template-columns: 1fr;
  }
}

/* UIH Roo — Maintenance Intelligence */

.maintenance-intelligence {
  margin: 28px 0;
  background: #fff;
  border: 1px solid #d7e0e8;
  border-left: 3px solid #e58b2a;
}

.maintenance-heading {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 24px;
  background: #fffaf5;
  border-bottom: 1px solid #d7e0e8;
}

.maintenance-heading h2 {
  margin: 4px 0 8px;
  color: #142b45;
  font-size: 27px;
}

.maintenance-heading p {
  margin: 0;
  color: #536a80;
}

.maintenance-body {
  padding: 20px;
}

.maintenance-body .intro {
  padding: 14px 18px;
  background: #f7f9fb !important;
}

.maintenance-body .metrics article {
  padding: 18px;
  background: #f8fafc !important;
}

.maintenance-body .panels article {
  min-width: 0;
}

.maintenance-details {
  padding: 18px !important;
}

.maintenance-details summary {
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  color: #173b5b;
  padding: 12px 0;
}

.maintenance-details details[open] summary {
  border-bottom: 1px solid #d7e0e8;
  margin-bottom: 15px;
}

@media (max-width: 850px) {
  .maintenance-heading {
    padding: 16px;
  }

  .maintenance-body {
    padding: 12px;
  }
}

/* Component Life Intelligence */
.component-life-card {
  padding: 16px;
  margin-bottom: 12px;
  background: #f7f9fc;
  border: 1px solid #d7e0e8;
  border-left: 3px solid #397b9c;
}

.component-life-card strong {
  display: block;
  font-size: 15px;
  color: #142b45;
}

.component-life-card p {
  margin: 9px 0;
  color: #536a80;
  font-size: 13px;
}

.life-progress-track {
  height: 12px;
  background: #e2e8ef;
  overflow: hidden;
  border-radius: 3px;
}

.life-progress-fill {
  height: 100%;
  background: #397b9c;
  transition: width .35s ease;
}

.life-progress-fill.life-warning {
  background: #d68a2b;
}

.component-life-card .life-notice {
  color: #9b5b12;
  font-weight: 700;
}

/* Knowledge Hydration Statistics */
.knowledge-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0 24px;
}

.knowledge-stats > div {
  padding: 18px;
  background: #f3f6f9;
  border: 1px solid #d7e0e8;
  border-top: 3px solid #e58b2a;
  color: #536a80;
  font-size: 14px;
}

.knowledge-stats strong {
  display: block;
  margin-top: 8px;
  font-size: 28px;
  color: #142b45;
}

@media (max-width: 700px) {
  .knowledge-stats {
    grid-template-columns: 1fr;
  }
}

/* Knowledge Hydration Pipeline */
.knowledge-hydration-pipeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0;
}

.knowledge-hydration-pipeline > div {
  padding: 15px 10px;
  text-align: center;
  background: #f2f5f8;
  border: 1px solid #d7e0e8;
  border-top: 3px solid #a8b7c5;
  color: #536a80;
  font-weight: 700;
  font-size: 13px;
}

.knowledge-hydration-pipeline > div.active {
  background: #fff3e5;
  border-top-color: #e58b2a;
  color: #9b5b12;
}

.knowledge-hydration-pipeline > div.complete {
  background: #edf7f2;
  border-top-color: #34866b;
  color: #23634f;
}

@media (max-width: 850px) {
  .knowledge-hydration-pipeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}