:root {
  --bg-deep: #0B0F19;
  --bg-surface: #111827;
  --bg-elevated: #1F2937;
  --accent: #10B981;
  --accent-glow: rgba(16,185,129,0.15);
  --text-primary: #F9FAFB;
  --text-secondary: #9CA3AF;
  --danger: #EF4444;
  --warning: #F59E0B;
  --radius: 16px;
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

* { margin:0; padding:0; box-sizing:border-box; }
html, body {
  background: var(--bg-deep);
  color: var(--text-primary);
  font-family: var(--font-sans);
  height: 100%;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

.gate-overlay {
  position: fixed; inset: 0;
  background: var(--bg-deep);
  z-index: 1000;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  padding: 2rem;
  text-align: center;
}
.gate-overlay.hidden { display: none; }

.gate-card {
  background: var(--bg-surface);
  border: 1px solid var(--bg-elevated);
  border-radius: var(--radius);
  padding: 2.5rem;
  max-width: 420px;
  width: 100%;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}

.gate-logo {
  width: 64px; height: 64px;
  background: var(--accent);
  border-radius: 18px;
  margin: 0 auto 1.5rem;
  display: flex; align-items: center; justify-content: center;
  font-size: 28px; font-weight: 700; color: #fff;
}

h1.gate-title { font-size: 1.5rem; margin-bottom: 0.5rem; }
p.gate-sub { color: var(--text-secondary); font-size: 0.95rem; margin-bottom: 1.5rem; line-height: 1.5; }

.btn {
  display: block; width: 100%;
  padding: 14px;
  border: none; border-radius: 12px;
  font-size: 1rem; font-weight: 600;
  cursor: pointer; transition: all 0.2s;
  margin-bottom: 0.75rem;
}
.btn-primary {
  background: var(--accent); color: #fff;
  box-shadow: 0 4px 20px var(--accent-glow);
}
.btn-primary:active { transform: scale(0.98); }
.btn-ghost {
  background: transparent;
  color: var(--text-secondary);
  border: 1px solid var(--bg-elevated);
}

input, select, textarea {
  width: 100%;
  padding: 12px 14px;
  background: var(--bg-elevated);
  border: 1px solid #374151;
  border-radius: 10px;
  color: var(--text-primary);
  font-size: 1rem;
  margin-bottom: 1rem;
  outline: none;
}
input:focus { border-color: var(--accent); }

.checkbox-row {
  display: flex; align-items: flex-start; gap: 10px;
  text-align: left; margin-bottom: 1rem;
  font-size: 0.85rem; color: var(--text-secondary);
}
.checkbox-row input { width: auto; margin: 2px 0 0; }
.checkbox-row a { color: var(--accent); text-decoration: none; }

#dashboard {
  display: none;
  padding: 1.5rem;
  max-width: 800px;
  margin: 0 auto;
}
#dashboard.active { display: block; }

.header {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 2rem;
}
.header h2 { font-size: 1.25rem; }
.badge {
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.75rem; font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.badge-trial { background: var(--warning); color: #000; }
.badge-premium { background: var(--accent); color: #fff; }

.metric-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-bottom: 2rem;
}
.metric-card {
  background: var(--bg-surface);
  border-radius: var(--radius);
  padding: 1.25rem;
  border: 1px solid var(--bg-elevated);
}
.metric-label { font-size: 0.75rem; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0.5rem; }
.metric-value { font-size: 1.75rem; font-weight: 700; }
.metric-delta { font-size: 0.8rem; margin-top: 0.25rem; }
.metric-delta.pos { color: var(--accent); }
.metric-delta.neg { color: var(--danger); }

.section {
  background: var(--bg-surface);
  border-radius: var(--radius);
  padding: 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid var(--bg-elevated);
}
.section h3 { font-size: 1rem; margin-bottom: 1rem; display: flex; align-items: center; gap: 8px; }

.nav-bar {
  position: fixed; bottom: 0; left: 0; right: 0;
  background: rgba(11,15,25,0.95);
  backdrop-filter: blur(20px);
  border-top: 1px solid var(--bg-elevated);
  display: flex; justify-content: space-around;
  padding: 10px 0 calc(10px + env(safe-area-inset-bottom));
  z-index: 100;
}
.nav-item {
  display: flex; flex-direction: column; align-items: center;
  color: var(--text-secondary);
  font-size: 0.65rem; gap: 4px;
  background: none; border: none;
}
.nav-item.active { color: var(--accent); }

.modal-overlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.7);
  z-index: 900;
  display: none; align-items: center; justify-content: center;
  padding: 1.5rem;
}
.modal-overlay.active { display: flex; }
.modal-card {
  background: var(--bg-surface);
  border-radius: var(--radius);
  padding: 2rem;
  max-width: 400px; width: 100%;
  max-height: 80vh; overflow-y: auto;
}

@media (min-width: 640px) {
  .metric-grid { grid-template-columns: repeat(4, 1fr); }
}

.supp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.supp-form-grid fieldset{border:1px solid rgba(148,163,184,.24);border-radius:14px;padding:14px}
.supp-form-grid legend{font-weight:800;padding:0 6px}
.supp-form-grid label{display:block;margin:8px 0;color:var(--text-secondary);font-size:.88rem}
.supp-form-grid textarea,.supp-form-grid input[type=number]{width:100%;margin-top:6px;background:#0f172a;color:#e2e8f0;border:1px solid #334155;border-radius:8px;padding:9px;box-sizing:border-box}
.supp-track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}
.supp-track{background:rgba(15,23,42,.75);border:1px solid rgba(34,197,94,.28);border-radius:16px;padding:14px}
.supp-track-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.supp-track-head h4{margin:0}.supp-track-head p{color:#94a3b8;font-size:.82rem}
.supp-track-head>span{font-size:.75rem;color:#86efac;white-space:nowrap}
.supp-item{display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(148,163,184,.15);padding:10px 0}
.supp-item small{display:block;color:#94a3b8;margin-top:4px}.supp-item p{font-size:.78rem;color:#cbd5e1}
.supp-item>span{font-weight:800;color:#86efac}
.supp-schedule{font-size:.8rem;color:#cbd5e1;margin:10px 0}
@media(max-width:900px){.supp-track-grid{grid-template-columns:1fr}.supp-form-grid{grid-template-columns:1fr}}

.supp-policy-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin:10px 0;
}
.supp-policy-metrics span{
  background:rgba(30,41,59,.86);
  border:1px solid rgba(148,163,184,.18);
  border-radius:8px;
  padding:7px;
  font-size:.76rem;
  color:#cbd5e1;
}
.supp-collapse{
  background:rgba(120,53,15,.28);
  border:1px solid rgba(245,158,11,.45);
  color:#fde68a;
  border-radius:10px;
  padding:9px;
  font-size:.78rem;
  margin:9px 0;
}
.supp-item details{
  margin-top:7px;
  font-size:.75rem;
  color:#cbd5e1;
}

.protocol-activation-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:16px;
  align-items:end;
}
.protocol-activation-row label,
.protocol-outcome-grid label{
  color:#94a3b8;
  font-size:.8rem;
}
.protocol-activation-row select,
.protocol-outcome-grid input{
  display:block;
  width:100%;
  box-sizing:border-box;
  margin-top:5px;
  padding:10px;
  color:#e2e8f0;
  background:#0f172a;
  border:1px solid #334155;
  border-radius:9px;
}
.protocol-items{
  display:grid;
  gap:10px;
  margin:12px 0;
}
.protocol-item{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  padding:13px;
  border:1px solid rgba(14,165,233,.25);
  border-radius:13px;
  background:rgba(15,23,42,.75);
}
.protocol-item small{
  display:block;
  color:#94a3b8;
  margin-top:4px;
}
.protocol-item-status{
  color:#7dd3fc;
  font-size:.75rem;
  font-weight:800;
}
.protocol-actions{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.protocol-actions button{
  border:1px solid #334155;
  border-radius:8px;
  padding:7px 9px;
  background:#1e293b;
  color:#e2e8f0;
  cursor:pointer;
}
.protocol-outcome-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.protocol-deltas{
  display:grid;
  gap:7px;
}
.protocol-deltas div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:8px;
  border-bottom:1px solid rgba(148,163,184,.16);
}
@media(max-width:700px){
  .protocol-activation-row,
  .protocol-outcome-grid{
    grid-template-columns:1fr;
  }
}

.protocol-resolution-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;align-items:end}
.protocol-resolution-grid select{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:10px;color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:9px}
.protocol-checkbox{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid #334155;border-radius:9px;background:#0f172a;color:#cbd5e1;min-height:42px;box-sizing:border-box}
@media(max-width:800px){.protocol-resolution-grid{grid-template-columns:1fr}}

.protocol-history-row{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:10px;border-bottom:1px solid rgba(148,163,184,.16)}
.protocol-history-row small{grid-column:1/-1;color:#94a3b8}

.longitudinal-form-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.longitudinal-form-grid label{
  color:#cbd5e1;
  font-size:.82rem;
}
.longitudinal-form-grid select,
.longitudinal-form-grid input{
  width:100%;
  box-sizing:border-box;
  margin-top:5px;
  padding:10px;
  border:1px solid #334155;
  border-radius:9px;
  color:#e2e8f0;
  background:#0f172a;
}
.longitudinal-patterns{
  display:grid;
  gap:10px;
}
.longitudinal-pattern{
  padding:13px;
  border:1px solid rgba(168,85,247,.3);
  border-radius:12px;
  background:rgba(88,28,135,.12);
}
.longitudinal-pattern strong{
  color:#e9d5ff;
}
.longitudinal-pattern small{
  display:block;
  margin-top:4px;
  color:#94a3b8;
}
@media(max-width:800px){
  .longitudinal-form-grid{
    grid-template-columns:1fr;
  }
}

.locale-quick-control{
  position:fixed;
  z-index:10000;
  top:max(10px,env(safe-area-inset-top));
  right:12px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid rgba(148,163,184,.25);
  border-radius:12px;
  background:rgba(15,23,42,.94);
  backdrop-filter:blur(12px);
  color:#cbd5e1;
  font-size:.72rem;
}
.locale-quick-control select{
  width:auto;
  min-width:140px;
  margin:0;
  padding:7px 9px;
}
.locale-quick-control span{display:none}
.localization-settings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:14px 0;
}
.localization-settings-grid label{
  color:#cbd5e1;
  font-size:.8rem;
}
.localization-settings-grid select{
  width:100%;
  margin-top:6px;
}
.localization-format-preview{
  padding:12px;
  margin:12px 0;
  border:1px solid rgba(56,189,248,.25);
  border-radius:10px;
  background:rgba(14,116,144,.1);
}
.localization-format-preview small{
  display:block;
  margin-top:5px;
  color:#94a3b8;
  line-height:1.55;
}
.pricing-preview-row{
  display:flex;
  justify-content:space-between;
  margin-bottom:.7rem;
}
.pricing-preview-features{
  font-size:.8rem;
  color:var(--text-secondary);
  line-height:1.65;
}
html[dir="rtl"] .locale-quick-control{
  right:auto;
  left:12px;
}
@media(max-width:700px){
  .localization-settings-grid{grid-template-columns:1fr}
  .locale-quick-control label{display:none}
}

.business-current-plan{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:15px;
  margin:14px 0;
  border:1px solid rgba(56,189,248,.32);
  border-radius:14px;
  background:rgba(8,145,178,.10);
}
.business-current-plan small{
  color:#7dd3fc;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.business-current-plan h4{
  margin:4px 0;
  font-size:1.25rem;
}
.business-current-plan p{
  margin:0;
  color:#94a3b8;
  font-size:.78rem;
}
.business-plan-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:16px 0;
}
.business-plan-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:16px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:15px;
  background:rgba(15,23,42,.76);
  transition:border-color .2s,transform .2s,box-shadow .2s;
}
.business-plan-card:hover{
  transform:translateY(-2px);
  border-color:rgba(56,189,248,.45);
}
.business-plan-active{
  border-color:rgba(34,197,94,.58);
  box-shadow:0 0 0 1px rgba(34,197,94,.14);
}
.business-plan-highlight{
  border-color:#c084fc!important;
  box-shadow:0 0 0 2px rgba(192,132,252,.18);
}
.business-plan-card small{
  color:#94a3b8;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.business-plan-card h4{
  margin:5px 0;
  color:#f8fafc;
  font-size:1.18rem;
}
.business-plan-card p{
  color:#94a3b8;
  font-size:.78rem;
  line-height:1.5;
}
.business-plan-card ul{
  margin:0;
  padding-left:18px;
  color:#cbd5e1;
  font-size:.76rem;
  line-height:1.65;
  flex:1;
}
.business-prices{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.business-prices strong{
  color:#e0f2fe;
  font-size:1.02rem;
}
.business-prices span{
  color:#94a3b8;
  font-size:.77rem;
}
.business-purchase-buttons{
  display:grid;
  gap:7px;
}
.business-purchase-buttons button{
  width:100%;
}
.business-usage-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.business-usage-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:10px;
  background:rgba(2,6,23,.38);
  font-size:.76rem;
}
.business-usage-row span{
  color:#cbd5e1;
}
.business-usage-row strong{
  color:#7dd3fc;
}
.business-locked{
  position:relative;
  opacity:.72;
  border-style:dashed!important;
}
.business-locked::after{
  content:attr(data-lock-label);
  position:absolute;
  right:10px;
  top:10px;
  padding:4px 7px;
  border-radius:999px;
  background:#4c1d95;
  color:#e9d5ff;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.06em;
}
.business-preview-mode{
  position:relative;
}
.business-preview-mode::after{
  content:attr(data-preview-label);
  position:absolute;
  right:10px;
  top:10px;
  padding:4px 7px;
  border-radius:999px;
  background:#0c4a6e;
  color:#bae6fd;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.05em;
}
.badge-free{
  background:#334155;
  color:#e2e8f0;
}
.badge-professional{
  background:#581c87;
  color:#f3e8ff;
}
@media(max-width:900px){
  .business-plan-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:700px){
  .business-current-plan{
    align-items:flex-start;
    flex-direction:column;
  }
  .business-usage-grid{
    grid-template-columns:1fr;
  }
}

.newsletter-card{
  text-align:left;
  width:100%;
  cursor:pointer;
}
.newsletter-panel-header{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.newsletter-generate-controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:10px;
  align-items:end;
  margin:16px 0;
}
.newsletter-generate-controls label{
  color:#cbd5e1;
  font-size:.8rem;
}
.newsletter-generate-controls select{
  width:100%;
  margin-top:6px;
}
.newsletter-engine-status{
  margin:12px 0 16px;
}
.newsletter-status-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.newsletter-status-grid>div{
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:10px;
  background:rgba(2,6,23,.4);
}
.newsletter-status-grid small{
  display:block;
  color:#94a3b8;
  margin-bottom:4px;
}
.newsletter-status-grid strong{
  color:#e0f2fe;
  font-size:.82rem;
}
.newsletter-setting-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px;
  margin:12px 0;
  border:1px solid rgba(148,163,184,.18);
  border-radius:12px;
  background:rgba(15,23,42,.66);
}
.newsletter-setting-toggle p{
  margin:5px 0 0;
  color:#94a3b8;
  font-size:.76rem;
  line-height:1.45;
}
.newsletter-settings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:12px 0;
}
.newsletter-settings-grid label{
  color:#cbd5e1;
  font-size:.8rem;
}
.newsletter-settings-grid input,
.newsletter-settings-grid select{
  width:100%;
  margin-top:6px;
}
.toggle-switch{
  position:relative;
  display:inline-block;
  width:48px;
  min-width:48px;
  height:26px;
}
.toggle-switch input{
  opacity:0;
  width:0;
  height:0;
}
.toggle-slider{
  position:absolute;
  cursor:pointer;
  inset:0;
  background:var(--bg-elevated);
  border-radius:26px;
  transition:.3s;
}
.toggle-slider:before{
  content:"";
  position:absolute;
  width:20px;
  height:20px;
  left:3px;
  top:3px;
  border-radius:50%;
  background:#cbd5e1;
  transition:.3s;
}
.toggle-switch input:checked + .toggle-slider{
  background:#0ea5e9;
}
.toggle-switch input:checked + .toggle-slider:before{
  transform:translateX(22px);
  background:#fff;
}
.newsletter-rendered{
  overflow:hidden;
  border:1px solid rgba(125,211,252,.2);
  border-radius:16px;
  background:rgba(15,23,42,.8);
}
.newsletter-rendered-header{
  padding:18px;
  background:
    linear-gradient(135deg,rgba(14,116,144,.28),rgba(88,28,135,.2));
  border-bottom:1px solid rgba(148,163,184,.16);
}
.newsletter-rendered-header small{
  color:#7dd3fc;
  font-weight:800;
  letter-spacing:.08em;
}
.newsletter-rendered-header h3{
  margin:6px 0;
  font-size:1.25rem;
}
.newsletter-rendered-header p{
  color:#cbd5e1;
}
.newsletter-rendered-header span{
  color:#94a3b8;
  font-size:.74rem;
}
.newsletter-rendered-sections{
  display:grid;
  gap:0;
}
.newsletter-rendered-sections section{
  padding:15px 18px;
  border-bottom:1px solid rgba(148,163,184,.12);
}
.newsletter-rendered-sections section:last-child{
  border-bottom:0;
}
.newsletter-rendered-sections h4{
  margin:0 0 7px;
  color:#e0f2fe;
}
.newsletter-rendered-sections p{
  margin:0;
  color:#cbd5e1;
  font-size:.82rem;
  line-height:1.62;
}
.newsletter-rendered footer{
  padding:14px 18px;
  background:rgba(120,53,15,.12);
  border-top:1px solid rgba(245,158,11,.22);
}
.newsletter-rendered footer strong{
  color:#fcd34d;
}
.newsletter-rendered footer p{
  margin:5px 0 0;
  color:#d6d3d1;
  font-size:.76rem;
  line-height:1.55;
}
.newsletter-feedback-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  padding:12px 0;
}
.newsletter-feedback-actions span{
  color:#cbd5e1;
  font-size:.8rem;
}
@media(max-width:850px){
  .newsletter-status-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .newsletter-generate-controls{
    grid-template-columns:1fr;
  }
}
@media(max-width:600px){
  .newsletter-panel-header{
    flex-direction:column;
  }
  .newsletter-status-grid,
  .newsletter-settings-grid{
    grid-template-columns:1fr;
  }
}

.mission-card{
  width:100%;
  text-align:left;
  cursor:pointer;
}
.mission-panel-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.mission-generate-controls{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:16px 0;
}
.mission-engine-status{
  margin:12px 0 16px;
}
.mission-status-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.mission-status-grid>div{
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:10px;
  background:rgba(2,6,23,.4);
}
.mission-status-grid small{
  display:block;
  color:#94a3b8;
  margin-bottom:4px;
}
.mission-status-grid strong{
  color:#e0f2fe;
  font-size:.82rem;
}
.mission-setting-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px;
  margin:12px 0;
  border:1px solid rgba(148,163,184,.18);
  border-radius:12px;
  background:rgba(15,23,42,.66);
}
.mission-settings-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:12px 0;
}
.mission-settings-grid label{
  color:#cbd5e1;
  font-size:.8rem;
}
.mission-settings-grid input,
.mission-settings-grid select{
  width:100%;
  margin-top:6px;
}
.mission-category-fieldset{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin:14px 0;
  padding:14px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:12px;
}
.mission-category-fieldset legend{
  color:#cbd5e1;
  font-size:.82rem;
  padding:0 6px;
}
.mission-category-fieldset label{
  display:flex;
  align-items:center;
  gap:6px;
  color:#cbd5e1;
  font-size:.78rem;
}
.mission-rendered-plan{
  overflow:hidden;
  border:1px solid rgba(129,140,248,.26);
  border-radius:16px;
  background:rgba(15,23,42,.8);
}
.mission-rendered-header{
  padding:18px;
  background:
    linear-gradient(135deg,rgba(79,70,229,.26),rgba(14,116,144,.18));
  border-bottom:1px solid rgba(148,163,184,.16);
}
.mission-rendered-header small{
  color:#a5b4fc;
  font-weight:800;
  letter-spacing:.08em;
}
.mission-rendered-header h3{
  margin:6px 0;
  font-size:1.25rem;
}
.mission-rendered-header p{
  color:#cbd5e1;
}
.mission-rendered-header span{
  color:#94a3b8;
  font-size:.74rem;
}
.mission-rendered-list{
  display:grid;
  gap:0;
}
.mission-item{
  padding:16px 18px;
  border-bottom:1px solid rgba(148,163,184,.12);
}
.mission-item:last-child{
  border-bottom:0;
}
.mission-item-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:8px;
}
.mission-item-meta span{
  padding:3px 7px;
  border-radius:999px;
  background:rgba(30,41,59,.86);
  color:#cbd5e1;
  font-size:.66rem;
}
.mission-item h4{
  margin:0 0 7px;
  color:#e0e7ff;
}
.mission-item p{
  margin:0 0 8px;
  color:#cbd5e1;
  font-size:.82rem;
  line-height:1.6;
}
.mission-item small{
  color:#94a3b8;
  font-size:.68rem;
}
.mission-action-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.mission-terminal-note{
  margin-top:10px;
  padding:8px 10px;
  border-radius:9px;
  background:rgba(22,101,52,.15);
  color:#bbf7d0;
  font-size:.74rem;
}
.mission-rendered-plan footer{
  padding:14px 18px;
  background:rgba(120,53,15,.12);
  border-top:1px solid rgba(245,158,11,.22);
}
.mission-rendered-plan footer strong{
  color:#fcd34d;
}
.mission-rendered-plan footer p{
  margin:5px 0 0;
  color:#d6d3d1;
  font-size:.76rem;
  line-height:1.55;
}
@media(max-width:950px){
  .mission-status-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:700px){
  .mission-panel-header{
    flex-direction:column;
  }
  .mission-settings-grid{
    grid-template-columns:1fr;
  }
}

.longevity-score-card{
  width:100%;
  text-align:left;
  cursor:pointer;
}
.longevity-score-panel-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
.longevity-score-controls{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:16px 0;
}
.longevity-score-engine-status{
  margin:12px 0 16px;
}
.score-status-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.score-status-grid>div{
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:10px;
  background:rgba(2,6,23,.42);
}
.score-status-grid small{
  display:block;
  color:#94a3b8;
  margin-bottom:4px;
}
.score-status-grid strong{
  color:#e0f2fe;
  font-size:.82rem;
}
.longevity-score-history{
  margin:12px 0 16px;
}
.longevity-score-history h4{
  margin:0 0 8px;
  color:#e2e8f0;
}
.score-history-row{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:5px;
}
.score-history-item{
  min-width:92px;
  padding:9px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:10px;
  background:rgba(15,23,42,.72);
  color:#e2e8f0;
  cursor:pointer;
}
.score-history-item small,
.score-history-item span{
  display:block;
  color:#94a3b8;
  font-size:.65rem;
}
.score-history-item strong{
  display:block;
  margin:3px 0;
  font-size:1.05rem;
  color:#a5f3fc;
}
.score-rendered-report{
  overflow:hidden;
  border:1px solid rgba(34,211,238,.24);
  border-radius:16px;
  background:rgba(15,23,42,.82);
}
.score-rendered-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:18px;
  background:
    linear-gradient(135deg,rgba(8,145,178,.26),rgba(79,70,229,.22));
  border-bottom:1px solid rgba(148,163,184,.16);
}
.score-rendered-header small{
  color:#67e8f9;
  font-weight:800;
  letter-spacing:.08em;
}
.score-rendered-header h3{
  margin:6px 0;
  font-size:1.25rem;
}
.score-rendered-header p{
  margin:0;
  color:#cbd5e1;
}
.score-overall-ring{
  width:116px;
  min-width:116px;
  height:116px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:8px solid rgba(103,232,249,.22);
  background:rgba(2,6,23,.74);
  box-shadow:inset 0 0 30px rgba(34,211,238,.08);
}
.score-overall-ring strong{
  color:#ecfeff;
  font-size:1.8rem;
  line-height:1;
}
.score-overall-ring span{
  margin-top:6px;
  color:#a5f3fc;
  font-size:.66rem;
  text-align:center;
}
.score-confidence-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  background:rgba(148,163,184,.12);
}
.score-confidence-strip>div{
  padding:12px 14px;
  background:rgba(15,23,42,.94);
}
.score-confidence-strip small{
  display:block;
  color:#94a3b8;
  margin-bottom:4px;
}
.score-confidence-strip strong{
  color:#e0f2fe;
}
.score-component-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.score-component{
  padding:15px 18px;
  border-right:1px solid rgba(148,163,184,.12);
  border-bottom:1px solid rgba(148,163,184,.12);
}
.score-component:nth-child(2n){
  border-right:0;
}
.score-component-heading{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}
.score-component h4{
  margin:0 0 5px;
  color:#e0f2fe;
}
.score-component p{
  margin:0;
  color:#94a3b8;
  font-size:.74rem;
  line-height:1.45;
}
.score-component-heading>strong{
  color:#cffafe;
  font-size:1.18rem;
}
.score-bar{
  height:7px;
  margin:10px 0 6px;
  border-radius:999px;
  background:rgba(51,65,85,.8);
  overflow:hidden;
}
.score-bar span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#0891b2,#6366f1);
}
.score-component>small{
  color:#94a3b8;
  font-size:.67rem;
}
.score-safety-constraints{
  padding:15px 18px;
  border-top:1px solid rgba(248,113,113,.22);
  border-bottom:1px solid rgba(248,113,113,.22);
  background:rgba(127,29,29,.12);
}
.score-safety-constraints h4{
  color:#fecaca;
  margin:0 0 9px;
}
.score-safety-constraints>div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:7px 0;
  color:#fee2e2;
  font-size:.78rem;
}
.score-contribution-list{
  padding:15px 18px;
}
.score-contribution-list h4{
  margin:0 0 9px;
  color:#e2e8f0;
}
.score-contribution{
  display:grid;
  grid-template-columns:90px 1fr;
  gap:10px;
  align-items:start;
  padding:8px 0;
  border-bottom:1px solid rgba(148,163,184,.1);
}
.score-contribution:last-child{
  border-bottom:0;
}
.score-contribution span{
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.score-contribution strong{
  color:#cbd5e1;
  font-size:.78rem;
  font-weight:600;
}
.score-contribution.positive span{
  color:#86efac;
}
.score-contribution.negative span{
  color:#fca5a5;
}
.score-contribution.context span{
  color:#fde68a;
}
.score-rendered-report footer{
  padding:15px 18px;
  border-top:1px solid rgba(245,158,11,.22);
  background:rgba(120,53,15,.11);
}
.score-rendered-report footer strong{
  color:#fcd34d;
}
.score-rendered-report footer p{
  margin:5px 0 0;
  color:#d6d3d1;
  font-size:.74rem;
  line-height:1.55;
}
.score-rendered-report footer small{
  display:block;
  margin-top:9px;
  color:#94a3b8;
}
@media(max-width:950px){
  .score-status-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .longevity-score-panel-header,
  .score-rendered-header{
    flex-direction:column;
    align-items:flex-start;
  }
  .score-confidence-strip,
  .score-component-list{
    grid-template-columns:1fr;
  }
  .score-component{
    border-right:0;
  }
  .score-overall-ring{
    width:96px;
    min-width:96px;
    height:96px;
  }
}

.preventive-alert-card{
  width:100%;
  text-align:left;
  cursor:pointer;
}
.preventive-alert-panel-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
.preventive-alert-controls{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:16px 0;
}
.preventive-alert-engine-status{
  margin:12px 0 16px;
}
.alert-status-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}
.alert-status-grid>div{
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:10px;
  background:rgba(2,6,23,.42);
}
.alert-status-grid small{
  display:block;
  color:#94a3b8;
  margin-bottom:4px;
}
.alert-status-grid strong{
  color:#e0f2fe;
  font-size:.82rem;
}
.alert-rendered-evaluation{
  overflow:hidden;
  border:1px solid rgba(245,158,11,.24);
  border-radius:16px;
  background:rgba(15,23,42,.84);
}
.alert-rendered-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px;
  border-bottom:1px solid rgba(148,163,184,.16);
  background:
    linear-gradient(135deg,rgba(217,119,6,.23),rgba(79,70,229,.20));
}
.alert-rendered-header small{
  color:#fcd34d;
  font-weight:800;
  letter-spacing:.08em;
}
.alert-rendered-header h3{
  margin:6px 0;
}
.alert-rendered-header p{
  margin:0;
  color:#cbd5e1;
}
.alert-evaluation-count{
  min-width:90px;
  padding:12px;
  text-align:center;
  border:1px solid rgba(251,191,36,.24);
  border-radius:14px;
  background:rgba(2,6,23,.62);
}
.alert-evaluation-count strong{
  display:block;
  color:#fef3c7;
  font-size:1.65rem;
}
.alert-evaluation-count span{
  color:#fcd34d;
  font-size:.7rem;
}
.alert-rendered-list{
  display:grid;
  gap:0;
}
.preventive-alert-item{
  padding:16px 18px;
  border-bottom:1px solid rgba(148,163,184,.12);
  border-left:5px solid rgba(148,163,184,.35);
}
.preventive-alert-item:last-child{
  border-bottom:0;
}
.preventive-alert-item.level-informational{
  border-left-color:#38bdf8;
}
.preventive-alert-item.level-watch{
  border-left-color:#facc15;
}
.preventive-alert-item.level-review_recommended{
  border-left-color:#fb923c;
}
.preventive-alert-item.level-prompt_professional_review{
  border-left-color:#f87171;
}
.preventive-alert-item.level-urgent_symptom_escalation{
  border-left-color:#ef4444;
  background:rgba(127,29,29,.14);
}
.preventive-alert-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:8px;
}
.preventive-alert-meta span{
  padding:3px 7px;
  border-radius:999px;
  background:rgba(30,41,59,.86);
  color:#cbd5e1;
  font-size:.66rem;
}
.preventive-alert-item h4{
  margin:0 0 7px;
  color:#f8fafc;
}
.preventive-alert-item p{
  margin:0 0 9px;
  color:#cbd5e1;
  font-size:.82rem;
  line-height:1.6;
}
.preventive-alert-item small{
  color:#94a3b8;
  font-size:.68rem;
}
.alert-urgent-instruction{
  margin:10px 0;
  padding:11px 12px;
  border:1px solid rgba(248,113,113,.32);
  border-radius:10px;
  background:rgba(127,29,29,.22);
  color:#fee2e2;
  font-weight:700;
  line-height:1.5;
}
.alert-action-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.alert-terminal-note{
  margin-top:10px;
  padding:8px 10px;
  border-radius:9px;
  background:rgba(22,101,52,.15);
  color:#bbf7d0;
  font-size:.74rem;
}
.alert-rendered-evaluation footer{
  padding:15px 18px;
  border-top:1px solid rgba(245,158,11,.22);
  background:rgba(120,53,15,.11);
}
.alert-rendered-evaluation footer strong{
  color:#fcd34d;
}
.alert-rendered-evaluation footer p{
  margin:5px 0 0;
  color:#d6d3d1;
  font-size:.74rem;
  line-height:1.55;
}
.alert-rendered-evaluation footer small{
  display:block;
  margin-top:9px;
  color:#94a3b8;
}
@media(max-width:1050px){
  .alert-status-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .preventive-alert-panel-header,
  .alert-rendered-header{
    flex-direction:column;
    align-items:flex-start;
  }
  .alert-status-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

.ai-coach-card{
  width:100%;
  text-align:left;
  cursor:pointer;
}
.ai-coach-panel-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
.ai-coach-engine-status{
  margin:12px 0 16px;
}
.coach-status-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}
.coach-status-grid>div{
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:10px;
  background:rgba(2,6,23,.42);
}
.coach-status-grid small{
  display:block;
  color:#94a3b8;
  margin-bottom:4px;
}
.coach-status-grid strong{
  color:#e0f2fe;
  font-size:.82rem;
}
.ai-coach-input-grid{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(240px,1fr);
  gap:12px;
}
.ai-coach-input-grid label{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:#cbd5e1;
  font-size:.78rem;
}
.ai-coach-input-grid textarea,
.ai-coach-input-grid select{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(148,163,184,.22);
  border-radius:11px;
  background:rgba(2,6,23,.66);
  color:#e2e8f0;
  padding:11px 12px;
}
.ai-coach-input-grid textarea{
  resize:vertical;
  min-height:112px;
}
.ai-coach-privacy-note{
  margin:10px 0 0;
}
.ai-coach-controls{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:14px 0;
}
.ai-coach-history{
  margin:10px 0 16px;
}
.ai-coach-history h4{
  margin:0 0 8px;
  color:#e2e8f0;
}
.coach-history-row{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:5px;
}
.coach-history-item{
  min-width:126px;
  padding:9px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:10px;
  background:rgba(15,23,42,.72);
  color:#e2e8f0;
  cursor:pointer;
}
.coach-history-item small,
.coach-history-item span{
  display:block;
  color:#94a3b8;
  font-size:.65rem;
}
.coach-history-item strong{
  display:block;
  margin:4px 0;
  color:#a5f3fc;
}
.coach-rendered-turn{
  overflow:hidden;
  border:1px solid rgba(129,140,248,.26);
  border-radius:16px;
  background:rgba(15,23,42,.84);
}
.coach-rendered-turn.urgent{
  border-color:rgba(248,113,113,.46);
}
.coach-rendered-turn.blocked{
  border-color:rgba(251,146,60,.38);
}
.coach-rendered-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  border-bottom:1px solid rgba(148,163,184,.14);
  background:
    linear-gradient(135deg,rgba(79,70,229,.26),rgba(8,145,178,.20));
}
.coach-rendered-turn.urgent .coach-rendered-header{
  background:
    linear-gradient(135deg,rgba(127,29,29,.35),rgba(79,70,229,.20));
}
.coach-rendered-header small{
  color:#a5b4fc;
  font-weight:800;
  letter-spacing:.08em;
}
.coach-rendered-header h3{
  margin:6px 0;
}
.coach-rendered-header p{
  margin:0;
  color:#cbd5e1;
}
.coach-decision-badge{
  min-width:180px;
  padding:10px 12px;
  border:1px solid rgba(129,140,248,.22);
  border-radius:12px;
  background:rgba(2,6,23,.62);
  text-align:center;
}
.coach-decision-badge strong,
.coach-decision-badge span{
  display:block;
}
.coach-decision-badge strong{
  color:#e0e7ff;
}
.coach-decision-badge span{
  margin-top:4px;
  color:#94a3b8;
  font-size:.69rem;
}
.coach-question,
.coach-summary,
.coach-observations,
.coach-next-steps,
.coach-evidence,
.coach-boundaries{
  padding:15px 18px;
  border-bottom:1px solid rgba(148,163,184,.11);
}
.coach-question small{
  color:#94a3b8;
}
.coach-question p{
  margin:6px 0 0;
  color:#e2e8f0;
}
.coach-question span{
  display:inline-block;
  margin-top:7px;
  color:#fcd34d;
  font-size:.68rem;
}
.coach-summary h4,
.coach-observations h4,
.coach-next-steps h4,
.coach-evidence h4,
.coach-boundaries h4{
  margin:0 0 8px;
  color:#e0f2fe;
}
.coach-summary p,
.coach-observations li,
.coach-next-steps li,
.coach-boundaries p,
.coach-evidence p{
  color:#cbd5e1;
  line-height:1.6;
  font-size:.8rem;
}
.coach-observations ol,
.coach-next-steps ol{
  margin:0;
  padding-left:20px;
}
.coach-urgent-instruction{
  margin-top:11px;
  padding:11px 12px;
  border:1px solid rgba(248,113,113,.34);
  border-radius:10px;
  background:rgba(127,29,29,.24);
  color:#fee2e2;
  font-weight:800;
  line-height:1.55;
}
.coach-evidence>div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:6px 0;
  border-bottom:1px solid rgba(148,163,184,.08);
  font-size:.72rem;
}
.coach-evidence>div:last-child{
  border-bottom:0;
}
.coach-evidence strong{
  color:#bfdbfe;
}
.coach-evidence span{
  color:#94a3b8;
  text-align:right;
}
.coach-boundaries{
  background:rgba(120,53,15,.10);
}
.coach-boundaries h4{
  color:#fcd34d;
}
.coach-rendered-turn footer{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:12px;
  align-items:center;
  padding:14px 18px;
}
.coach-rendered-turn footer small{
  display:block;
  color:#94a3b8;
}
.coach-rendered-turn footer strong{
  color:#e0e7ff;
  font-size:.76rem;
}
.coach-feedback-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  justify-content:flex-end;
}
@media(max-width:1050px){
  .coach-status-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .coach-rendered-turn footer{
    grid-template-columns:1fr 1fr;
  }
  .coach-feedback-actions{
    grid-column:1/-1;
    justify-content:flex-start;
  }
}
@media(max-width:760px){
  .ai-coach-panel-header,
  .coach-rendered-header{
    flex-direction:column;
    align-items:flex-start;
  }
  .ai-coach-input-grid{
    grid-template-columns:1fr;
  }
  .coach-status-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .coach-decision-badge{
    min-width:0;
    width:100%;
    box-sizing:border-box;
  }
  .coach-rendered-turn footer{
    grid-template-columns:1fr;
  }
  .coach-feedback-actions{
    grid-column:auto;
  }
}

.notification-card{
  width:100%;
  text-align:left;
  cursor:pointer;
}
.notification-panel-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
.notification-engine-status{
  margin:12px 0 16px;
}
.notification-status-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}
.notification-status-grid>div{
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:10px;
  background:rgba(2,6,23,.42);
}
.notification-status-grid small{
  display:block;
  color:#94a3b8;
  margin-bottom:4px;
}
.notification-status-grid strong{
  color:#dbeafe;
  font-size:.82rem;
}
.notification-preference-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.notification-preference-grid fieldset,
.notification-preference-grid>label{
  border:1px solid rgba(148,163,184,.18);
  border-radius:12px;
  padding:12px;
  background:rgba(2,6,23,.38);
}
.notification-preference-grid fieldset{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.notification-preference-grid legend,
.notification-preference-grid>label>span{
  color:#cbd5e1;
  font-size:.75rem;
}
.notification-preference-grid>label{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.notification-preference-grid input[type=email],
.notification-preference-grid input[type=text],
.notification-preference-grid input[type=time]{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(148,163,184,.22);
  border-radius:9px;
  padding:9px 10px;
  background:rgba(15,23,42,.82);
  color:#e2e8f0;
}
.notification-controls{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:14px 0 18px;
}
.notification-inbox-item{
  overflow:hidden;
  margin-bottom:10px;
  border:1px solid rgba(96,165,250,.22);
  border-left:5px solid #38bdf8;
  border-radius:13px;
  background:rgba(15,23,42,.80);
}
.notification-inbox-item.urgency-high{
  border-left-color:#f59e0b;
}
.notification-inbox-item.urgency-urgent{
  border-left-color:#ef4444;
  background:rgba(127,29,29,.14);
}
.notification-inbox-item header{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px 8px;
}
.notification-inbox-item header small{
  color:#94a3b8;
}
.notification-inbox-item header h4{
  margin:5px 0 0;
  color:#f8fafc;
}
.notification-inbox-item header>span{
  height:max-content;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(30,41,59,.92);
  color:#fcd34d;
  font-size:.65rem;
}
.notification-inbox-item>p{
  margin:0;
  padding:0 16px 12px;
  color:#cbd5e1;
  line-height:1.55;
  font-size:.8rem;
}
.notification-channel-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:0 16px 12px;
}
.notification-channel-row span{
  padding:3px 7px;
  border-radius:999px;
  background:rgba(30,41,59,.82);
  color:#bfdbfe;
  font-size:.65rem;
}
.notification-inbox-item footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  border-top:1px solid rgba(148,163,184,.11);
}
.notification-inbox-item footer small{
  color:#64748b;
  overflow-wrap:anywhere;
}
@media(max-width:1050px){
  .notification-status-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .notification-panel-header{
    flex-direction:column;
  }
  .notification-status-grid,
  .notification-preference-grid{
    grid-template-columns:1fr;
  }
  .notification-inbox-item footer{
    flex-direction:column;
    align-items:flex-start;
  }
}

.cloud-sync-card{
  width:100%;
  text-align:left;
  cursor:pointer;
}
.cloud-sync-panel-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
.cloud-sync-engine-status{
  margin:12px 0 16px;
}
.sync-status-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}
.sync-status-grid>div{
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:10px;
  background:rgba(2,6,23,.42);
}
.sync-status-grid small{
  display:block;
  color:#94a3b8;
  margin-bottom:4px;
}
.sync-status-grid strong{
  color:#dcfce7;
  font-size:.78rem;
  overflow-wrap:anywhere;
}
.cloud-sync-controls-grid{
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr) auto auto auto;
  gap:10px;
  align-items:end;
}
.cloud-sync-controls-grid>label{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:#cbd5e1;
  font-size:.75rem;
}
.cloud-sync-controls-grid input[type=text]{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(148,163,184,.22);
  border-radius:9px;
  padding:9px 10px;
  background:rgba(15,23,42,.82);
  color:#e2e8f0;
}
.cloud-sync-controls-grid .sync-checkbox{
  flex-direction:row;
  align-items:center;
  min-height:39px;
  padding:0 10px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:9px;
  background:rgba(2,6,23,.38);
}
.cloud-sync-columns{
  display:grid;
  grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);
  gap:16px;
  margin-top:16px;
}
.cloud-sync-columns>div{
  padding:13px;
  border:1px solid rgba(148,163,184,.15);
  border-radius:13px;
  background:rgba(2,6,23,.30);
}
.cloud-sync-columns h4{
  margin:0 0 10px;
  color:#e0f2fe;
}
.sync-device-item{
  display:block;
  width:100%;
  margin-bottom:8px;
  padding:10px 11px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:10px;
  background:rgba(15,23,42,.76);
  color:#e2e8f0;
  text-align:left;
  cursor:pointer;
}
.sync-device-item.selected{
  border-color:rgba(74,222,128,.45);
  box-shadow:0 0 0 1px rgba(74,222,128,.16);
}
.sync-device-item strong,
.sync-device-item span,
.sync-device-item small{
  display:block;
}
.sync-device-item span{
  margin:4px 0;
  color:#a7f3d0;
  font-size:.72rem;
}
.sync-device-item small{
  color:#64748b;
  overflow-wrap:anywhere;
}
.sync-history-row{
  display:grid;
  grid-template-columns:minmax(120px,.8fr) minmax(220px,1.3fr) auto;
  gap:10px;
  align-items:center;
  padding:9px 0;
  border-bottom:1px solid rgba(148,163,184,.09);
}
.sync-history-row:last-child{
  border-bottom:0;
}
.sync-history-row strong,
.sync-history-row span,
.sync-history-row small{
  color:#cbd5e1;
  font-size:.7rem;
}
.sync-history-row div span{
  display:block;
  margin-top:3px;
  color:#93c5fd;
}
@media(max-width:1250px){
  .cloud-sync-controls-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .sync-status-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .cloud-sync-panel-header{
    flex-direction:column;
  }
  .cloud-sync-controls-grid,
  .cloud-sync-columns,
  .sync-status-grid{
    grid-template-columns:1fr;
  }
  .sync-history-row{
    grid-template-columns:1fr;
  }
}


/* M10-I — Dual-Track Engagement & Safe Growth */
.engagement-card{
  width:100%;
  text-align:left;
  cursor:pointer;
  border-color:rgba(168,85,247,.32)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(34,211,238,.10),transparent 28%),
    linear-gradient(145deg,rgba(88,28,135,.16),rgba(15,23,42,.92))!important;
}
.engagement-panel-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
#engagement-engine-status{
  margin:14px 0;
}
.engagement-status-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.engagement-status-grid>div{
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.15);
  border-radius:11px;
  background:rgba(2,6,23,.42);
}
.engagement-status-grid small{
  display:block;
  margin-bottom:5px;
  color:#94a3b8;
  font-size:.68rem;
}
.engagement-status-grid strong{
  display:block;
  color:#e9d5ff;
  font-size:.76rem;
  overflow-wrap:anywhere;
}
.engagement-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:14px 0;
}
.engagement-subpanel{
  padding:15px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:15px;
  background:rgba(2,6,23,.30);
}
.engagement-subpanel h4{
  margin:0 0 12px;
  color:#e0e7ff;
}
.engagement-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.engagement-form-grid label,
.engagement-field{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:#cbd5e1;
  font-size:.75rem;
}
.engagement-form-grid input,
.engagement-form-grid select,
.engagement-field input,
.engagement-field textarea,
.engagement-field select,
.engagement-pulse-controls input,
.engagement-pulse-controls select{
  box-sizing:border-box;
  width:100%;
  padding:9px 10px;
  border:1px solid rgba(148,163,184,.20);
  border-radius:9px;
  background:rgba(15,23,42,.84);
  color:#e2e8f0;
}
.engagement-field{
  margin-top:10px;
}
.engagement-field textarea{
  min-height:74px;
  resize:vertical;
}
.engagement-goal-list{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:12px 0;
  color:#cbd5e1;
  font-size:.72rem;
}
.engagement-goal-list>span{
  width:100%;
  color:#94a3b8;
}
.engagement-goal-list label,
.engagement-check-row{
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 9px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:999px;
  background:rgba(15,23,42,.56);
}
.engagement-check-row{
  margin:10px 0;
  border-radius:10px;
}
.engagement-pulse-controls{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-bottom:11px;
}
.engagement-pulse-controls label{
  display:flex;
  flex-direction:column;
  gap:5px;
  color:#cbd5e1;
  font-size:.7rem;
}
.engagement-pulse-result-card{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.engagement-pulse-result-card>div{
  padding:10px;
  border:1px solid rgba(34,211,238,.16);
  border-radius:10px;
  background:rgba(8,47,73,.22);
}
.engagement-pulse-result-card small,
.engagement-pulse-result-card strong{
  display:block;
}
.engagement-pulse-result-card small{
  color:#94a3b8;
  margin-bottom:4px;
}
.engagement-pulse-result-card strong{
  color:#a5f3fc;
}
.engagement-history-row{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:8px;
  padding:8px 0;
  border-bottom:1px solid rgba(148,163,184,.09);
  font-size:.7rem;
  color:#cbd5e1;
}
.engagement-challenge-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.engagement-challenge-card,
.engagement-enrollment-card{
  padding:12px;
  border:1px solid rgba(168,85,247,.20);
  border-radius:12px;
  background:rgba(88,28,135,.10);
}
.engagement-challenge-card span{
  color:#c4b5fd;
  font-size:.65rem;
}
.engagement-challenge-card h5{
  margin:6px 0;
  color:#f5f3ff;
}
.engagement-challenge-card p{
  min-height:48px;
  color:#94a3b8;
  font-size:.72rem;
  line-height:1.45;
}
.engagement-enrollment-card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-top:8px;
}
.engagement-enrollment-card span,
.engagement-enrollment-card strong,
.engagement-enrollment-card small{
  display:block;
}
.engagement-enrollment-card span{
  color:#86efac;
  font-size:.65rem;
}
.engagement-enrollment-card strong{
  margin:4px 0;
  color:#e2e8f0;
  font-size:.76rem;
}
.engagement-enrollment-card small{
  color:#94a3b8;
}
.engagement-action-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.engagement-share-card{
  margin-top:12px;
  padding:20px;
  border-radius:18px;
  border:1px solid rgba(34,211,238,.25);
  background:
    radial-gradient(circle at 90% 10%,rgba(34,211,238,.15),transparent 30%),
    linear-gradient(135deg,rgba(30,64,175,.24),rgba(88,28,135,.24));
}
.engagement-share-card>span{
  color:#67e8f9;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.engagement-share-card h4{
  margin:10px 0 6px;
  color:#fff;
}
.engagement-share-card p{
  color:#e2e8f0;
  line-height:1.5;
}
.engagement-share-card small,
.engagement-share-card code{
  display:block;
  margin-top:10px;
  color:#94a3b8;
  font-size:.65rem;
  overflow-wrap:anywhere;
}
.engagement-disabled{
  opacity:.64;
}
#engagement-action-status strong,
#engagement-action-status span{
  display:block;
}
@media(max-width:1100px){
  .engagement-status-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .engagement-pulse-controls{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .engagement-challenge-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .engagement-panel-header{
    flex-direction:column;
  }
  .engagement-grid,
  .engagement-form-grid,
  .engagement-status-grid,
  .engagement-pulse-controls,
  .engagement-challenge-grid,
  .engagement-pulse-result-card{
    grid-template-columns:1fr;
  }
  .engagement-action-row{
    flex-direction:column;
  }
}


/* M11 — Wearable, HealthKit & Device Ingestion */
.wearable-card{
  width:100%;
  text-align:left;
  cursor:pointer;
  border-color:rgba(14,165,233,.34)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(14,165,233,.12),transparent 30%),
    linear-gradient(145deg,rgba(8,47,73,.20),rgba(15,23,42,.94))!important;
}
.wearable-panel-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
#wearable-engine-status{margin:14px 0}
.wearable-status-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.wearable-status-grid>div{
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.15);
  border-radius:11px;
  background:rgba(2,6,23,.42);
}
.wearable-status-grid small{
  display:block;
  margin-bottom:5px;
  color:#94a3b8;
  font-size:.68rem;
}
.wearable-status-grid strong{
  display:block;
  color:#bae6fd;
  font-size:.76rem;
  overflow-wrap:anywhere;
}
.wearable-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:14px 0;
}
.wearable-subpanel{
  padding:15px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:15px;
  background:rgba(2,6,23,.30);
}
.wearable-subpanel h4{
  margin:0 0 12px;
  color:#e0f2fe;
}
.wearable-connect-actions,
.wearable-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.wearable-connection{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:10px;
  padding:12px;
  border:1px solid rgba(14,165,233,.16);
  border-radius:12px;
  background:rgba(8,47,73,.12);
}
.wearable-connection.selected{
  border-color:rgba(34,211,238,.52);
  box-shadow:0 0 0 1px rgba(34,211,238,.12) inset;
}
.wearable-connection span,
.wearable-connection strong,
.wearable-connection small{
  display:block;
}
.wearable-connection span{
  color:#7dd3fc;
  font-size:.64rem;
}
.wearable-connection strong{
  color:#f0f9ff;
  margin:4px 0;
}
.wearable-connection small{
  color:#94a3b8;
}
#wearable-permission-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.wearable-permission{
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 10px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:10px;
  background:rgba(15,23,42,.55);
}
.wearable-permission strong,
.wearable-permission small{
  display:block;
}
.wearable-permission strong{
  color:#e2e8f0;
  font-size:.7rem;
  overflow-wrap:anywhere;
}
.wearable-permission small{
  color:#94a3b8;
  font-size:.62rem;
}
.wearable-permission.restricted{
  opacity:.48;
}
.wearable-file-button{
  display:inline-flex;
  align-items:center;
  cursor:pointer;
  margin-top:8px;
}
.wearable-file-button input{
  display:none;
}
.wearable-aggregate-row{
  display:grid;
  grid-template-columns:1.25fr .8fr 1fr;
  gap:10px;
  padding:9px 0;
  border-bottom:1px solid rgba(148,163,184,.10);
  color:#cbd5e1;
}
.wearable-aggregate-row span{
  color:#bae6fd;
  font-size:.72rem;
}
.wearable-aggregate-row strong{
  color:#f8fafc;
  font-size:.75rem;
}
.wearable-aggregate-row small{
  color:#94a3b8;
  font-size:.65rem;
}
#wearable-action-status strong,
#wearable-action-status span{
  display:block;
}
@media(max-width:1050px){
  .wearable-status-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .wearable-panel-header{
    flex-direction:column;
  }
  .wearable-grid,
  .wearable-status-grid,
  #wearable-permission-grid{
    grid-template-columns:1fr;
  }
  .wearable-connection{
    flex-direction:column;
    align-items:flex-start;
  }
  .wearable-aggregate-row{
    grid-template-columns:1fr;
  }
}


/* M12 — Meal Vision, Nutrition & Metabolic Context */
.nutrition-card{
  width:100%;
  text-align:left;
  cursor:pointer;
  border-color:rgba(34,197,94,.30)!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(250,204,21,.10),transparent 30%),
    linear-gradient(145deg,rgba(20,83,45,.16),rgba(15,23,42,.92))!important;
}
.nutrition-panel-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
#nutrition-engine-status{
  margin:14px 0;
}
.nutrition-status-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.nutrition-status-grid>div{
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.15);
  border-radius:11px;
  background:rgba(2,6,23,.42);
}
.nutrition-status-grid small{
  display:block;
  margin-bottom:4px;
  color:#94a3b8;
  font-size:.68rem;
}
.nutrition-status-grid strong{
  color:#bbf7d0;
  font-size:.76rem;
  overflow-wrap:anywhere;
}
.nutrition-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:14px 0;
}
.nutrition-subpanel{
  padding:15px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:15px;
  background:rgba(2,6,23,.30);
}
.nutrition-subpanel h4{
  margin:0 0 12px;
  color:#dcfce7;
}
.nutrition-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.nutrition-form-grid label,
.nutrition-photo-label{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:#cbd5e1;
  font-size:.75rem;
}
.nutrition-form-grid select,
.nutrition-photo-label input{
  box-sizing:border-box;
  width:100%;
  padding:9px 10px;
  border:1px solid rgba(148,163,184,.20);
  border-radius:9px;
  background:rgba(15,23,42,.84);
  color:#e2e8f0;
}
.nutrition-photo-label{
  margin:12px 0;
}
.nutrition-candidate{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 90px;
  gap:10px;
  align-items:center;
  margin-bottom:8px;
  padding:10px 11px;
  border:1px solid rgba(34,197,94,.17);
  border-radius:11px;
  background:rgba(20,83,45,.10);
}
.nutrition-candidate strong,
.nutrition-candidate span{
  display:block;
}
.nutrition-candidate strong{
  color:#f0fdf4;
}
.nutrition-candidate span{
  margin-top:4px;
  color:#94a3b8;
  font-size:.68rem;
}
.nutrition-candidate input[type=number]{
  width:100%;
  box-sizing:border-box;
  padding:8px;
  border:1px solid rgba(148,163,184,.20);
  border-radius:8px;
  background:rgba(15,23,42,.86);
  color:#e2e8f0;
}
.nutrition-result-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.nutrition-result-grid>div{
  padding:10px;
  border:1px solid rgba(34,197,94,.16);
  border-radius:10px;
  background:rgba(20,83,45,.10);
}
.nutrition-result-grid small,
.nutrition-result-grid strong{
  display:block;
}
.nutrition-result-grid small{
  color:#94a3b8;
  margin-bottom:4px;
}
.nutrition-result-grid strong{
  color:#bbf7d0;
}
.nutrition-balance-card,
.nutrition-pattern-card{
  margin-top:12px;
  padding:13px;
  border:1px solid rgba(250,204,21,.18);
  border-radius:12px;
  background:rgba(113,63,18,.11);
}
.nutrition-balance-card strong,
.nutrition-pattern-card strong{
  display:block;
  color:#fef9c3;
}
.nutrition-balance-card p,
.nutrition-pattern-card p{
  color:#e2e8f0;
  margin:7px 0;
  line-height:1.45;
}
.nutrition-balance-card small,
.nutrition-pattern-card small,
.nutrition-pattern-card span{
  color:#94a3b8;
}
.nutrition-history-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid rgba(148,163,184,.09);
}
.nutrition-history-row span,
.nutrition-history-row strong,
.nutrition-history-row small{
  display:block;
}
.nutrition-history-row span{
  color:#94a3b8;
  font-size:.68rem;
}
.nutrition-history-row strong{
  margin:4px 0;
  color:#dcfce7;
}
.nutrition-history-row small{
  color:#cbd5e1;
}
.nutrition-rating{
  display:flex;
  gap:4px;
}
.nutrition-rating button{
  width:28px;
  height:28px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:7px;
  background:rgba(15,23,42,.8);
  color:#cbd5e1;
  cursor:pointer;
}
#nutrition-action-status strong,
#nutrition-action-status span{
  display:block;
}
@media(max-width:1000px){
  .nutrition-status-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .nutrition-panel-header{
    flex-direction:column;
  }
  .nutrition-grid,
  .nutrition-form-grid,
  .nutrition-status-grid,
  .nutrition-result-grid{
    grid-template-columns:1fr;
  }
  .nutrition-candidate{
    grid-template-columns:auto 1fr;
  }
  .nutrition-candidate input[type=number]{
    grid-column:2;
  }
  .nutrition-history-row{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* M13-0A Agentic Foundation */
.agentic-card{width:100%;text-align:left;cursor:pointer;border-color:rgba(56,189,248,.3)!important;background:linear-gradient(145deg,rgba(12,74,110,.18),rgba(15,23,42,.94))!important}.agentic-header{display:flex;justify-content:space-between;gap:16px}.agentic-health{padding:14px;border:1px solid rgba(56,189,248,.18);border-radius:12px;background:rgba(2,6,23,.4);margin:14px 0}.agentic-health strong,.agentic-health span{display:block}.agentic-health span{color:#94a3b8;margin-top:5px}.agentic-tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.agentic-tier-grid article{padding:13px;border:1px solid rgba(148,163,184,.15);border-radius:11px;background:rgba(15,23,42,.6)}.agentic-tier-grid strong,.agentic-tier-grid span{display:block}.agentic-tier-grid strong{color:#bae6fd}.agentic-tier-grid span{color:#94a3b8;font-size:.75rem;margin-top:5px}#agentic-demo-result{background:#020617;padding:14px;border-radius:10px;white-space:pre-wrap}@media(max-width:720px){.agentic-tier-grid{grid-template-columns:1fr 1fr}.agentic-header{flex-direction:column}}

.lab-card{width:100%;text-align:left;cursor:pointer;border-color:rgba(14,165,233,.28)!important;background:linear-gradient(145deg,rgba(12,74,110,.18),rgba(15,23,42,.92))!important}
.lab-row{display:flex;flex-direction:column;gap:4px;padding:12px;margin-top:10px;border:1px solid rgba(56,189,248,.16);border-radius:12px;background:rgba(2,132,199,.07)}
.lab-row strong{color:#e0f2fe}.lab-row span{color:#7dd3fc;font-size:.76rem}.lab-row small{color:#cbd5e1}

.lab-trend-card{
  width:100%;
  text-align:left;
  cursor:pointer;
  border-color:rgba(167,139,250,.30)!important;
  background:
    linear-gradient(145deg,rgba(76,29,149,.16),rgba(15,23,42,.92))!important;
}
#lab-trend-biomarker{
  min-width:220px;
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.20);
  border-radius:9px;
  background:rgba(15,23,42,.88);
  color:#e2e8f0;
}


/* M14 — Personal Health Knowledge Graph & Unified Timeline */
.health-graph-card{
  width:100%;
  text-align:left;
  cursor:pointer;
  border-color:rgba(45,212,191,.30)!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(34,211,238,.10),transparent 32%),
    linear-gradient(145deg,rgba(15,118,110,.16),rgba(15,23,42,.92))!important;
}
.health-graph-summary{
  display:grid;
  gap:6px;
  margin-top:12px;
  padding:15px;
  border:1px solid rgba(45,212,191,.18);
  border-radius:14px;
  background:rgba(15,118,110,.08);
}
.health-graph-summary strong{
  color:#ccfbf1;
}
.health-graph-summary>span{
  color:#5eead4;
  font-size:.76rem;
}
.health-graph-summary>small{
  color:#cbd5e1;
}
.health-timeline-list{
  display:grid;
  gap:7px;
  margin-top:9px;
}
.health-timeline-list>div{
  display:grid;
  grid-template-columns:96px 130px minmax(0,1fr);
  gap:8px;
  padding:8px 10px;
  border-radius:9px;
  background:rgba(2,6,23,.42);
}
.health-timeline-list time{
  color:#94a3b8;
  font-size:.72rem;
}
.health-timeline-list b{
  color:#99f6e4;
  font-size:.72rem;
}
.health-timeline-list span{
  color:#e2e8f0;
  font-size:.72rem;
}
@media(max-width:720px){
  .health-timeline-list>div{
    grid-template-columns:1fr;
  }
}

.evidence-export-card{
  width:100%;
  text-align:left;
  cursor:pointer;
  border-color:rgba(251,191,36,.28)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(251,191,36,.10),transparent 32%),
    linear-gradient(145deg,rgba(120,53,15,.15),rgba(15,23,42,.92))!important;
}
#evidence-export-history .lab-row{
  border-color:rgba(251,191,36,.18);
  background:rgba(120,53,15,.08);
}

.clinician-feedback-card{
  width:100%;
  text-align:left;
  cursor:pointer;
  border-color:rgba(96,165,250,.28)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(96,165,250,.10),transparent 32%),
    linear-gradient(145deg,rgba(30,64,175,.15),rgba(15,23,42,.92))!important;
}
#clinician-feedback-history .lab-row{
  border-color:rgba(96,165,250,.18);
  background:rgba(30,64,175,.08);
}
#clinician-feedback-panel textarea{
  width:100%;
  margin-top:7px;
  min-height:104px;
}

.secure-sharing-card{
  width:100%;
  text-align:left;
  cursor:pointer;
  border-color:rgba(167,139,250,.30)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(167,139,250,.12),transparent 32%),
    linear-gradient(145deg,rgba(76,29,149,.16),rgba(15,23,42,.92))!important;
}
#secure-sharing-history .lab-row{
  border-color:rgba(167,139,250,.20);
  background:rgba(76,29,149,.08);
}
#secure-sharing-token{
  width:100%;
  margin-top:7px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}

.recipient-portal-card{
  width:100%;
  text-align:left;
  cursor:pointer;
  border-color:rgba(34,211,238,.28)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(34,211,238,.11),transparent 32%),
    linear-gradient(145deg,rgba(8,145,178,.14),rgba(15,23,42,.92))!important;
}
#recipient-portal-owner-history .lab-row{
  border-color:rgba(34,211,238,.18);
  background:rgba(8,145,178,.07);
}

.care-team-card{
  width:100%;
  text-align:left;
  cursor:pointer;
  border-color:rgba(45,212,191,.28)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(45,212,191,.11),transparent 32%),
    linear-gradient(145deg,rgba(13,148,136,.14),rgba(15,23,42,.92))!important;
}
.growth-card{
  width:100%;
  text-align:left;
  cursor:pointer;
  border-color:rgba(251,191,36,.28)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(251,191,36,.11),transparent 32%),
    linear-gradient(145deg,rgba(180,83,9,.14),rgba(15,23,42,.92))!important;
}
.care-member-row{
  width:100%;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
#care-team-member-token{
  width:100%;
  margin-top:7px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
#care-team-history .lab-row{
  border-color:rgba(45,212,191,.18);
}
#growth-history .lab-row{
  border-color:rgba(251,191,36,.18);
}

.camera-vital-card{
  width:100%;
  text-align:left;
  cursor:pointer;
  border-color:rgba(244,114,182,.28)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(244,114,182,.12),transparent 32%),
    linear-gradient(145deg,rgba(190,24,93,.14),rgba(15,23,42,.92))!important;
}
#camera-vital-history .lab-row{
  border-color:rgba(244,114,182,.18);
}
#camera-vital-panel .scan-warning{
  margin-top:16px;
  padding:14px;
  border:1px solid rgba(251,191,36,.25);
  border-radius:12px;
  background:rgba(120,53,15,.14);
  display:grid;
  gap:5px;
}

.mobile-validation-card{
  width:100%;
  text-align:left;
  cursor:pointer;
  border-color:rgba(96,165,250,.30)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(96,165,250,.13),transparent 34%),
    linear-gradient(145deg,rgba(30,64,175,.15),rgba(15,23,42,.92))!important;
}
#mobile-validation-history .lab-row{
  border-color:rgba(96,165,250,.18);
}
#mobile-validation-panel .scan-warning{
  margin-top:16px;
  padding:14px;
  border:1px solid rgba(96,165,250,.24);
  border-radius:12px;
  background:rgba(30,64,175,.12);
  display:grid;
  gap:5px;
}

.physical-validation-card{width:100%;text-align:left;cursor:pointer;border-color:rgba(34,197,94,.30)!important;background:radial-gradient(circle at 90% 10%,rgba(34,197,94,.13),transparent 34%),linear-gradient(145deg,rgba(21,128,61,.15),rgba(15,23,42,.92))!important;}
#physical-validation-history .lab-row{border-color:rgba(34,197,94,.18);}

.trial-governance-card{width:100%;text-align:left;cursor:pointer;border-color:rgba(167,139,250,.3)!important;background:radial-gradient(circle at 90% 10%,rgba(167,139,250,.14),transparent 34%),linear-gradient(145deg,rgba(91,33,182,.15),rgba(15,23,42,.92))!important;}
#trial-governance-history .lab-row{border-color:rgba(167,139,250,.18);}
#trial-governance-panel .scan-warning{margin-top:16px;padding:14px;border:1px solid rgba(167,139,250,.24);border-radius:12px;background:rgba(76,29,149,.12);display:grid;gap:5px;}

.federation-trust-card{
  width:100%;text-align:left;cursor:pointer;
  border-color:rgba(34,211,238,.28)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(34,211,238,.12),transparent 34%),
    linear-gradient(145deg,rgba(8,145,178,.14),rgba(15,23,42,.92))!important;
}
#federation-trust-history .lab-row{
  border-color:rgba(34,211,238,.18);
}

.operational-hardening-card{
  width:100%;text-align:left;cursor:pointer;
  border-color:rgba(167,139,250,.30)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(167,139,250,.14),transparent 34%),
    linear-gradient(145deg,rgba(91,33,182,.14),rgba(15,23,42,.92))!important;
}
#operational-hardening-history .lab-row{
  border-color:rgba(167,139,250,.18);
}

.native-distribution-card{
  width:100%;text-align:left;cursor:pointer;
  border-color:rgba(244,114,182,.30)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(244,114,182,.14),transparent 34%),
    linear-gradient(145deg,rgba(157,23,77,.14),rgba(15,23,42,.92))!important;
}
#native-distribution-history .lab-row{
  border-color:rgba(244,114,182,.18);
}

.native-release-evidence-card{
  width:100%;text-align:left;cursor:pointer;
  border-color:rgba(52,211,153,.30)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(52,211,153,.14),transparent 34%),
    linear-gradient(145deg,rgba(6,95,70,.14),rgba(15,23,42,.92))!important;
}
#native-release-evidence-history .lab-row{
  border-color:rgba(52,211,153,.18);
}

.external-release-execution-card{
  width:100%;text-align:left;cursor:pointer;
  border-color:rgba(251,191,36,.30)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(251,191,36,.13),transparent 34%),
    linear-gradient(145deg,rgba(120,53,15,.14),rgba(15,23,42,.92))!important;
}
#external-release-execution-history .lab-row{
  border-color:rgba(251,191,36,.18);
}

.external-release-operator-card{
  width:100%;text-align:left;cursor:pointer;
  border-color:rgba(167,139,250,.30)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(167,139,250,.14),transparent 34%),
    linear-gradient(145deg,rgba(76,29,149,.14),rgba(15,23,42,.92))!important;
}
#external-release-operator-history .lab-row{
  border-color:rgba(167,139,250,.18);
}

.weekly-intelligence-card{width:100%;text-align:left;cursor:pointer;border-color:rgba(45,212,191,.30)!important;background:radial-gradient(circle at 90% 10%,rgba(45,212,191,.14),transparent 34%),linear-gradient(145deg,rgba(6,78,59,.14),rgba(15,23,42,.92))!important;}
#weekly-intelligence-history .lab-row{border-color:rgba(45,212,191,.18);}

.personal-experiment-card{
  width:100%;text-align:left;cursor:pointer;
  border-color:rgba(45,212,191,.30)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(45,212,191,.14),transparent 34%),
    linear-gradient(145deg,rgba(6,78,59,.14),rgba(15,23,42,.92))!important;
}
#personal-experiment-history .lab-row{
  border-color:rgba(45,212,191,.18);
}

.adaptive-retention-card{
 width:100%;text-align:left;cursor:pointer;
 border-color:rgba(56,189,248,.30)!important;
 background:
  radial-gradient(circle at 90% 10%,rgba(56,189,248,.14),transparent 34%),
  linear-gradient(145deg,rgba(12,74,110,.14),rgba(15,23,42,.92))!important;
}
#adaptive-retention-history .lab-row{border-color:rgba(56,189,248,.18);}

.pwa-commerce-card{
 width:100%;text-align:left;cursor:pointer;
 border-color:rgba(251,191,36,.30)!important;
 background:
  radial-gradient(circle at 90% 10%,rgba(251,191,36,.13),transparent 34%),
  linear-gradient(145deg,rgba(120,53,15,.13),rgba(15,23,42,.92))!important;
}
#pwa-commerce-panel input{
 width:100%;box-sizing:border-box;background:#08111e;color:inherit;
 border:1px solid rgba(148,163,184,.28);border-radius:.55rem;
 padding:.7rem .8rem;margin:.45rem 0;
}
#pwa-commerce-status[data-kind="error"]{border-color:rgba(248,113,113,.45);}

.pwa-production-card{
 width:100%;text-align:left;cursor:pointer;
 border-color:rgba(34,197,94,.30)!important;
 background:
  radial-gradient(circle at 90% 10%,rgba(34,197,94,.13),transparent 34%),
  linear-gradient(145deg,rgba(20,83,45,.14),rgba(15,23,42,.92))!important;
}

.launch-closure-card{
 width:100%;text-align:left;cursor:pointer;
 border-color:rgba(168,85,247,.30)!important;
 background:
  radial-gradient(circle at 90% 10%,rgba(168,85,247,.14),transparent 34%),
  linear-gradient(145deg,rgba(88,28,135,.14),rgba(15,23,42,.92))!important;
}
#launch-closure-panel input[type="file"]{
 width:100%;box-sizing:border-box;
}
#launch-closure-panel button:disabled{
 opacity:.45;cursor:not-allowed;
}