/* Knowledge cards: card of the day and the admin review tab. Uses the existing design tokens. */
.daily-card { margin: 14px 0; padding: 18px; border-radius: var(--r-lg); border: 1px solid var(--line); box-shadow: var(--shadow); display: grid; gap: 12px; background: var(--sky); }
.daily-card.tone-sky { background: var(--sky); }
.daily-card.tone-mint { background: var(--mint); }
.daily-card.tone-peach { background: var(--peach); }
.daily-card.tone-lavender { background: var(--lavender); }
.daily-card.tone-cream { background: var(--cream); }
.daily-card.tone-sage { background: var(--sage); }
.daily-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.daily-title { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--ink); }
.daily-text { margin: 0; font-size: 16px; line-height: 1.8; color: var(--ink); }
.daily-quiz { display: grid; gap: 8px; padding: 12px; border-radius: var(--r-md); background: rgba(255, 255, 255, .7); }
.daily-opt { text-align: start; padding: 9px 13px; border-radius: var(--r-sm); border: none; background: #ffffff; font-size: 13.5px; font-weight: 500; color: var(--ink); cursor: pointer; transition: transform .15s ease, background .15s ease; box-shadow: 0 2px 6px rgba(0,0,0,.04); }
.daily-opt:hover:not(:disabled) { transform: translateY(-1px); }
.daily-opt.is-right { background: var(--ok-soft); color: var(--ok); font-weight: 700; box-shadow: inset 0 0 0 1.5px var(--ok); }
.daily-opt.is-wrong { background: var(--bad-soft); color: var(--bad); box-shadow: inset 0 0 0 1.5px var(--bad); }
.daily-result { font-weight: 600; }

.card-filters { margin-bottom: 14px; }
.review-card { display: grid; gap: 10px; margin-bottom: 12px; }
.review-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.review-text { width: 100%; padding: 10px 12px; border-radius: var(--r-sm); border: 1px solid var(--line); font: inherit; line-height: 1.7; resize: vertical; background: #fff; color: var(--ink); }
.review-quiz, .review-note { color: var(--muted); }
.review-note { color: var(--orange-deep); }
.review-actions { display: flex; gap: 8px; flex-wrap: wrap; }

/* Clinical Reference Tools (Pediatrics, IV, Pregnancy) */
.tools-hero { padding: 22px 18px; border-radius: var(--r-lg); margin-bottom: 16px; background: linear-gradient(135deg, #e3f2fd, #e8f5e9); border: 1px solid var(--line); }
.tools-hero h1 { margin: 0 0 6px 0; font-size: 22px; color: var(--ink); }
.tools-hero p { margin: 0; font-size: 14px; color: var(--muted); }
.tool-card { padding: 20px; display: grid; gap: 16px; border-radius: var(--r-lg); margin-bottom: 20px; }
.tool-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 99px; font-weight: 700; font-size: 13px; width: fit-content; }
.tool-head h2 { margin: 8px 0 4px 0; font-size: 20px; }
.tool-fields { display: grid; gap: 14px; }
.field-label { display: grid; gap: 6px; font-weight: 600; font-size: 14px; }
.field-select, .field-input { width: 100%; padding: 10px 14px; border-radius: var(--r-md); border: 1.5px solid var(--line); font: inherit; font-size: 15px; background: #fff; color: var(--ink); }
.stepper-box { display: flex; gap: 8px; align-items: center; }
.stepper-box .btn { min-width: 44px; height: 44px; font-size: 20px; font-weight: 700; }
.stepper-box .field-input { text-align: center; font-weight: 700; font-size: 18px; }
.quick-weights { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.chip-active { background: var(--ink); color: #fff; }
.result-box { padding: 18px; border-radius: var(--r-md); display: grid; gap: 12px; border: 1.5px solid rgba(46, 125, 50, .2); }
.result-highlight { display: grid; gap: 4px; text-align: center; }
.dose-numbers { display: flex; align-items: baseline; justify-content: center; gap: 12px; margin: 6px 0; }
.dose-large { font-size: 36px; color: #1b5e20; line-height: 1; font-weight: 800; }
.dose-mg { font-size: 15px; color: var(--ink); }
.dose-freq { margin: 0; font-size: 14px; font-weight: 600; color: #2e7d32; }
.dose-cautions { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: var(--ink); padding-top: 10px; border-top: 1px dashed rgba(0,0,0,.15); line-height: 1.6; }

.iv-list, .preg-list { display: grid; gap: 16px; }
.iv-item, .preg-item { padding: 16px; border-radius: var(--r-md); border: 1px solid var(--line); background: #fff; display: grid; gap: 8px; font-size: 14px; line-height: 1.6; }
.iv-item-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; border-bottom: 1px solid var(--line); padding-bottom: 8px; }
.iv-item-head h3, .preg-item h3 { margin: 0; font-size: 17px; color: var(--ink); }
.iv-badges { display: flex; gap: 6px; flex-wrap: wrap; }
.iv-danger { display: flex; align-items: flex-start; gap: 8px; background: #ffebee; color: #c62828; padding: 10px 12px; border-radius: var(--r-sm); font-weight: 600; border: 1px solid #ef9a9a; }

.tool-search-box { display: grid; gap: 12px; margin-bottom: 16px; padding: 16px; border-radius: var(--r-lg); background: #ffffff; border: 1px solid var(--line); box-shadow: var(--shadow); }
.tools-search-row input[type="search"] { font-size: 15px; border-radius: var(--r-md); padding: 12px 16px; }
.tools-filter-row { display: flex; gap: 6px; flex-wrap: wrap; }
.tools-select-row { margin-top: 4px; }
.results-stat-bar { margin: 4px 0 0 0; font-size: 13px; }

.fda-badge { padding: 4px 10px; border-radius: 99px; font-weight: 800; font-size: 12px; letter-spacing: .5px; }
.fda-A { background: #e8f5e9; color: #1b5e20; border: 1.5px solid #a5d6a7; }
.fda-B { background: #e8f5e9; color: #2e7d32; border: 1.5px solid #c8e6c9; }
.fda-C { background: var(--orange-soft); color: var(--orange-deep); border: 1.5px solid var(--orange-tint); }
.fda-D { background: var(--orange-soft); color: var(--orange-deep); border: 1.5px solid var(--orange-tint); }
.fda-X { background: #ffebee; color: #b71c1c; border: 1.5px solid #ef9a9a; }

.chip-cat-a.chip-active { background: #1b5e20; color: #fff; }
.chip-cat-b.chip-active { background: #2e7d32; color: #fff; }
.chip-cat-c.chip-active { background: var(--orange-deep); color: #fff; }
.chip-cat-d.chip-active { background: var(--orange-deep); color: #fff; }
.chip-cat-x.chip-active { background: #b71c1c; color: #fff; }

.preg-meta-bar { display: flex; align-items: center; justify-content: space-between; margin: 8px 0 12px; }
.preg-count-tag { font-size: 13px; font-weight: 700; color: var(--muted); }
.preg-card {
  background: #ffffff;
  border-radius: var(--r-md);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: 0 4px 18px rgba(60, 40, 20, 0.05);
  border: none;
  position: relative;
  transition: transform .15s ease, box-shadow .15s ease;
}
.preg-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.preg-name-col { display: flex; flex-direction: column; gap: 4px; }
.preg-drug-name { margin: 0; font-size: 16px; font-weight: 800; color: var(--ink); letter-spacing: .2px; }
.preg-system-tag { font-size: 11.5px; font-weight: 600; color: var(--muted); background: var(--cream); padding: 2px 8px; border-radius: 999px; width: fit-content; }

.preg-card.preg-is-a { border-inline-start: 4px solid #2e7d32; }
.preg-card.preg-is-b { border-inline-start: 4px solid #00897b; }
.preg-card.preg-is-c { border-inline-start: 4px solid var(--orange-2); }
.preg-card.preg-is-d { border-inline-start: 4px solid var(--orange-2); }
.preg-card.preg-is-x { border-inline-start: 4px solid #d32f2f; background: #fffcfc; }

.preg-advice-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--ink-2);
  background: var(--cream);
  padding: 8px 12px;
  border-radius: var(--r-sm);
}
.preg-advice-icon { flex-shrink: 0; margin-top: 1px; }
.preg-card.preg-is-a .preg-advice-icon { color: #2e7d32; }
.preg-card.preg-is-b .preg-advice-icon { color: #00897b; }
.preg-card.preg-is-c .preg-advice-icon { color: var(--orange-deep); }
.preg-card.preg-is-d .preg-advice-icon { color: var(--orange-deep); }
.preg-card.preg-is-x .preg-advice-icon { color: #c62828; }

.preg-lactation-box {
  background: var(--bg);
  padding: 8px 12px;
  border-radius: var(--r-sm);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.preg-lact-label { font-size: 11px; font-weight: 700; color: var(--muted); display: flex; align-items: center; gap: 4px; }
.preg-lact-text { margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--ink-2); }

.iv-protocol-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; padding: 8px 0; }
.iv-proto-col p { margin: 0 0 6px 0; }

.tools-hub-grid { display: grid; gap: 14px; margin-top: 16px; }
.hub-tool-card { display: flex; align-items: center; gap: 16px; padding: 20px; border-radius: var(--r-lg); border: 1px solid var(--line); box-shadow: var(--shadow); color: var(--ink); transition: transform .15s ease, box-shadow .15s ease; text-decoration: none; }
.hub-tool-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.hub-card-icon { width: 56px; height: 56px; border-radius: var(--r-md); background: rgba(255, 255, 255, .85); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--ink); }
.hub-card-text { flex: 1; }
.hub-card-text h3 { margin: 0 0 4px 0; font-size: 18px; color: var(--ink); }
.hub-card-text p { margin: 0; font-size: 13.5px; color: var(--ink-2); line-height: 1.4; }
.hub-card-arrow { color: var(--ink-2); display: flex; align-items: center; }
[dir="rtl"] .hub-card-arrow { transform: scaleX(-1); }

.load-more-box { text-align: center; padding: 12px; }


/* Card title (the drug class of a note card) and the row of card buttons. */
.daily-sub { font-size: 14px; color: var(--ink-2); }
.daily-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.daily-actions .btn-ghost { background: rgba(255, 255, 255, .6); }