/*
 * VT033 Squadron Operations Hub — Light Theme
 * Explicit light-mode visual layer. Base/component CSS remains theme-neutral;
 * this file owns light surfaces, text, borders, controls, tables, overlays, and menus.
 */
html.theme-light,
html.theme-system { color-scheme: light; }

html.theme-light {
  --paper:#f4f7fb;
  --ink:#1f2a3a;
  --white:#ffffff;
  --line:#d8e0ea;
  --soh-ink:#1f2a3a;
  --soh-muted:#667085;
  --soh-surface:#ffffff;
  --soh-surface-soft:#f7f9fc;
  --soh-border:#d8e0ea;
  --ui-text:#1f2a3a;
  --ui-text-muted:#667085;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f7f9fc;
  --ui-border:#d8e0ea;
  --ui-border-light:#e7ecf2;
  --surface:#ffffff;
  --border:#d8e0ea;
  --border-color:#d8e0ea;
  --text-muted:#667085;
  --muted:#667085;
  --table-row-even:#f7f9fc;
  --table-row-hover:#edf4ff;
  --table-border:#d8e0ea;
}

html.theme-light body,
html.theme-light .app-content { background:#f4f7fb; color:#1f2a3a; }

html.theme-light :where(
  .card,.ui-card,.ui-card-soft,.form-card,.summary-chip,.checkin-member,.choice-card,
  .result-details-panel,.result-detail-meta>div,.result-feedback-card,.result-private-section,
  .eservices-confirmation,.oflight-syllabus-guide,.oflight-syllabus-columns article,
  .oflight-cadet-syllabus,.oflight-selected-guide,.oflight-dashboard-grid article,
  .oflight-operations-grid article,.oflight-resource-grid>*,.oflight-readiness-card,
  .event-detail-sidebar,.online-user-card,.chat-panel,.chat-message,.chat-compose,
  .chat-emoji-picker,.modal,.app-modal,details.card,dialog,.table-wrap,.settings-panel,
  .dropdown-list-nav,.sortable-option-row,.inactive-members-toggle,.forum-categories,
  .forum-topic-row,.forum-post,.forum-reply-box,.login-card
){ background:#fff; color:#1f2a3a; border-color:#d8e0ea; }

html.theme-light :where(
  input,select,textarea,.inline-edit-control
){ background:#fff; color:#1f2a3a; border-color:#c8d0da; }

html.theme-light :where(h1,h2,h3,h4,h5,h6,strong,label,legend,summary){ color:inherit; }
html.theme-light :where(.muted,small,.page-heading p,.member-identity p,.table-subtext){ color:#667085; }
html.theme-light table{background:#fff;color:#1f2a3a;}
html.theme-light tbody tr:nth-child(odd) td{background:#fff;}
html.theme-light tbody tr:nth-child(even) td{background:#f7f9fc;}
html.theme-light tbody tr:hover td{background:#edf4ff;}
html.theme-light td{border-color:#d8e0ea;}
html.theme-light .sidebar-account>div{background:#fff;border-color:#d8e0ea;}
html.theme-light .sidebar-account a,html.theme-light .sidebar-account-action{color:#22304a;}
html.theme-light .sidebar-account a:hover,html.theme-light .sidebar-account-action:hover{background:#edf3ff;color:#001871;}

/* System preference uses the light visual layer unless the OS/browser requests dark. */
@media (prefers-color-scheme: light) {
  html.theme-system { color-scheme:light; }
  html.theme-system body,html.theme-system .app-content{background:#f4f7fb;color:#1f2a3a;}
}

/* Squadron Chat read-only oversight — light mode grayscale */
html.theme-light .chat-conversation-item.is-readonly{
 background:#f1f3f5 !important;
 color:#4b5563 !important;
 border-color:#d1d5db !important;
}
html.theme-light .chat-conversation-item.is-readonly:hover{
 background:#e5e7eb !important;
 color:#1f2937 !important;
 border-color:#9ca3af !important;
}
html.theme-light .chat-conversation-item.is-readonly.is-active{
 background:#dfe3e8 !important;
 color:#111827 !important;
 border-color:#9ca3af !important;
}
html.theme-light .chat-conversation-item.is-readonly .chat-conversation-preview,
html.theme-light .chat-conversation-item.is-readonly time{color:#6b7280 !important}
html.theme-light .chat-conversation-item.is-readonly .chat-conversation-readonly{
 background:#e5e7eb !important;color:#374151 !important;border-color:#c4c9d0 !important;
}
html.theme-light .chat-archive-link{color:#4b5563}
html.theme-light .chat-archive-link:hover{color:#111827}
html.theme-light .chat-archive-conversation,
html.theme-light .chat-archive-summary,
html.theme-light .chat-archive-body{background:#fff !important;color:#1f2937 !important;border-color:#d1d5db !important}
html.theme-light .chat-archive-summary:hover{background:#f7f7f8 !important}
html.theme-light .chat-archive-lock{color:#4b5563}
html.theme-light .chat-archive-summary small,
html.theme-light .chat-archive-summary-meta,
html.theme-light .chat-archive-message-head time,
html.theme-light .chat-archive-message>small{color:#6b7280}
html.theme-light .chat-archive-participants span{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}
html.theme-light .chat-archive-message{background:#f7f7f8;color:#1f2937;border:1px solid #e1e4e8}

/* Demo View quick theme switch — light mode */
html.theme-light .demo-theme-switch{background:rgba(255,255,255,.55);border-color:rgba(0,24,113,.2);color:#1f2d48}
html.theme-light .demo-theme-switch button:hover,
html.theme-light .demo-theme-switch button:focus{background:rgba(0,24,113,.08);color:#001871}
html.theme-light .demo-theme-switch button.is-active{background:#001871;color:#fff}

html.theme-light .chat-view-all-participants{color:#001871}
html.theme-light .chat-participants-dialog-card{background:#fff;color:#1f2937}
html.theme-light .chat-participants-dialog-head{border-color:#e1e5ec}
html.theme-light .chat-participant-list-item{border-color:#edf0f4}
html.theme-light .chat-participant-list-item span{color:#667085}

/* Model Rocketry uses summary elements as action buttons; do not inherit dark card text. */
html.theme-light .rocketry-requirement summary.btn-primary,
html.theme-light .rocketry-requirement .btn-primary,
html.theme-light .rocketry-stage-card summary.btn-primary,
html.theme-light .rocketry-stage-card .btn-primary {
  background:linear-gradient(135deg,#001871,#003da5) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border-color:#001871 !important;
}