/* Dashboard research highlight and light mobile dock finish. */
#analysis {
  position: relative;
  overflow: hidden;
  border-color: rgba(218, 165, 67, .48) !important;
  background: linear-gradient(145deg, rgba(218, 165, 67, .1), var(--desk-surface) 62%) !important;
  box-shadow: 0 18px 42px rgba(112, 78, 15, .13), inset 0 1px 0 rgba(255, 224, 143, .18) !important;
}
#analysis::before {
  content: "NEWS DESK";
  position: absolute;
  top: 18px;
  right: 20px;
  color: #b17b19;
  font: 800 8px 'DM Mono', monospace;
  letter-spacing: .16em;
}
#analysis .eyebrow,
#analysis .panel-head button { color: #b17b19 !important; }
#analysis .panel-head button {
  border: 1px solid rgba(218, 165, 67, .42);
  background: rgba(218, 165, 67, .1);
}
body[data-theme="dark"] #analysis {
  background: linear-gradient(145deg, rgba(66, 48, 18, .44), #0d1d2b 62%) !important;
  border-color: rgba(218, 165, 67, .42) !important;
}
body[data-theme="dark"] #analysis::before,
body[data-theme="dark"] #analysis .eyebrow,
body[data-theme="dark"] #analysis .panel-head button { color: #f0c86a !important; }
body[data-theme="dark"] #analysis .panel-head button {
  border-color: rgba(218, 165, 67, .4);
  background: rgba(218, 165, 67, .12);
}

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

#analysis .analysis-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 210px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(218, 165, 67, .2);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(244, 248, 250, .96));
  box-shadow: 0 16px 38px rgba(23, 55, 80, .08);
}

#analysis .analysis-card::before,
#analysis .analysis-card::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}

#analysis .analysis-card .trend {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 18px 18px 0;
  padding: 7px 10px;
  border: 1px solid rgba(218, 165, 67, .34);
  border-radius: 999px;
  background: rgba(218, 165, 67, .08);
  color: #b17b19;
  font: 800 8px 'DM Mono', monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
}

#analysis .analysis-card h4 {
  margin: 14px 18px 8px;
  color: #122a35;
  font-size: 17px;
  line-height: 1.2;
  letter-spacing: -.03em;
}

#analysis .analysis-card p {
  margin: 0 18px;
  color: #5d7883;
  font-size: 11.5px;
  line-height: 1.7;
}

#analysis .analysis-card .levels {
  display: flex;
  gap: 8px;
  margin: auto 18px 18px;
  padding-top: 16px;
}

#analysis .analysis-card .levels span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  padding: 7px 10px;
  border: 1px solid rgba(124, 157, 182, .25);
  border-radius: 999px;
  background: rgba(244, 248, 250, .82);
  color: #597684;
  font: 700 9px 'DM Mono', monospace;
  letter-spacing: .08em;
}

body[data-theme="dark"] #analysis .analysis-card {
  background: linear-gradient(180deg, rgba(13, 29, 43, .98), rgba(17, 38, 54, .96));
  border-color: rgba(218, 165, 67, .26);
  box-shadow: 0 16px 38px rgba(0, 0, 0, .2);
}

body[data-theme="dark"] #analysis .analysis-card .trend {
  background: rgba(218, 165, 67, .12);
  border-color: rgba(218, 165, 67, .32);
  color: #f0c86a;
}

body[data-theme="dark"] #analysis .analysis-card h4 {
  color: #edf7ff;
}

body[data-theme="dark"] #analysis .analysis-card p {
  color: #a7c0cf;
}

body[data-theme="dark"] #analysis .analysis-card .levels span {
  background: rgba(17, 38, 54, .82);
  border-color: rgba(117, 159, 189, .28);
  color: #dbeefb;
}

@media (max-width: 700px) {
  #analysis .analysis-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  #analysis .analysis-card {
    min-height: 180px;
  }

  #analysis .analysis-card h4 {
    font-size: 15px;
  }

  body[data-theme="light"] .mobile-nav,
  body[data-theme="system"] .mobile-nav {
    border-color: #c8dce7 !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 -8px 26px rgba(31, 75, 97, .16), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
  }
  body[data-theme="light"] .mobile-nav a,
  body[data-theme="system"] .mobile-nav a { color: #607b88 !important; }
  body[data-theme="light"] .mobile-nav a.mobile-dock-center,
  body[data-theme="system"] .mobile-nav a.mobile-dock-center {
    border: 1px solid #168df0 !important;
    border-radius: 50% !important;
    background: #1263c6 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 7px #ffffff, 0 0 22px rgba(22, 141, 240, .5), inset 0 0 18px rgba(109, 226, 255, .55) !important;
  }
  body[data-theme="light"] .mobile-nav a.mobile-dock-center span,
  body[data-theme="system"] .mobile-nav a.mobile-dock-center span,
  body[data-theme="light"] .mobile-nav a.mobile-dock-center svg,
  body[data-theme="system"] .mobile-nav a.mobile-dock-center svg { color: #ffffff !important; }

  body[data-theme="light"] .mobile-nav,
  body[data-theme="system"] .mobile-nav {
    min-height: 86px !important;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    border: 1px solid #b9d4df !important;
    border-radius: 22px 22px 0 0 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(235, 246, 250, .98)) !important;
    box-shadow: 0 -12px 35px rgba(31, 75, 97, .16), inset 0 1px 0 rgba(255, 255, 255, .95) !important;
  }

  body[data-theme="light"] .mobile-nav a:not(.mobile-dock-center),
  body[data-theme="system"] .mobile-nav a:not(.mobile-dock-center) { color: #547181 !important; background: transparent !important; }

  body[data-theme="light"] .mobile-nav a.active:not(.mobile-dock-center),
  body[data-theme="system"] .mobile-nav a.active:not(.mobile-dock-center) {
    border: 1px solid rgba(16, 141, 190, .3) !important;
    background: rgba(34, 174, 202, .12) !important;
    color: #087ca8 !important;
  }
}