:root {
  --colors-primary: #056066;
  --colors-primary-hover: #044e53;
  --colors-primary-active: #033b3f;
  --colors-primary-text: #ffffff;
  --colors-primary-subtle: #d0e5e6;
  --colors-primary-subtle-text: #044e53;
  --colors-primary-warm: #4a9a9f;
  --colors-primary-action: #056066;
  --colors-primary-50: #e6f2f3;
  --colors-primary-100: #c0e0e2;
  --colors-primary-200: #99cdd1;
  --colors-primary-300: #66b3b8;
  --colors-primary-400: #3399a0;
  --colors-primary-500: #056066;
  --colors-primary-600: #04585d;
  --colors-primary-700: #044e53;
  --colors-primary-800: #033b3f;
  --colors-primary-900: #022a2d;
  --colors-primary-950: #011a1c;
  --colors-primary-dark-50: #011a1c;
  --colors-primary-dark-75: #022225;
  --colors-primary-dark-100: #033035;
  --colors-primary-dark-200: #044248;
  --colors-primary-dark-300: #056066;
  --colors-primary-dark-400: #278087;
  --colors-primary-dark-500: #4a9a9f;
  --colors-primary-dark-600: #6db3b7;
  --colors-primary-dark-700: #91cbce;
  --colors-primary-dark-800: #b6e0e2;
  --colors-primary-dark-900: #d8eff0;
  --colors-primary-dark-950: #f0fafb;
  --colors-primary-dark-action: #4a9a9f;
}

/* Wipe homepage marketing carousel / LaSuite intro */
img[src*="intro-slider"],
[aria-roledescription="carousel"],
[aria-label*="carousel" i],
[aria-label*="Diaporama" i],
[aria-label*="slideshow" i] {
  display: none !important;
}

/* French gov / suite chrome */
.fr-footer,
.fr-header,
[class*="Gaufre"],
[class*="gaufre"],
[class*="Marianne"],
[class*="marianne"],
a[href*="numerique.gouv"],
a[href*="lasuite"],
a[href*="crisp.help"],
a[href*="beta.gouv"] {
  display: none !important;
}

.Header-logo,
img[alt="iStream"],
img[src="/assets/img1.png"],
img[src="/assets/logo.svg"] {
  width: 40px !important;
  height: 40px !important;
  max-height: 40px !important;
  object-fit: contain !important;
  border-radius: 50%;
}

/* Homepage: tighter, no marketing column */
body {
  background: #f4fbfb;
}

/* Hide gov / LaSuite chrome everywhere */
.fr-footer,
a[href*="gouv.fr"],
a[href*="service-public"],
a[href*="agentconnect"],
a[href*="crisp.help"],
a[href*="lasuite"],
[aria-roledescription="carousel"],
img[src*="intro-slider"] {
  display: none !important;
}

/* Homepage: wipe marketing chrome, keep join/create */
body[data-istream-home="1"] footer,
body[data-istream-home="1"] [class*="Footer"] {
  display: none !important;
}
/* istream-chat-panel-fit */

/* istream-chat-panel-fit */
aside:has(iframe[title="iStream Chat"]) {
  padding: 0 !important;
}
aside:has(iframe[title="iStream Chat"]) > div:first-child {
  display: none !important; /* Meet "Messages in the chat" title */
}
aside:has(iframe[title="iStream Chat"]) iframe[title="iStream Chat"] {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
}


/* === iStream room: kill purple/blue LiveKit chrome → light teal === */
:root {
  --lk-bg: #04363a;
  --lk-bg2: #055055;
  --lk-bg3: #066368;
  --lk-bg4: #0a7a80;
  --lk-bg5: #2a9096;
  --lk-bg6: #4aa3a8;
  --lk-fg: #f0fafb;
  --lk-fg2: #d8eff0;
  --lk-fg3: #b6e0e2;
  --lk-fg4: #91cbce;
  --lk-accent-fg: #ffffff;
  --lk-accent-bg: #056066;
  --lk-accent: #056066;
  --lk-accent2: #067a80;
  --lk-accent3: #3d9a9f;
  --lk-accent4: #6db3b7;
  --lk-control-bg: #044e53;
  --lk-control-hover-bg: #056066;
  --lk-control-active-bg: #067a80;
  --lk-border-color: #278087;
}

/* Camera-off / connecting participant stage (was purple/violet) */
.lk-participant-tile,
.lk-participant-placeholder,
.lk-video-conference,
.lk-room-container,
[data-lk-theme],
[class*="ParticipantTile"],
[class*="participant-tile"],
[class*="FocusLayout"],
[class*="GridLayout"],
[class*="CarouselLayout"] {
  --lk-bg: #04363a !important;
  --lk-bg2: #055055 !important;
  --lk-accent: #056066 !important;
}

/* Placeholder only — do not cover live video */
.lk-participant-placeholder,
div[class*="ParticipantPlaceholder"] {
  background: radial-gradient(circle at 50% 42%, #4aa3a8 0%, #056066 42%, #022a2d 100%) !important;
}

.lk-participant-tile,
div[class*="participantTile"],
div[class*="ParticipantTile"] {
  background-color: #022a2d !important;
}

/* Keep camera/mic video above tile backgrounds */
.lk-participant-tile video,
.lk-participant-tile canvas,
[class*="ParticipantTile"] video,
[class*="ParticipantTile"] canvas,
.lk-video-conference video,
.lk-video-conference canvas {
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.lk-control-bar,
[class*="ControlBar"],
[class*="control-bar"],
.lk-button,
button[data-lk-source] {
  pointer-events: auto !important;
  z-index: 20 !important;
}

/* Avatar circle letter tile */
.lk-avatar,
.lk-participant-placeholder .lk-avatar,
[class*="Avatar"] {
  background: radial-gradient(circle at 50% 40%, #6db3b7 0%, #056066 55%, #033b3f 100%) !important;
  color: #ffffff !important;
}

/* Connecting / idle stage behind controls */
body:has(.lk-video-conference),
body:has([data-lk-theme]),
#root:has(.lk-video-conference) {
  background: #022a2d !important;
}

.lk-video-conference,
.lk-room-container {
  background: radial-gradient(ellipse at 50% 35%, #0a5c62 0%, #033b3f 45%, #011a1c 100%) !important;
}

/* Control bar teal, keep end-call red */
.lk-button:not(.lk-button-menu):not([data-lk-source]),
.lk-button[data-lk-source="microphone"]:not([aria-pressed="true"]),
.lk-button[aria-pressed="false"] {
  /* leave muted/danger states alone via later rules */
}

.lk-control-bar,
[class*="ControlBar"],
[class*="control-bar"] {
  background: rgba(2, 42, 45, 0.92) !important;
  border-color: #056066 !important;
}

/* Override common purple/indigo utility fills used in Meet shell */
[class*="purple"],
[style*="purple"],
[style*="violet"],
[style*="#9333ea"],
[style*="#7c3aed"],
[style*="#6b21a8"],
[style*="#4c1d95"],
[style*="#6366f1"],
[style*="#4f46e5"] {
  background: #056066 !important;
  background-image: none !important;
}


/* Force-kill remaining purple / indigo / violet from Meet/LiveKit shells */
:root, [data-lk-theme], .lk-room-container, .lk-video-conference, #root {
  --lk-accent: #056066 !important;
  --lk-accent2: #067a80 !important;
  --lk-accent3: #4aa3a8 !important;
  --colors-primary: #056066 !important;
  --colors-primary-500: #056066 !important;
  --colors-primary-600: #04585d !important;
  --colors-primary-700: #044e53 !important;
}
button, a, [class*="Button"], [class*="button"], [class*="Chip"], [class*="badge"], [class*="Badge"], [class*="Tab"], [class*="toggle"], [class*="Toggle"], [class*="Switch"] {
  --tw-ring-color: #056066 !important;
}
/* Hex remaps commonly used by Meet light theme */
[style*="#9333ea"], [style*="#7c3aed"], [style*="#6b21a8"], [style*="#6366f1"], [style*="#4f46e5"],
[style*="#8b5cf6"], [style*="#a855f7"], [style*="#7e22ce"], [style*="#6d28d9"], [style*="#5b21b6"],
[style*="#581c87"], [style*="#6a6af4"], [style*="rgb(147, 51, 234)"], [style*="rgb(124, 58, 237)"],
[style*="rgb(99, 102, 241)"] {
  background-color: #056066 !important;
  background-image: none !important;
  border-color: #044e53 !important;
  color: #fff !important;
}
.lk-button[data-lk-source="camera"][aria-pressed="true"],
.lk-button[data-lk-source="microphone"][aria-pressed="true"],
.lk-button[aria-pressed="true"] {
  background: #056066 !important;
}


/* Stock Meet recording chip: fixed top-left 10px — move clear of video tile */
div.pos_fixed.top_10px.left_10px.bg-c_danger\.700 {
  top: 16px !important;
  left: auto !important;
  right: 16px !important;
  z-index: 1000 !important;
}