/* Base typography inherited by Analytics in the existing site's stylesheet. */
.analytics-view{line-height:normal}
.analytics-view h1,.analytics-view h2,.analytics-view h3,.analytics-view p{margin-top:0}
.analytics-view h3{font-size:1.125rem;letter-spacing:-.02em;line-height:1.35;margin-bottom:9px}
.analytics-view .eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:750;line-height:1.6;margin-bottom:17px}
:root[data-theme="dark"] .analytics-view{color:#e3e6eb}
.analytics-view{width:min(1440px,calc(100vw - 48px));margin:0 auto;padding:36px 0 64px}
.analytics-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
/* ELEMENT_JOBS_ANALYTICS_MORNING_BRIEF_24H_V1 - scoped to /analytics only */
.analytics-morning{display:grid;gap:20px;width:min(100%,1280px)}
.analytics-morning-heading{margin:0}
.analytics-morning-heading h2{margin-bottom:6px}
.analytics-morning-timing{margin:0;color:var(--analytics-text-secondary,var(--muted,#667085));font-size:.86rem}
.analytics-morning-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.analytics-morning-kpi,.analytics-morning-panel{border:1px solid var(--analytics-border,#d8dde5);border-radius:14px;background:var(--analytics-card,var(--surface,#fff));padding:18px 20px;min-width:0}
.analytics-morning-kpi h3{margin:0 0 12px;font-size:.9rem;font-weight:650;color:var(--analytics-text-secondary,var(--muted,#667085))}
.analytics-morning-kpi>strong{font-size:clamp(2.1rem,4vw,3rem);font-weight:750;line-height:1.05;font-variant-numeric:tabular-nums}
.analytics-morning-rankings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.analytics-morning-panel h3{margin:0;font-size:1.13rem}
.analytics-morning-panel>p{margin:4px 0 12px;color:var(--analytics-text-secondary,var(--muted,#667085));font-size:.79rem}
.analytics-morning-list{padding:0;margin:0;list-style:none}
.analytics-morning-row,.analytics-morning-source-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:9px;padding:10px 0;border-top:1px solid var(--analytics-border-soft,#e7eaf0);font-size:.86rem}
.analytics-morning-source-row{grid-template-columns:minmax(0,1fr) auto}
.analytics-morning-rank{color:var(--analytics-text-muted,var(--muted,#667085));font-variant-numeric:tabular-nums}
.analytics-morning-name{min-width:0;overflow-wrap:anywhere;font-weight:600;line-height:1.35}
.analytics-morning-name small{display:block;margin-top:3px;color:var(--analytics-text-secondary,var(--muted,#667085));font-size:.72rem;font-weight:400}
.analytics-morning-row>strong,.analytics-morning-source-row>strong{white-space:nowrap;text-align:right;font-size:.8rem;font-variant-numeric:tabular-nums}
.analytics-morning-row>strong span,.analytics-morning-source-row>strong span{font-weight:400;color:var(--analytics-text-secondary,var(--muted,#667085))}
.analytics-morning-empty{padding:16px 0;color:var(--analytics-text-secondary,var(--muted,#667085));font-size:.86rem}
@media(max-width:980px){.analytics-morning-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.analytics-morning-rankings{grid-template-columns:1fr}}
@media(max-width:540px){.analytics-morning{gap:13px}.analytics-morning-kpis{gap:9px}.analytics-morning-kpi,.analytics-morning-panel{padding:14px}.analytics-morning-kpi>strong{font-size:clamp(1.4rem,5.6vw,2.2rem)}.analytics-morning-row{grid-template-columns:18px minmax(0,1fr) auto;gap:7px}.analytics-morning-row>strong span{display:none}}

/* ELEMENT_JOBS_ANALYTICS_LIVE_INVENTORY_KPIS_V3 */


/* ELEMENT_JOBS_ANALYTICS_REFINED_ROLLING_24H — scoped dashboard presentation. */
.analytics-morning {
  --analytics-text: #183238;
  --analytics-text-secondary: #596f75;
  --analytics-text-muted: #74898e;
  --analytics-border-soft: #e2ebeb;
  gap: 18px;
  max-width: 1280px;
}
.analytics-morning .analytics-morning-heading {
  align-items: center;
  gap: 24px;
  padding: clamp(24px, 3.5vw, 38px);
  border-radius: 22px;
  border: 1px solid #1d4c52;
  background: linear-gradient(115deg, #122e38 0%, #184854 60%, #286452 100%);
  box-shadow: 0 14px 35px rgba(17, 51, 58, .14);
  color: #f7fbfa;
}
.analytics-morning .analytics-morning-heading .eyebrow {
  color: #d4fa9d;
  letter-spacing: .15em;
  font-size: .72rem;
  margin-bottom: 10px;
}
.analytics-morning .analytics-morning-heading h2 {
  color: #fff;
  margin-bottom: 10px;
  font-size: clamp(1.85rem, 3vw, 3rem);
  font-weight: 740;
  letter-spacing: -.045em;
  line-height: 1.12;
}
.analytics-morning .analytics-morning-timing {
  color: #e0eeee;
  font-size: .87rem;
  line-height: 1.6;
}
.analytics-morning-period {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  flex: 0 0 auto;
  gap: 9px;
  padding: 10px 14px;
  border: 1px solid rgba(218, 252, 173, .55);
  border-radius: 999px;
  color: #efffd6;
  background: rgba(13, 32, 37, .26);
  font-size: .8rem;
  font-weight: 750;
  white-space: nowrap;
}
.analytics-morning-period::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #bef379;
}
.analytics-morning .analytics-morning-kpi,
.analytics-morning .analytics-morning-panel {
  color: #183238;
  background: #fff;
  border: 1px solid #dbe7e5;
  border-radius: 16px;
  box-shadow: 0 4px 22px rgba(17, 51, 58, .055);
}
.analytics-morning .analytics-morning-kpi {
  padding: 22px 23px 20px;
  border-top: 4px solid #c2e89b;
}
.analytics-morning .analytics-morning-kpi:nth-child(2) { border-top-color: #8fc6bd; }
.analytics-morning .analytics-morning-kpi:nth-child(3) { border-top-color: #acc8ec; }
.analytics-morning .analytics-morning-kpi:nth-child(4) { border-top-color: #dec9eb; }
.analytics-morning .analytics-morning-kpi h3 {
  color: #526a70;
  font-size: .83rem;
  font-weight: 700;
  margin-bottom: 13px;
}
.analytics-morning .analytics-morning-kpi > strong {
  display: block;
  color: #15333a;
  letter-spacing: -.045em;
  font-size: clamp(2.05rem, 3.4vw, 3rem);
}
.analytics-morning .analytics-morning-kpi > small {
  display: block;
  margin-top: 12px;
  color: #60787e;
  font-size: .76rem;
}
.analytics-morning .analytics-morning-rankings { align-items: stretch; }
.analytics-morning .analytics-morning-panel { padding: 22px 24px; }
.analytics-morning .analytics-morning-panel > h3 { color: #16353b; font-weight: 760; }
.analytics-morning .analytics-morning-panel > p {
  color: #5b747a;
  font-size: .83rem;
  line-height: 1.55;
  margin: 6px 0 15px;
}
.analytics-morning .analytics-morning-row,
.analytics-morning .analytics-morning-source-row {
  border-top-color: #e3ecec;
  color: #233f45;
  padding: 13px 0;
}
.analytics-morning .analytics-morning-rank { color: #738d91; }
.analytics-morning .analytics-morning-name small { color: #617a80; line-height: 1.5; }
.analytics-morning .analytics-morning-row > strong,
.analytics-morning .analytics-morning-source-row > strong { color: #18383e; }
.analytics-morning .analytics-morning-row > strong span,
.analytics-morning .analytics-morning-source-row > strong span { color: #61777d; }
.analytics-morning .analytics-morning-empty { color: #61777d; }
.analytics-morning .analytics-morning-panel a { color: #185f72; }
.analytics-morning .analytics-morning-panel a:hover { color: #0f4350; }
.analytics-morning .analytics-morning-source-row { align-items: center; row-gap: 8px; }
.analytics-morning-source-name { overflow-wrap: anywhere; font-weight: 650; }
.analytics-morning .analytics-morning-source-row > strong small {
  display: block;
  color: #617a80;
  font-size: .73rem;
  font-weight: 550;
  margin-top: 3px;
}
.analytics-morning-source-progress {
  grid-column: 1 / -1;
  display: block;
  appearance: none;
  border: 0;
  border-radius: 999px;
  background: #eaf0ef;
  color: #3a9a88;
  height: 7px;
  width: 100%;
  overflow: hidden;
}
.analytics-morning-source-progress::-webkit-progress-bar { background: #eaf0ef; border-radius: 999px; }
.analytics-morning-source-progress::-webkit-progress-value { background: #3a9a88; border-radius: 999px; }
.analytics-morning-source-progress::-moz-progress-bar { background: #3a9a88; border-radius: 999px; }
@media (max-width: 700px) {
  .analytics-morning .analytics-morning-heading { flex-direction: column; align-items: flex-start; }
  .analytics-morning-period { align-self: flex-start; }
  .analytics-morning .analytics-morning-panel { padding: 17px; }
}
@media (max-width: 540px) {
  .analytics-morning .analytics-morning-heading { padding: 22px 20px; border-radius: 16px; }
  .analytics-morning .analytics-morning-kpi { padding: 16px; }
  .analytics-morning .analytics-morning-kpi > strong { font-size: clamp(1.5rem, 7vw, 2rem); }
}


/* ELEMENT_JOBS_ANALYTICS_DARK_APPLY_JOBS_V1 — theme-aware cards, links and bars. */
.analytics-morning .analytics-apply-row > strong { font-variant-numeric: tabular-nums; }
.analytics-morning .analytics-apply-unknown {
  margin: 12px 0 0;
  padding: 10px 12px;
  border: 1px solid #d7b58b;
  border-radius: 10px;
  color: #775022;
  background: #fff4e7;
}
:root[data-theme="dark"] .analytics-morning {
  --analytics-text: #e8f0f2;
  --analytics-text-secondary: #bacbd0;
  --analytics-text-muted: #9eb3bb;
  --analytics-border-soft: #36484f;
}
:root[data-theme="dark"] .analytics-morning .analytics-morning-heading {
  background: linear-gradient(115deg, #17242d 0%, #1c353c 60%, #244038 100%);
  border-color: #49646b;
  box-shadow: 0 14px 35px rgba(0, 0, 0, .28);
}
:root[data-theme="dark"] .analytics-morning .analytics-morning-heading h2 {
  color: #e8f0f2;
}
:root[data-theme="dark"] .analytics-morning .analytics-morning-timing {
  color: #c4d4d9;
}
:root[data-theme="dark"] .analytics-morning .analytics-morning-kpi,
:root[data-theme="dark"] .analytics-morning .analytics-morning-panel {
  background: #202a31;
  border-color: #3a4d55;
  color: #e8f0f2;
  box-shadow: 0 5px 24px rgba(0, 0, 0, .16);
}
:root[data-theme="dark"] .analytics-morning .analytics-morning-kpi h3,
:root[data-theme="dark"] .analytics-morning .analytics-morning-kpi > small,
:root[data-theme="dark"] .analytics-morning .analytics-morning-panel > p,
:root[data-theme="dark"] .analytics-morning .analytics-morning-name small,
:root[data-theme="dark"] .analytics-morning .analytics-morning-row > strong span,
:root[data-theme="dark"] .analytics-morning .analytics-morning-source-row > strong span,
:root[data-theme="dark"] .analytics-morning .analytics-morning-source-row > strong small,
:root[data-theme="dark"] .analytics-morning .analytics-morning-empty {
  color: #bacbd0;
}
:root[data-theme="dark"] .analytics-morning .analytics-morning-kpi > strong,
:root[data-theme="dark"] .analytics-morning .analytics-morning-panel > h3,
:root[data-theme="dark"] .analytics-morning .analytics-morning-row,
:root[data-theme="dark"] .analytics-morning .analytics-morning-source-row,
:root[data-theme="dark"] .analytics-morning .analytics-morning-row > strong,
:root[data-theme="dark"] .analytics-morning .analytics-morning-source-row > strong {
  color: #e8f0f2;
}
:root[data-theme="dark"] .analytics-morning .analytics-morning-rank {
  color: #9eb3bb;
}
:root[data-theme="dark"] .analytics-morning .analytics-morning-row,
:root[data-theme="dark"] .analytics-morning .analytics-morning-source-row {
  border-top-color: #36484f;
}
:root[data-theme="dark"] .analytics-morning .analytics-morning-panel a {
  color: #a9d8ed;
}
:root[data-theme="dark"] .analytics-morning .analytics-morning-panel a:hover,
:root[data-theme="dark"] .analytics-morning .analytics-morning-panel a:focus-visible {
  color: #d3f0fa;
}
:root[data-theme="dark"] .analytics-morning-source-progress,
:root[data-theme="dark"] .analytics-morning-source-progress::-webkit-progress-bar {
  background: #35464d;
  color: #80d2b8;
}
:root[data-theme="dark"] .analytics-morning-source-progress::-webkit-progress-value,
:root[data-theme="dark"] .analytics-morning-source-progress::-moz-progress-bar {
  background: #80d2b8;
}
:root[data-theme="dark"] .analytics-morning .analytics-apply-unknown {
  color: #f6d4a7;
  background: #3b3027;
  border-color: #8c6b43;
}