/* Omni Health Health River app styling
   Drop this file after assets/css/omnihealth-home.css.
   It keeps the existing PHP-generated markup and restyles the app shell
   to match the modern Omni Health homepage direction.
*/

:root {
  --oh-river-bg: #f6fbfb;
  --oh-river-ink: #081a3d;
  --oh-river-slate: #334e68;
  --oh-river-muted: #6b7f99;
  --oh-river-line: #dceced;
  --oh-river-line-soft: rgba(220, 236, 237, 0.72);
  --oh-river-card: rgba(255, 255, 255, 0.9);
  --oh-river-card-solid: #ffffff;
  --oh-river-teal: #078b9a;
  --oh-river-teal-dark: #006b78;
  --oh-river-aqua: #4fd1c5;
  --oh-river-mint: #ccfbf1;
  --oh-river-blue: #2563eb;
  --oh-river-purple: #8b5cf6;
  --oh-river-orange: #f97316;
  --oh-river-green: #16a34a;
  --oh-river-red: #dc2626;
  --oh-river-radius-xl: 28px;
  --oh-river-radius-lg: 22px;
  --oh-river-radius-md: 16px;
  --oh-river-shadow: 0 24px 70px rgba(8, 26, 61, 0.11);
  --oh-river-shadow-soft: 0 14px 34px rgba(8, 26, 61, 0.08);
  --oh-river-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Small utility shim for the Tailwind-style classes used in the current markup. */
.hidden { display: none !important; }
.fixed { position: fixed; }
.relative { position: relative; }
.absolute { position: absolute; }
.sticky { position: sticky; }
.inset-0 { inset: 0; }
.bottom-0 { bottom: 0; }
.z-\[2000\] { z-index: 2000; }
.z-\[2050\] { z-index: 2050; }
.z-\[2060\] { z-index: 2060; }
.z-\[2100\] { z-index: 2100; }
.flex { display: flex; }
.grid { display: grid; }
.block { display: block; }
.inline-block { display: inline-block; }
.items-center { align-items: center; }
.items-start { align-items: flex-start; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.flex-1 { flex: 1 1 0%; }
.flex-wrap { flex-wrap: wrap; }
.gap-1 { gap: .25rem; }
.gap-2 { gap: .5rem; }
.gap-3 { gap: .75rem; }
.gap-4 { gap: 1rem; }
.space-y-1 > * + * { margin-top: .25rem; }
.space-y-3 > * + * { margin-top: .75rem; }
.space-y-4 > * + * { margin-top: 1rem; }
.space-y-5 > * + * { margin-top: 1.25rem; }
.space-y-6 > * + * { margin-top: 1.5rem; }
.space-y-10 > * + * { margin-top: 2.5rem; }
.w-full { width: 100%; }
.max-w-md { max-width: 28rem; }
.max-w-lg { max-width: 32rem; }
.max-w-xl { max-width: 36rem; }
.max-w-2xl { max-width: 42rem; }
.mx-4 { margin-left: 1rem; margin-right: 1rem; }
.mt-1 { margin-top: .25rem; }
.mt-4 { margin-top: 1rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.mb-1 { margin-bottom: .25rem; }
.mb-2 { margin-bottom: .5rem; }
.mb-3 { margin-bottom: .75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
.p-4 { padding: 1rem; }
.p-6 { padding: 1.5rem; }
.p-8 { padding: 2rem; }
.px-2 { padding-left: .5rem; padding-right: .5rem; }
.px-3 { padding-left: .75rem; padding-right: .75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.py-0\.5 { padding-top: .125rem; padding-bottom: .125rem; }
.py-1 { padding-top: .25rem; padding-bottom: .25rem; }
.py-2 { padding-top: .5rem; padding-bottom: .5rem; }
.py-3 { padding-top: .75rem; padding-bottom: .75rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.pb-4 { padding-bottom: 1rem; }
.pb-8 { padding-bottom: 2rem; }
.pl-10 { padding-left: 2.5rem; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.uppercase { text-transform: uppercase; }
.whitespace-nowrap { white-space: nowrap; }
.overflow-hidden { overflow: hidden; }
.overflow-y-auto { overflow-y: auto; }
.max-h-\[60vh\] { max-height: 60vh; }
.rounded { border-radius: .25rem; }
.rounded-lg { border-radius: .5rem; }
.rounded-xl { border-radius: .75rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-full { border-radius: 999px; }
.border { border: 1px solid var(--oh-river-line); }
.border-b { border-bottom: 1px solid var(--oh-river-line); }
.border-t { border-top: 1px solid var(--oh-river-line); }
.border-l-2 { border-left: 2px solid var(--oh-river-line); }
.border-l-4 { border-left: 4px solid var(--oh-river-teal); }
.border-dashed { border-style: dashed; }
.shadow-sm { box-shadow: var(--oh-river-shadow-soft); }
.shadow-2xl { box-shadow: var(--oh-river-shadow); }
.bg-white { background: #fff; }
.bg-gray-50 { background: #f8fafc; }
.bg-gray-100 { background: #f1f5f9; }
.bg-gray-900 { background: #111827; }
.bg-blue-500, .bg-blue-600 { background: var(--oh-river-teal); }
.bg-green-500 { background: var(--oh-river-green); }
.bg-black\/60 { background: rgba(8, 26, 61, .62); }
.text-white { color: #fff; }
.text-gray-400 { color: #94a3b8; }
.text-gray-500 { color: #64748b; }
.text-gray-600 { color: #475569; }
.text-gray-700 { color: #334155; }
.text-gray-800 { color: #1e293b; }
.text-red-500 { color: var(--oh-river-red); }
.text-xs { font-size: .75rem; }
.text-sm { font-size: .875rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.text-3xl { font-size: 1.875rem; }
.text-4xl { font-size: 2.25rem; }
.text-\[10px\] { font-size: .625rem; }
.font-medium { font-weight: 600; }
.font-semibold { font-weight: 700; }
.font-bold { font-weight: 800; }
.font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.tracking-widest { letter-spacing: .16em; }
.tracking-tighter { letter-spacing: -.04em; }
.outline-none { outline: none; }
.transition { transition: all 180ms ease; }
.transform { transform: translateZ(0); }
.backdrop-blur-sm { backdrop-filter: blur(6px); }
.ring-4 { box-shadow: 0 0 0 4px #fff; }
.left-3 { left: .75rem; }
.right-3 { right: .75rem; }
.top-0 { top: 0; }
.top-1\/2 { top: 50%; }
.-translate-y-1\/2 { transform: translateY(-50%); }
.-left-\[9px\] { left: -9px; }
.animate-pulse { animation: oh-pulse 1.7s cubic-bezier(.4,0,.6,1) infinite; }
@keyframes oh-pulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }

@media (min-width: 768px) {
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Page shell */
.oh-river-page {
  position: relative;
  overflow: hidden;
  min-height: calc(100vh - 74px);
  padding: clamp(28px, 5vw, 58px) 0 70px;
  background:
    radial-gradient(circle at 82% 0%, rgba(79, 209, 197, .24), transparent 34%),
    radial-gradient(circle at 8% 18%, rgba(204, 251, 241, .86), transparent 30%),
    linear-gradient(180deg, #f7fbfb 0%, #ffffff 48%, #f7fbfb 100%);
}

.oh-river-page::before {
  content: "";
  position: absolute;
  left: -10%;
  right: -10%;
  top: 120px;
  height: 360px;
  pointer-events: none;
  opacity: .58;
  background: repeating-linear-gradient(170deg, rgba(7,139,154,.15) 0 1px, transparent 1px 13px);
  transform: rotate(-3deg);
  mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}

.oh-river-container,
.oh-river-page .container {
  position: relative;
  z-index: 1;
  width: min(1240px, calc(100% - 42px));
  margin-inline: auto;
}

.dashboard-wrapper {
  display: grid;
  grid-template-columns: minmax(260px, 310px) minmax(0, 1fr);
  align-items: start;
  gap: clamp(20px, 3vw, 32px);
}

.sidebar-left,
.river-main {
  background: var(--oh-river-card);
  border: 1px solid rgba(220, 236, 237, .84);
  box-shadow: var(--oh-river-shadow-soft);
  backdrop-filter: blur(18px);
}

.sidebar-left {
  border-radius: var(--oh-river-radius-xl);
  overflow: hidden;
  position: sticky;
  top: 98px;
  max-height: calc(100vh - 122px);
  display: flex;
  flex-direction: column;
}

.sidebar-left > .p-6,
.sidebar-left > .p-4 {
  background: rgba(255, 255, 255, .9) !important;
  border-color: var(--oh-river-line-soft) !important;
}

.nav-label {
  margin: 0 0 .35rem;
  font-size: .72rem;
  line-height: 1;
  font-weight: 850;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--oh-river-muted);
}

.sidebar-left select,
.sidebar-left input,
.sidebar-left textarea,
.river-main input,
#formModal input,
#formModal select,
#formModal textarea,
#patientModal input,
#patientModal select,
#patientModal textarea,
#shareModal input,
#shareModal select,
#shareModal textarea,
#libraryModal input,
#libraryModal select,
#libraryModal textarea,
.dialogmodal input,
.dialogmodal textarea,
.dialogmodal select {
  width: 100%;
  border: 1px solid var(--oh-river-line);
  background: rgba(255, 255, 255, .92);
  color: var(--oh-river-ink);
  border-radius: 15px;
  padding: .78rem .95rem;
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.sidebar-left select:focus,
.sidebar-left input:focus,
.sidebar-left textarea:focus,
.river-main input:focus,
#formModal input:focus,
#formModal select:focus,
#formModal textarea:focus,
#patientModal input:focus,
#patientModal select:focus,
#patientModal textarea:focus,
#shareModal input:focus,
#shareModal select:focus,
#shareModal textarea:focus,
#libraryModal input:focus,
#libraryModal select:focus,
#libraryModal textarea:focus,
.dialogmodal input:focus,
.dialogmodal textarea:focus,
.dialogmodal select:focus {
  border-color: rgba(7, 139, 154, .55);
  box-shadow: 0 0 0 4px rgba(79, 209, 197, .18);
  background: #fff;
}

button,
.sidebar-left button,
.river-main button,
#formModal button,
#patientModal button,
#shareModal button,
#libraryModal button,
.dialogmodal button {
  font-family: var(--oh-river-font);
}

.sidebar-left button:not(.oh-nav-toggle),
.river-main button,
#formModal button,
#patientModal button,
#shareModal button,
#libraryModal button,
.dialogmodal button,
.btn-add-service {
  border: 1px solid transparent;
  border-radius: 14px;
  font-weight: 850;
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease, border-color 160ms ease;
}

.sidebar-left button:hover,
.river-main button:hover,
#formModal button:hover,
#patientModal button:hover,
#shareModal button:hover,
#libraryModal button:hover,
.dialogmodal button:hover,
.btn-add-service:hover {
  transform: translateY(-1px);
}

.sidebar-left .flex.gap-2 button,
.sidebar-left .flex.gap-1 button {
  background: rgba(7, 139, 154, .07) !important;
  color: var(--oh-river-teal-dark) !important;
  border-color: rgba(7, 139, 154, .13) !important;
  box-shadow: none !important;
}

.sidebar-left .flex.gap-2 button:hover,
.sidebar-left .flex.gap-1 button:hover {
  color: #fff !important;
  background: linear-gradient(135deg, var(--oh-river-teal-dark), var(--oh-river-teal)) !important;
  box-shadow: 0 14px 28px rgba(7, 139, 154, .2) !important;
}

.btn-add-service,
button.btn-add-service {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  color: #fff;
  background: linear-gradient(135deg, var(--oh-river-teal-dark), var(--oh-river-teal));
  box-shadow: 0 16px 34px rgba(7, 139, 154, .2);
}

.nav-item {
  margin: 10px 12px;
  padding: 16px;
  border: 1px solid rgba(220, 236, 237, .9);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.82));
  box-shadow: 0 10px 26px rgba(8, 26, 61, .05);
  transition: transform 170ms ease, border-color 170ms ease, box-shadow 170ms ease;
}

.nav-item:hover {
  transform: translateY(-2px);
  border-color: rgba(7, 139, 154, .28);
  box-shadow: 0 16px 36px rgba(8, 26, 61, .08);
}

.nav-item .font-bold.text-gray-700 {
  color: var(--oh-river-ink) !important;
  font-size: .95rem;
  letter-spacing: -.02em;
}

/* Main River panel */
.river-main {
  position: relative;
  overflow: hidden;
  border-radius: var(--oh-river-radius-xl);
  padding: clamp(22px, 3vw, 34px);
}

.river-main::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 210px;
  pointer-events: none;
  background:
    radial-gradient(circle at 76% 0%, rgba(79,209,197,.2), transparent 42%),
    linear-gradient(180deg, rgba(204,251,241,.35), transparent);
}

.river-main > * {
  position: relative;
  z-index: 1;
}

.river-main > header,
.river-main header.mb-8 {
  margin-bottom: 1.35rem !important;
  padding-bottom: 1.2rem !important;
  border-bottom: 1px solid var(--oh-river-line-soft) !important;
}

.river-main > header h2,
.river-main header h2 {
  color: var(--oh-river-teal) !important;
  letter-spacing: .18em;
}

.river-main > header p,
.river-main header p.text-xl {
  margin: 0;
  color: var(--oh-river-ink) !important;
  font-size: clamp(1.45rem, 2.4vw, 2rem) !important;
  font-weight: 900 !important;
  letter-spacing: -.055em;
}

.river-main header .text-right {
  min-width: 190px;
  padding: .85rem 1rem;
  border: 1px solid var(--oh-river-line-soft);
  border-radius: 18px;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 10px 24px rgba(8, 26, 61, .04);
}

.river-main header .text-right .text-sm {
  color: var(--oh-river-ink) !important;
  font-weight: 900 !important;
}

.river-main header .font-mono,
.sidebar-left .font-mono,
.river-item .font-mono {
  border-radius: 999px !important;
  border-color: rgba(7,139,154,.16) !important;
  background: rgba(204,251,241,.42) !important;
  color: var(--oh-river-teal-dark) !important;
  font-weight: 850;
}

#riverSearch {
  min-height: 52px;
  border-radius: 18px !important;
  border-color: var(--oh-river-line) !important;
  box-shadow: 0 12px 28px rgba(8, 26, 61, .05) !important;
}

#riverSearch::placeholder { color: #8ca0b7; }

#riverSearchCount {
  color: var(--oh-river-muted) !important;
  background: rgba(255,255,255,.76);
  border: 1px solid var(--oh-river-line-soft);
  border-radius: 999px;
  padding: .42rem .72rem;
}

/* Timeline */
.river-main > .space-y-10 {
  margin-top: 2rem;
  display: grid;
  gap: 1.2rem;
}
.river-main > .space-y-10 > * + * { margin-top: 0; }

.river-item {
  position: relative !important;
  padding-left: clamp(42px, 5vw, 62px) !important;
  padding-bottom: 1rem !important;
  border-left: 0 !important;
}

.river-item::after {
  content: "";
  position: absolute;
  left: 18px;
  top: 34px;
  bottom: -24px;
  width: 2px;
  background: linear-gradient(180deg, rgba(7,139,154,.28), rgba(79,209,197,.08));
}

.river-item:last-of-type::after { display: none; }

.river-item::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 7px;
  z-index: 2;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 50%, #fff 0 28%, transparent 30%),
    linear-gradient(135deg, var(--oh-river-teal), var(--oh-river-aqua));
  border: 5px solid rgba(255,255,255,.95);
  box-shadow: 0 12px 25px rgba(7, 139, 154, .22);
}

.river-item[data-search*="diabetes"]::before {
  background:
    radial-gradient(circle at 50% 50%, #fff 0 28%, transparent 30%),
    linear-gradient(135deg, #078b9a, #4fd1c5);
}

.river-item[data-search*="hypertension"]::before {
  background:
    radial-gradient(circle at 50% 50%, #fff 0 28%, transparent 30%),
    linear-gradient(135deg, #f97316, #facc15);
}

.river-item[data-search*="personal details"]::before {
  background:
    radial-gradient(circle at 50% 50%, #fff 0 28%, transparent 30%),
    linear-gradient(135deg, #2563eb, #8b5cf6);
}

.river-item > .absolute:first-child { display: none !important; }

.river-item > .mb-3,
.river-item .mb-3.flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .65rem .85rem !important;
  margin-bottom: .6rem !important;
}

.river-item > .mb-3 span:first-child {
  color: var(--oh-river-muted) !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
}

.river-item > .mb-3 span:last-child {
  max-width: 100%;
  border: 1px solid rgba(220,236,237,.9) !important;
  background: rgba(255,255,255,.8) !important;
  color: var(--oh-river-slate) !important;
  border-radius: 999px !important;
  padding: .26rem .55rem !important;
  font-size: .67rem !important;
  letter-spacing: .02em;
}

.component-wrapper { transition: transform 170ms ease, filter 170ms ease; }
.component-wrapper:hover { transform: translateY(-2px) !important; }

.component-wrapper > div {
  position: relative;
  overflow: hidden;
  border-left: 0 !important;
  border-radius: 22px !important;
  border: 1px solid rgba(220,236,237,.92) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,255,255,.86)) !important;
  box-shadow: 0 18px 44px rgba(8, 26, 61, .075) !important;
  padding: 1.15rem 1.2rem 1.15rem 1.25rem !important;
}

.component-wrapper > div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: linear-gradient(180deg, var(--oh-river-teal), var(--oh-river-aqua));
}

.river-item[data-search*="hypertension"] .component-wrapper > div::before {
  background: linear-gradient(180deg, var(--oh-river-orange), #facc15);
}

.river-item[data-search*="personal details"] .component-wrapper > div::before {
  background: linear-gradient(180deg, var(--oh-river-blue), var(--oh-river-purple));
}

.component-wrapper .uppercase,
.component-wrapper .text-xs {
  margin: 0 0 .35rem !important;
  color: var(--oh-river-teal-dark) !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .13em;
}

.component-wrapper p {
  margin: 0;
  color: var(--oh-river-ink) !important;
  font-size: .98rem;
  line-height: 1.65;
  font-weight: 650 !important;
}

#riverSearchEmpty {
  border-color: rgba(7,139,154,.18) !important;
  background: rgba(204,251,241,.22) !important;
  color: var(--oh-river-muted) !important;
  border-radius: 24px !important;
}

/* Modals */
#libraryModal,
#patientModal,
#shareModal,
#formModal {
  align-items: center;
  justify-content: center;
  padding: 24px;
}

#libraryModal > div,
#patientModal > div,
#shareModal > div,
#formModal > div,
.dialogmodal-content {
  border: 1px solid rgba(220, 236, 237, .95) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 34px 90px rgba(8, 26, 61, .26) !important;
  backdrop-filter: blur(20px);
}

#libraryModal .border-b,
#patientModal .border-b,
#shareModal .border-b,
#formModal .border-b {
  background:
    radial-gradient(circle at 100% 0, rgba(79,209,197,.18), transparent 44%),
    linear-gradient(180deg, #f7fbfb, #fff) !important;
  border-color: var(--oh-river-line-soft) !important;
}

#libraryModal h3,
#patientModal h3,
#shareModal h3,
#formModal h3 {
  margin: 0;
  color: var(--oh-river-ink) !important;
  font-weight: 900 !important;
  letter-spacing: -.04em;
}

#libraryModal h4,
#patientModal h4,
#shareModal h4 {
  margin: 0 0 .75rem;
  color: var(--oh-river-ink) !important;
  letter-spacing: -.02em;
}

#libraryModal p,
#patientModal p,
#shareModal p { color: var(--oh-river-muted) !important; }

#dynamicForm label,
#patientModal label,
#shareModal label,
#libraryModal label {
  color: var(--oh-river-slate) !important;
  font-weight: 850 !important;
  margin-bottom: .35rem;
}

#dynamicForm button[type="submit"],
#patientModal button[type="submit"],
#shareModal button[type="submit"],
#libraryModal button[type="submit"] {
  color: #fff !important;
  background: linear-gradient(135deg, var(--oh-river-teal-dark), var(--oh-river-teal)) !important;
  box-shadow: 0 16px 32px rgba(7, 139, 154, .2) !important;
}

#dynamicForm button[type="button"] {
  color: var(--oh-river-slate) !important;
  background: rgba(241, 245, 249, .9) !important;
}

/* Legacy profile modal */
.dialogmodal {
  display: none;
  position: fixed;
  z-index: 2200;
  inset: 0;
  padding: 26px;
  overflow: auto;
  background: rgba(8, 26, 61, .62);
  backdrop-filter: blur(6px);
}

.dialogmodal-content {
  width: min(680px, calc(100vw - 48px));
  margin: 8vh auto;
  padding: 0;
  overflow: hidden;
}

.dialogclose {
  float: right;
  padding: 16px 22px;
  color: var(--oh-river-muted);
  font-size: 28px;
  font-weight: 300;
  cursor: pointer;
}

#dialogmodal-body {
  clear: both;
  padding: 24px;
}

/* User controls in the shared header */
.oh-header-actions .user-img {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 35% 28%, #fff 0 10%, transparent 11%),
    linear-gradient(135deg, var(--oh-river-teal), var(--oh-river-aqua));
  box-shadow: 0 10px 24px rgba(7,139,154,.18);
}

.oh-header-actions .fa-camera {
  margin-left: .45rem;
  color: rgba(8, 26, 61, .35) !important;
}

/* Responsive */
@media (max-width: 1060px) {
  .dashboard-wrapper { grid-template-columns: 1fr; }
  .sidebar-left {
    position: relative;
    top: auto;
    max-height: none;
  }
  .sidebar-left nav { max-height: 340px; }
}

@media (max-width: 720px) {
  .oh-river-container,
  .oh-river-page .container {
    width: min(100% - 26px, 1240px);
  }

  .river-main,
  .sidebar-left {
    border-radius: 22px;
  }

  .river-main { padding: 18px; }

  .river-main > header,
  .river-main header.mb-8 {
    display: block;
  }

  .river-main header .text-right {
    margin-top: 1rem;
    text-align: left;
  }

  .river-main .mt-6 .flex.items-center { display: block; }

  #riverSearchCount {
    display: inline-block;
    margin-top: .7rem;
  }

  .river-item { padding-left: 38px !important; }
  .river-item::after { left: 14px; }
  .river-item::before { left: 4px; }

  .component-wrapper p { font-size: .92rem; }

  #libraryModal,
  #patientModal,
  #shareModal,
  #formModal { padding: 14px; }

  #libraryModal .p-8,
  #patientModal .p-8,
  #shareModal .p-8,
  #formModal .p-8 { padding: 1.15rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}