/* Restrained finishes for the existing cabinet; no production bundle rebuild. */
#root .karma-original-hidden { display: none !important; }
body[data-karma-view="dialogs"] #root > div > div:last-child > div:first-child { background: #f7f8fa; }
body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"] { border-right: 0; background: #f7f8fa; }
body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"] > div { padding: 18px 20px 28px; }
body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"] [class~="mb-2"][class~="p-4"][class~="border"] { border: 0; border-radius: 14px; padding: 20px; margin-bottom: 18px; box-shadow: 0 2px 16px rgba(28,38,57,.045); }
body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"] [class~="space-y-1"] > [class~="cursor-pointer"][class~="border"] { border: 0; border-radius: 12px; margin-bottom: 9px; padding: 16px 18px; box-shadow: 0 2px 10px rgba(28,38,57,.04); }
body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"] [class~="space-y-1"] > [class~="cursor-pointer"][class~="border"]:hover { box-shadow: 0 5px 18px rgba(28,38,57,.09); }
body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"] [class~="space-y-1"] > [class~="cursor-pointer"][class~="border-indigo-500"] { background: #ecf0f4; box-shadow: inset 4px 0 0 #758da5, 0 3px 15px rgba(28,38,57,.05); }
body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"] [class~="space-y-1"] > [class~="cursor-pointer"] [class~="text-xs"] { font-size: 12px; }
body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"] [class~="space-y-1"] > [class~="cursor-pointer"] [class~="text-sm"] { font-size: 14px; line-height: 1.5; }
body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"] [class~="space-y-1"] > [class~="cursor-pointer"] [class~="bg-gray-100"] { background: #f0f2f4; border-radius: 7px; padding: 5px 9px; }
body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="bg-gray-50"] { background: #fff; }
body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] { padding: 22px 26px 40px; }
body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class~="text-xs"] { font-size: 12px; line-height: 1.5; }
body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class~="text-sm"] { font-size: 14px; line-height: 1.5; }
body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] :not(button):not(input):not(select)[class*="ring-"] { --tw-ring-color: transparent; }
body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class*="border-indigo"], body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class*="border-purple"], body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class*="border-violet"] { border-color: #e4e8ec; }
body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] :not(button):not(a)[class*="bg-indigo-"], body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] :not(button):not(a)[class*="bg-violet-"], body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] :not(button):not(a)[class*="bg-purple-"] { background-color: #e9eff3; }
body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class*="text-indigo-"], body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class*="text-purple-"], body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class*="text-violet-"] { color: #49657a; }
body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class*="text-emerald-"], body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class*="text-green-"] { color: #487864; }
body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class*="text-rose-"], body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class*="text-red-"] { color: #9a6a68; }
body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] :not(button):not(a)[class*="bg-emerald-"], body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] :not(button):not(a)[class*="bg-green-"] { background-color: #e9f0e9; }
body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] :not(button):not(a)[class*="bg-rose-"], body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] :not(button):not(a)[class*="bg-red-"] { background-color: #f4edec; }
body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class*="shadow-"] { box-shadow: 0 3px 18px rgba(27,38,53,.055); }
body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] table th, body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] table td { padding-top: 12px; padding-bottom: 12px; }
body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] button { min-height: 36px; }
body[data-karma-view="transcription"] #root .karma-transcription-page { flex: 1; display: flex; flex-direction: column; min-width: 0; height: 100vh; color: #1f2937; background: #f7f8fa; }
.karma-transcription-header { display: flex; align-items: center; min-height: 81px; padding: 16px 27px; background: #fff; }
.karma-transcription-header h1 { font-size: 20px; line-height: 1.4; font-weight: 700; margin: 0; }
.karma-transcription-header p { color: #667382; font-size: 14px; margin: 2px 0 0; }
.karma-transcription-scroll { flex: 1; overflow: auto; padding: 26px; }
.karma-transcription-inner { width: min(100%, 860px); margin: 0 auto; }
.karma-transcription-card, .karma-transcription-result { background: #fff; border-radius: 15px; padding: 25px; box-shadow: 0 3px 20px rgba(28,38,57,.055); }
.karma-transcription-input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.karma-transcription-drop { display: flex; align-items: center; flex-direction: column; text-align: center; justify-content: center; min-height: 220px; padding: 25px; background: #f7f9fa; border: 2px dashed #cfd8df; border-radius: 12px; cursor: pointer; transition: background .15s, border-color .15s; }
.karma-transcription-drop:hover, .karma-transcription-drop.is-dragging { background: #edf3f5; border-color: #7d9aab; }
.karma-transcription-drop-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; background: #e7eff2; color: #496c7d; margin-bottom: 11px; }
.karma-transcription-drop strong { font-size: 16px; font-weight: 600; }
.karma-transcription-drop p { color: #687887; margin: 3px 0 0; font-size: 14px; }
.karma-transcription-drop small { margin-top: 14px; font-size: 12px; color: #73808d; }
.karma-transcription-page button { cursor: pointer; }
.karma-transcription-pick { margin-top: 15px; background: #fff; border: 1px solid #dbe2e8; border-radius: 8px; padding: 9px 16px; font-weight: 600; font-size: 14px; }
.karma-transcription-pick:hover { background: #f1f5f6; }
.karma-transcription-selected { margin-top: 18px; padding: 15px; border-radius: 10px; background: #f7f9fa; }
.karma-transcription-file-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.karma-transcription-file-details { display: flex; flex-direction: column; min-width: 0; }
.karma-transcription-file-details strong { font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.karma-transcription-file-details small { color: #74808c; margin-top: 2px; }
.karma-transcription-remove { border: 0; background: none; color: #526978; font-size: 13px; }
.karma-transcription-selected audio, .karma-transcription-selected video { width: 100%; margin-top: 14px; }
.karma-transcription-error { color: #a44343; font-size: 14px; margin: 14px 0 0; }
.karma-transcription-login { padding: 17px; margin-top: 18px; border-radius: 10px; background: #f1f5f6; }
.karma-transcription-login strong { font-size: 14px; font-weight: 600; }
.karma-transcription-login > div { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 12px; }
.karma-transcription-login input { flex: 1; min-width: 135px; background: #fff; border: 1px solid #d9e1e6; border-radius: 8px; padding: 9px 11px; font-size: 14px; }
.karma-transcription-login button, .karma-transcription-submit { color: #fff; border: 0; border-radius: 8px; padding: 10px 18px; background: #526e81; font-weight: 600; font-size: 14px; }
.karma-transcription-login button:hover, .karma-transcription-submit:hover { background: #405c70; }
.karma-transcription-page button:disabled { opacity: .5; cursor: not-allowed; }
.karma-transcription-actions { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 21px; }
.karma-transcription-actions p { max-width: 440px; color: #687887; font-size: 13px; line-height: 1.55; margin: 0; }
.karma-transcription-result { margin-top: 19px; }
.karma-transcription-result h2 { font-size: 16px; font-weight: 600; overflow-wrap: anywhere; }
.karma-transcription-status { color: #687887; margin: 5px 0 0; font-size: 14px; }
.karma-transcription-segments { display: flex; flex-direction: column; gap: 14px; margin-top: 18px; padding-top: 17px; border-top: 1px solid #e6ebee; }
.karma-transcription-segment { display: grid; grid-template-columns: 52px 1fr; gap: 14px; font-size: 14px; line-height: 1.65; }
.karma-transcription-segment time { color: #667e8d; font-variant-numeric: tabular-nums; }
.karma-transcription-segment p { margin: 0; overflow-wrap: anywhere; }
.karma-transcription-page [hidden] { display: none !important; }
@media (max-width: 700px) { .karma-transcription-scroll { padding: 15px; } .karma-transcription-card, .karma-transcription-result { padding: 16px; } .karma-transcription-header { padding: 15px; } body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"] > div { padding: 10px; } }
.dark body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"], .dark body[data-karma-view="transcription"] #root .karma-transcription-page { background: #111827; }
.dark .karma-transcription-header, .dark .karma-transcription-card, .dark .karma-transcription-result { background: #1f2937; color: #f2f4f5; }
.dark .karma-transcription-header p, .dark .karma-transcription-status, .dark .karma-transcription-drop p, .dark .karma-transcription-actions p { color: #b6c2ca; }
.dark .karma-transcription-drop, .dark .karma-transcription-selected, .dark .karma-transcription-login { background: #253242; border-color: #526477; }
.dark .karma-transcription-pick, .dark .karma-transcription-login input { background: #29384a; color: #f2f4f5; border-color: #536477; }

/* UI polish v3 — dark surfaces, restrained analytics, native transcription nav. */
/* Dialogs: keep every surface in the same dark material system. */
.dark body[data-karma-view="dialogs"] #root > div > div:last-child > div:first-child,
.dark body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"] {
  background: #101722;
}
.dark body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="bg-gray-50"] {
  background: #0f1620 !important;
}
.dark body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"] [class~="mb-2"][class~="p-4"][class~="border"] {
  background: #1c2735;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}
.dark body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"] [class~="space-y-1"] > [class~="cursor-pointer"][class~="border"] {
  background: #17212e;
  box-shadow: 0 2px 10px rgba(0,0,0,.10);
}
.dark body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"] [class~="space-y-1"] > [class~="cursor-pointer"][class~="border"]:hover {
  background: #1d2938;
  box-shadow: 0 5px 16px rgba(0,0,0,.16);
}
.dark body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"] [class~="space-y-1"] > [class~="cursor-pointer"][class~="border-indigo-500"],
.dark body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"] [class~="space-y-1"] > [class~="cursor-pointer"][class~="dark:border-indigo-400"] {
  background: #273445 !important;
  border-color: transparent !important;
  box-shadow: inset 3px 0 0 rgba(139, 164, 188, .68), 0 5px 18px rgba(0,0,0,.14) !important;
}
.dark body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"] [class~="space-y-1"] > [class~="cursor-pointer"] [class~="bg-gray-100"] {
  background: #2a3748 !important;
  color: #d5dde7 !important;
}
.dark body[data-karma-view="dialogs"] #root [class~="w-1/2"][class~="border-r"] [class~="space-y-1"] > [class~="cursor-pointer"] [class~="dark:bg-gray-700"] {
  background: #2a3748 !important;
}

/* Analytics: remove colored edge accents and use elevation + tonal surfaces instead. */
body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class~="border-l-2"] {
  border-left-width: 0 !important;
  border-left-color: transparent !important;
  border-radius: 10px;
  box-shadow: 0 3px 14px rgba(27,38,53,.07) !important;
}
.dark body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class~="border-l-2"] {
  background: #1b2736 !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.14) !important;
}
.dark body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class~="rounded-md"][class~="border"][class~="border-border"] {
  border-color: #273444 !important;
  background-color: #141c27 !important;
}
.dark body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class~="border-b"][class~="border-border"][class~="bg-white"] {
  background-color: #1a2533 !important;
  border-color: #2a3747 !important;
}
.dark body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class~="hover:bg-muted/30"]:hover {
  background-color: #1a2533 !important;
}

/* Heatmap pills: semantic but muted — no near-white chips in dark mode. */
.dark body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class~="min-w-[2.75rem]"][class~="bg-green-200"] {
  background-color: #203a31 !important;
  color: #9bc8b1 !important;
}
.dark body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class~="min-w-[2.75rem]"][class~="bg-yellow-100"] {
  background-color: #3b311f !important;
  color: #d8b978 !important;
}
.dark body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class~="min-w-[2.75rem]"][class~="bg-rose-200"] {
  background-color: #412729 !important;
  color: #dca2a2 !important;
}
.dark body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class*="text-emerald-"],
.dark body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class*="text-green-"] { color: #87b59e !important; }
.dark body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class*="text-amber-"] { color: #d0aa66 !important; }
.dark body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class*="text-rose-"],
.dark body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] [class*="text-red-"] { color: #cb8d8d !important; }

/* Chart toggles keep selection by fill/weight, not neon underlines. */
body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] button[style*="box-shadow"] {
  box-shadow: none !important;
}
.dark body[data-karma-view="analytics"] #root [class~="max-w-[1600px]"] button[class*="bg-muted"] {
  background: #202b3a !important;
  border-color: #334154 !important;
}

/* Transcription is a first-class navigation state. */
body[data-karma-view="transcription"] #root nav > button:first-child {
  background: transparent !important;
  color: inherit;
}
.dark body[data-karma-view="transcription"] #root nav > button:first-child {
  color: rgb(209 213 219) !important;
}
#root [data-karma-nav="upload"] {
  min-height: 44px;
}


/* Dialog analysis v4 — calmer hierarchy, flatter transcript, quieter semantic states. */
[data-karma-analysis] {
  --analysis-canvas: #0f1724;
  --analysis-surface: #172231;
  --analysis-surface-raised: #1b2736;
  --analysis-border: #293748;
  --analysis-border-soft: #233142;
  --analysis-text: #eef3f8;
  --analysis-muted: #91a0b2;
  --analysis-subtle: #718196;
  --analysis-accent: #6688a8;
  background: var(--analysis-canvas) !important;
  color: var(--analysis-text);
}
[data-karma-analysis-part="header"] {
  min-height: 72px;
  padding: 16px 20px !important;
  background: #111a28 !important;
  border-color: var(--analysis-border-soft) !important;
}
[data-karma-analysis-part="header"] h2 {
  font-size: 17px !important;
  line-height: 1.35;
  letter-spacing: -0.01em;
  font-weight: 650 !important;
}
[data-karma-analysis-part="header"] button {
  min-height: 36px;
  padding: 0 13px !important;
  border-radius: 9px !important;
  border-color: #314053 !important;
  background: #121b28 !important;
  color: #e6edf5 !important;
  box-shadow: none !important;
}
[data-karma-analysis-part="header"] button:hover {
  background: #1a2635 !important;
  border-color: #3c4d61 !important;
}
[data-karma-analysis-part="header"] button svg {
  color: #9eafc1;
}

[data-karma-analysis-part="player"] {
  padding: 12px 20px 14px;
  background: #111a28 !important;
  border-color: var(--analysis-border-soft) !important;
}
[data-karma-analysis-part="player"] > div {
  padding: 0 !important;
  background: transparent !important;
}
[data-karma-analysis-part="player"] > div > div.flex.items-center {
  min-height: 48px !important;
  border-radius: 10px !important;
  border-color: #304054 !important;
  background: #1a2635 !important;
  padding: 7px 10px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.015);
}
[data-karma-analysis-part="player"] [class~="h-8"][class~="w-8"] {
  width: 34px !important;
  height: 34px !important;
  border-radius: 8px !important;
  background: #356f9f !important;
  color: #f5f9fc !important;
  box-shadow: none !important;
}
[data-karma-analysis-part="player"] [class~="h-8"][class~="w-8"]:hover {
  background: #3f7dab !important;
}
[data-karma-analysis-part="player"] .font-mono {
  color: #a6b4c4 !important;
  font-size: 12px !important;
  letter-spacing: .01em;
}

[data-karma-analysis-part="body"] {
  padding: 18px 20px 28px !important;
  background: var(--analysis-canvas) !important;
  scrollbar-width: thin;
  scrollbar-color: #485568 transparent;
}
[data-karma-analysis-part="body"]::-webkit-scrollbar { width: 7px; }
[data-karma-analysis-part="body"]::-webkit-scrollbar-track { background: transparent; }
[data-karma-analysis-part="body"]::-webkit-scrollbar-thumb {
  background: #485568;
  border-radius: 999px;
  border: 2px solid var(--analysis-canvas);
}
[data-karma-analysis-part="body"] > section + section {
  margin-top: 26px !important;
}
[data-karma-analysis-part="body"] > section > h3 {
  margin: 0 0 10px !important;
  font-size: 15px !important;
  line-height: 1.4;
  font-weight: 650 !important;
  letter-spacing: -0.01em;
  color: #edf2f7 !important;
}

/* Transcript rows read like a conversation, not a stack of form cards. */
[data-karma-analysis-section="transcription"] [data-active] {
  position: relative;
  padding: 11px 13px !important;
  border-radius: 9px !important;
  border: 1px solid transparent !important;
  background: #172231 !important;
  box-shadow: none !important;
  transition: background-color .14s ease, border-color .14s ease !important;
}
[data-karma-analysis-section="transcription"] [data-active]:hover {
  background: #1a2737 !important;
  border-color: #2a394a !important;
}
[data-karma-analysis-section="transcription"] [data-active="true"] {
  background: #1c2a3a !important;
  border-color: #34475a !important;
  box-shadow: inset 2px 0 0 var(--analysis-accent) !important;
}
[data-karma-analysis-section="transcription"] [data-active] [class~="text-xs"] {
  color: #91a2b5 !important;
  font-size: 11px !important;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
}
[data-karma-analysis-section="transcription"] [data-active] p {
  color: #edf2f7 !important;
  font-size: 14px !important;
  line-height: 1.58 !important;
}
[data-karma-analysis-section="transcription"] [data-active] [class*="bg-blue-"],
[data-karma-analysis-section="transcription"] [data-active] [class*="dark:bg-blue-"] {
  background: rgba(97, 137, 174, .15) !important;
  color: #aec3d7 !important;
}
[data-karma-analysis-section="transcription"] [data-active] [class*="bg-gray-"],
[data-karma-analysis-section="transcription"] [data-active] [class*="dark:bg-gray-"] {
  background: rgba(142, 157, 175, .11) !important;
  color: #aeb9c7 !important;
}
[data-karma-analysis-section="transcription"] [data-active="true"] .animate-pulse {
  display: none !important;
}

/* Metrics: neutral cards with restrained yes/no status. */
[data-karma-analysis-section="metrics"] .grid {
  gap: 10px !important;
}
[data-karma-analysis-section="metrics"] .grid > div[class*="border"] {
  min-height: 72px;
  padding: 13px 14px !important;
  border: 1px solid #283749 !important;
  border-radius: 10px !important;
  background: #182433 !important;
  box-shadow: none !important;
}
[data-karma-analysis-section="metrics"] .grid > div[class*="border"]:hover {
  background: #1b2838 !important;
  border-color: #314257 !important;
}
[data-karma-analysis-section="metrics"] .grid > div[class*="border"] .font-medium {
  color: #edf2f7 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4;
}
[data-karma-analysis-section="metrics"] .grid > div[class*="border"] [class~="text-xs"] {
  margin-top: 2px;
  color: #91a0b2 !important;
  font-size: 12px !important;
}
[data-karma-analysis-section="metrics"] [class*="bg-green-"] {
  background: rgba(45, 139, 96, .17) !important;
  color: #7fd0a7 !important;
}
[data-karma-analysis-section="metrics"] [class*="text-green-"] {
  color: #72c79e !important;
}
[data-karma-analysis-section="metrics"] [class*="bg-red-"] {
  background: rgba(170, 73, 79, .16) !important;
  color: #df9195 !important;
}
[data-karma-analysis-section="metrics"] [class*="text-red-"] {
  color: #d98388 !important;
}

/* Light theme follows the same hierarchy without looking like a white sheet. */
html:not(.dark) [data-karma-analysis] {
  --analysis-canvas: #f5f7f9;
  --analysis-surface: #ffffff;
  --analysis-surface-raised: #ffffff;
  --analysis-border: #dfe5eb;
  --analysis-border-soft: #e4e9ee;
  --analysis-text: #17202b;
  --analysis-muted: #697789;
  --analysis-subtle: #7d8998;
  --analysis-accent: #6f8ca6;
  background: var(--analysis-canvas) !important;
  color: var(--analysis-text);
}
html:not(.dark) [data-karma-analysis-part="header"],
html:not(.dark) [data-karma-analysis-part="player"] { background: #fff !important; }
html:not(.dark) [data-karma-analysis-part="header"] button {
  background: #fff !important; border-color: #dbe2e8 !important; color: #263442 !important;
}
html:not(.dark) [data-karma-analysis-part="player"] > div > div.flex.items-center {
  background: #f5f7f9 !important; border-color: #dde4ea !important;
}
html:not(.dark) [data-karma-analysis-section="transcription"] [data-active] { background: #fff !important; }
html:not(.dark) [data-karma-analysis-section="transcription"] [data-active]:hover { background: #f8fafb !important; border-color: #e1e7ec !important; }
html:not(.dark) [data-karma-analysis-section="transcription"] [data-active="true"] { background: #f2f6f9 !important; border-color: #d6e0e7 !important; }
html:not(.dark) [data-karma-analysis-section="transcription"] [data-active] p { color: #1d2935 !important; }
html:not(.dark) [data-karma-analysis-section="metrics"] .grid > div[class*="border"] { background: #fff !important; border-color: #e0e6eb !important; }
html:not(.dark) [data-karma-analysis-section="metrics"] .grid > div[class*="border"]:hover { background: #f8fafb !important; border-color: #d5dde4 !important; }
html:not(.dark) [data-karma-analysis-section="metrics"] .grid > div[class*="border"] .font-medium { color: #1e2a35 !important; }

@media (max-width: 1100px) {
  [data-karma-analysis-part="body"] { padding-left: 16px !important; padding-right: 16px !important; }
  [data-karma-analysis-section="metrics"] .grid { grid-template-columns: minmax(0, 1fr) !important; }
}


/* Analytics v5 — summary table and daily metrics refinement. */
body[data-karma-view="analytics"] #root [data-karma-analytics-section="summary-table"] {
  margin-top: 2px;
}
body[data-karma-view="analytics"] #root [data-karma-analytics-section="summary-table"] > h3 {
  margin-bottom: 10px !important;
  font-size: 17px !important;
  line-height: 1.35;
  letter-spacing: -0.01em;
}
body[data-karma-view="analytics"] #root [data-karma-analytics-table] {
  overflow: hidden;
  border: 1px solid rgba(71, 85, 105, 0.34) !important;
  border-radius: 16px !important;
  background: rgba(15, 23, 36, 0.84) !important;
  box-shadow: 0 14px 34px rgba(3, 8, 18, 0.22), inset 0 1px 0 rgba(255,255,255,.03);
}
body[data-karma-view="analytics"] #root [data-karma-analytics-table] table {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
body[data-karma-view="analytics"] #root [data-karma-analytics-table] thead th {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0;
  color: #9baabd !important;
  background: rgba(26, 38, 55, 0.92) !important;
  border-bottom: 1px solid rgba(65, 81, 102, 0.42) !important;
}
body[data-karma-view="analytics"] #root [data-karma-analytics-table] tbody tr {
  transition: background-color .16s ease;
}
body[data-karma-view="analytics"] #root [data-karma-analytics-table] tbody tr:hover {
  background: rgba(35, 49, 68, 0.44) !important;
}
body[data-karma-view="analytics"] #root [data-karma-analytics-table] tbody td {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  color: #edf2f8 !important;
  border-top: 1px solid rgba(53, 67, 87, 0.44) !important;
  vertical-align: middle;
}
body[data-karma-view="analytics"] #root [data-karma-analytics-table] tbody tr:first-child td {
  border-top-color: rgba(53, 67, 87, 0.18) !important;
}
body[data-karma-view="analytics"] #root [data-karma-analytics-table] tbody td:first-child {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #f6f9fc !important;
}
body[data-karma-view="analytics"] #root [data-karma-analytics-table] tbody td:nth-child(2),
body[data-karma-view="analytics"] #root [data-karma-analytics-table] tbody td:nth-child(3) {
  font-size: 16px !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums;
}
body[data-karma-view="analytics"] #root [data-karma-analytics-table] tbody td [class*="rounded-full"] {
  min-width: 50px;
  justify-content: center;
  padding: 6px 11px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
body[data-karma-view="analytics"] #root [data-karma-analytics-table] tbody td [class*="bg-green"],
body[data-karma-view="analytics"] #root [data-karma-analytics-table] tbody td [class*="bg-emerald"] {
  background: rgba(39, 94, 78, 0.62) !important;
  color: #b8ebd2 !important;
}
body[data-karma-view="analytics"] #root [data-karma-analytics-table] tbody td [class*="bg-amber"],
body[data-karma-view="analytics"] #root [data-karma-analytics-table] tbody td [class*="bg-yellow"] {
  background: rgba(112, 83, 31, 0.66) !important;
  color: #f1d08a !important;
}
body[data-karma-view="analytics"] #root [data-karma-analytics-table] tbody td [class*="bg-red"],
body[data-karma-view="analytics"] #root [data-karma-analytics-table] tbody td [class*="bg-rose"] {
  background: rgba(112, 51, 56, 0.72) !important;
  color: #f0b4b7 !important;
}
body[data-karma-view="analytics"] #root [data-karma-analytics-section="daily-chart"] {
  margin-top: 14px !important;
}
body[data-karma-view="analytics"] #root [data-karma-analytics-section="daily-chart"] > h3 {
  font-size: 17px !important;
}
body[data-karma-view="analytics"] #root [data-karma-analytics-section="daily-chart"] button {
  min-height: 38px;
  padding-left: 14px !important;
  padding-right: 14px !important;
  border-radius: 10px !important;
}
html:not(.dark) body[data-karma-view="analytics"] #root [data-karma-analytics-table] {
  background: #ffffff !important;
  border-color: rgba(205, 214, 224, 0.88) !important;
  box-shadow: 0 12px 34px rgba(19, 31, 48, 0.08);
}
html:not(.dark) body[data-karma-view="analytics"] #root [data-karma-analytics-table] thead th {
  background: #f6f8fa !important;
  color: #67778a !important;
  border-bottom-color: rgba(219, 227, 236, 1) !important;
}
html:not(.dark) body[data-karma-view="analytics"] #root [data-karma-analytics-table] tbody td {
  color: #213243 !important;
  border-top-color: rgba(229, 235, 241, 1) !important;
}
html:not(.dark) body[data-karma-view="analytics"] #root [data-karma-analytics-table] tbody td:first-child {
  color: #162331 !important;
}
html:not(.dark) body[data-karma-view="analytics"] #root [data-karma-analytics-table] tbody tr:hover {
  background: rgba(244, 247, 250, 0.88) !important;
}


/* Analysis and player v6 — transcript as a list, quieter metrics, better audio chrome. */
[data-karma-analysis-part="player"] > div > div.flex.items-center {
  min-height: 56px !important;
  gap: 12px !important;
  padding: 8px 12px !important;
  border-radius: 14px !important;
  background: #172435 !important;
}
[data-karma-analysis-part="player"] [data-karma-player-button],
[data-karma-analysis-part="player"] [class~="h-8"][class~="w-8"] {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 12px !important;
  background: #4f95cc !important;
  border: 0 !important;
  box-shadow: none !important;
}
[data-karma-analysis-part="player"] [data-karma-player-button]:hover,
[data-karma-analysis-part="player"] [class~="h-8"][class~="w-8"]:hover {
  background: #5aa2db !important;
}
[data-karma-analysis-part="player"] [data-karma-player-button] svg {
  width: 16px !important;
  height: 16px !important;
}
[data-karma-analysis-part="player"] [data-karma-player-time] {
  font-size: 13px !important;
  color: #a9b8c8 !important;
}
[data-karma-wave-shell] {
  position: relative !important;
  min-height: 40px !important;
  border-radius: 12px !important;
  overflow: hidden;
  background: transparent !important;
}
[data-karma-wave-shell] [role="application"] {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2;
}

/* Transcript becomes a structured list rather than stacked cards. */
[data-karma-analysis-section="transcription"] > .space-y-2 {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  border-top: 1px solid rgba(46, 61, 80, 0.6);
}
[data-karma-analysis-section="transcription"] [data-active] {
  padding: 12px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(46, 61, 80, 0.58) !important;
}
[data-karma-analysis-section="transcription"] [data-active]:hover {
  background: rgba(26, 38, 55, 0.32) !important;
  border-color: rgba(46, 61, 80, 0.58) !important;
}
[data-karma-analysis-section="transcription"] [data-active="true"] {
  background: rgba(34, 49, 68, 0.34) !important;
  border-bottom-color: rgba(71, 96, 124, 0.72) !important;
  box-shadow: inset 3px 0 0 #6788a9 !important;
}
[data-karma-analysis-section="transcription"] [data-active] > div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 8px 12px !important;
}
[data-karma-analysis-section="transcription"] [data-active] .flex-1 {
  min-width: 0;
}
[data-karma-analysis-section="transcription"] [data-active] .mb-1 {
  margin-bottom: 4px !important;
}
[data-karma-analysis-section="transcription"] [data-active] [class*="rounded"][class*="text-xs"] {
  border-radius: 999px !important;
}
[data-karma-analysis-section="transcription"] [data-active] p {
  font-size: 14px !important;
  line-height: 1.6 !important;
}
[data-karma-analysis-section="transcription"] [data-active] .w-2.h-2.rounded-full {
  width: 6px !important;
  height: 6px !important;
  margin-top: 6px !important;
}

/* Metrics: no visible outlines, cleaner surface blocks. */
[data-karma-analysis-section="metrics"] .grid > div[class*="border"] {
  border: 0 !important;
  outline: none !important;
  box-shadow: inset 0 0 0 1px rgba(42, 56, 73, 0.7) !important;
}
[data-karma-analysis-section="metrics"] .grid > div[class*="border"]:focus,
[data-karma-analysis-section="metrics"] .grid > div[class*="border"]:focus-visible {
  outline: none !important;
  box-shadow: inset 0 0 0 1px rgba(42, 56, 73, 0.7) !important;
}
html:not(.dark) [data-karma-analysis-section="transcription"] > .space-y-2 {
  border-top-color: #e3e8ee;
}
html:not(.dark) [data-karma-analysis-section="transcription"] [data-active] {
  border-bottom-color: #e3e8ee !important;
}
html:not(.dark) [data-karma-analysis-section="transcription"] [data-active]:hover {
  background: rgba(246, 248, 250, 0.9) !important;
}
html:not(.dark) [data-karma-analysis-section="transcription"] [data-active="true"] {
  background: #f3f7fa !important;
  border-bottom-color: #d8e1e8 !important;
}
html:not(.dark) [data-karma-analysis-section="metrics"] .grid > div[class*="border"] {
  box-shadow: inset 0 0 0 1px rgba(223, 230, 236, 1) !important;
}

/* Dialog analysis v6 — editorial transcript, borderless metrics, integrated waveform. */
[data-karma-analysis-part="player"] {
  padding: 10px 20px 12px !important;
  border: 0 !important;
  background: var(--analysis-canvas) !important;
}
[data-karma-analysis-part="player"] > div {
  padding: 0 !important;
  background: transparent !important;
}
[data-karma-analysis-part="player"] > div > div.flex.items-center {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  grid-template-rows: 30px 16px !important;
  column-gap: 14px !important;
  row-gap: 0 !important;
  min-height: 54px !important;
  padding: 2px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
[data-karma-analysis-part="player"] > div > div.flex.items-center > button {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  width: 42px !important;
  height: 42px !important;
  align-self: center !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: #347cac !important;
  color: #f7fbff !important;
  box-shadow: none !important;
}
[data-karma-analysis-part="player"] > div > div.flex.items-center > button:hover {
  background: #3d88b9 !important;
}
[data-karma-analysis-part="player"] > div > div.flex.items-center > .font-mono {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: end !important;
  margin: 0 !important;
  font-size: 11px !important;
  line-height: 14px !important;
  color: #8495a8 !important;
  font-variant-numeric: tabular-nums;
}
[data-karma-analysis-part="player"] > div > div.flex.items-center > div.flex-1 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 30px !important;
  height: 30px !important;
  align-self: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}
[data-karma-analysis-part="player"] [role="application"] {
  width: 100% !important;
  height: 30px !important;
  min-width: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Transcript: one continuous reading surface; segments are separated only by rhythm. */
[data-karma-analysis-section="transcription"] > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
[data-karma-analysis-section="transcription"] [data-active] {
  position: relative;
  margin: 0 !important;
  padding: 5px 2px 7px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: opacity .14s ease !important;
}
[data-karma-analysis-section="transcription"] [data-active]:hover {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
[data-karma-analysis-section="transcription"] [data-active="true"] {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
[data-karma-analysis-section="transcription"] [data-active="true"]::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 7px;
  bottom: 7px;
  width: 2px;
  border-radius: 999px;
  background: #567b9b;
  opacity: .72;
}
[data-karma-analysis-section="transcription"] [data-active] .mb-1 {
  margin-bottom: 2px !important;
}
[data-karma-analysis-section="transcription"] [data-active] [class~="text-xs"] {
  font-size: 11px !important;
  line-height: 1.3 !important;
  color: #7f91a6 !important;
}
[data-karma-analysis-section="transcription"] [data-active] p {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #edf2f7 !important;
}

/* Metric cards are surfaces, not outlined controls. */
[data-karma-analysis-section="metrics"] .grid {
  gap: 10px !important;
}
[data-karma-analysis-section="metrics"] .grid > div[class*="border"] {
  border: 0 !important;
  background: #182433 !important;
  box-shadow: none !important;
}
[data-karma-analysis-section="metrics"] .grid > div[class*="border"]:hover {
  border: 0 !important;
  background: #1b2939 !important;
  box-shadow: none !important;
}
[data-karma-analysis-section="metrics"] div[class~="border"] {
  border-width: 0 !important;
}

html:not(.dark) [data-karma-analysis-part="player"] {
  background: var(--analysis-canvas) !important;
}
html:not(.dark) [data-karma-analysis-part="player"] > div > div.flex.items-center {
  background: transparent !important;
  border: 0 !important;
}
html:not(.dark) [data-karma-analysis-section="transcription"] [data-active],
html:not(.dark) [data-karma-analysis-section="transcription"] [data-active]:hover,
html:not(.dark) [data-karma-analysis-section="transcription"] [data-active="true"] {
  background: transparent !important;
  border: 0 !important;
}
html:not(.dark) [data-karma-analysis-section="transcription"] [data-active] p {
  color: #1d2935 !important;
}
html:not(.dark) [data-karma-analysis-section="metrics"] .grid > div[class*="border"] {
  border: 0 !important;
  background: #ffffff !important;
  box-shadow: 0 5px 16px rgba(25, 40, 58, .055) !important;
}
html:not(.dark) [data-karma-analysis-section="metrics"] .grid > div[class*="border"]:hover {
  background: #fbfcfd !important;
  border: 0 !important;
}



/* Waveform v7 — only the real decoded audio waveform. */
[data-karma-wave-placeholder] { display: none !important; }
[data-karma-wave-shell] { background: transparent !important; }
[data-karma-wave-shell] [role="application"] { position: relative !important; inset: auto !important; z-index: 1 !important; }