/* HENDAR v0.96.2 — R23-APP-UALL-I
 * Unified mobile density, communications and natural-scroll experience.
 */

:root {
  --ualli-ink: #102f45;
  --ualli-muted: #6c818d;
  --ualli-line: #d8e5e8;
  --ualli-surface: #ffffff;
  --ualli-canvas: #eef7f5;
  --ualli-brand: #0b887c;
  --ualli-brand-dark: #075f5d;
  --ualli-mine: #d9faec;
  --ualli-danger: #d94a59;
  --ualli-shadow: 0 18px 48px rgb(18 55 69 / 12%);
}

/* Executive dashboard: six balanced cards and compact lifecycle. */
.enterprise-metrics-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.enterprise-kpi-card {
  min-width: 0 !important;
  min-height: 172px !important;
  padding: 17px !important;
}

.enterprise-lifecycle-panel .lifecycle-flow {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.enterprise-lifecycle-panel .lifecycle-flow > button {
  display: grid !important;
  min-width: 0 !important;
  min-height: 106px !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  column-gap: 10px !important;
  row-gap: 2px !important;
  padding: 12px !important;
  text-align: start !important;
}

.enterprise-lifecycle-panel .lifecycle-flow > button > b {
  grid-row: 1 / 3 !important;
  width: 44px !important;
  height: 44px !important;
  align-self: center !important;
}

.enterprise-lifecycle-panel .lifecycle-flow > button > strong,
.enterprise-lifecycle-panel .lifecycle-flow > button > span {
  min-width: 0 !important;
  margin: 0 !important;
  line-height: 1.45 !important;
}

.enterprise-alerts-panel,
.enterprise-alerts-panel .alerts-list {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.enterprise-alerts-panel .alert-status-legend {
  position: static !important;
}

/* Full-page communications surface. */
.project-chat-shell {
  --chat-ink: var(--ualli-ink);
  --chat-muted: var(--ualli-muted);
  --chat-line: var(--ualli-line);
  --chat-brand: var(--ualli-brand);
  position: relative;
  display: grid !important;
  height: min(820px, calc(100dvh - 142px)) !important;
  min-height: 620px !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  overflow: hidden !important;
  border: 1px solid var(--chat-line) !important;
  border-radius: 24px !important;
  background: var(--ualli-surface) !important;
  box-shadow: var(--ualli-shadow) !important;
  color: var(--chat-ink) !important;
  isolation: isolate;
}

.project-chat-shell [hidden],
.project-chat-shell .hidden { display: none !important; }
.project-chat-shell.is-direct-conversation .project-chat-group-avatar { display: none !important; }

.project-chat-header {
  position: relative !important;
  z-index: 12 !important;
  display: grid !important;
  grid-template-columns: 52px minmax(180px, 1fr) minmax(380px, auto) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  border: 0 !important;
  border-block-end: 1px solid var(--chat-line) !important;
  background: rgb(255 255 255 / 96%) !important;
  backdrop-filter: blur(18px);
}

.project-chat-group-avatar {
  display: grid !important;
  width: 48px !important;
  height: 48px !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid rgb(11 136 124 / 18%) !important;
  border-radius: 15px !important;
  background: #e9fbf7 !important;
}

.project-chat-heading { min-width: 0 !important; }
.project-chat-heading .eyebrow {
  display: block !important;
  margin: 0 0 2px !important;
  color: var(--chat-brand) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
}

.project-chat-heading h3 {
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--chat-ink) !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.project-chat-heading p {
  max-width: 100% !important;
  margin: 2px 0 0 !important;
  overflow: hidden !important;
  color: var(--chat-muted) !important;
  font-size: 10px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.project-chat-header-actions {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

.project-chat-search { min-width: 150px !important; flex: 1 1 210px !important; }
.project-chat-search input {
  width: 100% !important;
  height: 44px !important;
  padding: 9px 13px !important;
  border: 1px solid var(--chat-line) !important;
  border-radius: 13px !important;
  background: #f8fbfb !important;
  color: var(--chat-ink) !important;
  font-size: 12px !important;
}

.project-chat-call-control,
.project-chat-tool-control,
.project-chat-back {
  display: inline-flex !important;
  min-width: 44px !important;
  height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 11px !important;
  border: 1px solid var(--chat-line) !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #385464 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.project-chat-call-control {
  border-color: rgb(11 136 124 / 16%) !important;
  background: #eafbf7 !important;
  color: var(--ualli-brand-dark) !important;
}

.project-chat-ui-icon { width: 20px !important; height: 20px !important; flex: 0 0 20px !important; }

.project-chat-readonly {
  margin: 0 !important;
  padding: 7px 14px !important;
  border-block-end: 1px solid #f1d4aa !important;
  background: #fff8ea !important;
  font-size: 10px !important;
}

.project-chat-layout {
  display: grid !important;
  min-width: 0 !important;
  min-height: 0 !important;
  grid-template-columns: minmax(0, 1fr) 300px !important;
  overflow: hidden !important;
}

.project-chat-main {
  display: flex !important;
  min-width: 0 !important;
  min-height: 0 !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: var(--ualli-canvas) !important;
}

.project-chat-messages {
  display: flex !important;
  min-width: 0 !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 12px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background-color: var(--ualli-canvas) !important;
  background-image: radial-gradient(circle, rgb(11 136 124 / 5%) 1px, transparent 1px) !important;
  background-size: 22px 22px !important;
  scroll-padding-block: 18px;
}

.project-chat-message {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  align-items: flex-end !important;
  gap: 6px !important;
  margin: 0 !important;
}

.project-chat-message.mine { flex-direction: row !important; justify-content: flex-start !important; }
.project-chat-message.theirs { flex-direction: row-reverse !important; justify-content: flex-start !important; }
.project-chat-sender-avatar {
  display: grid !important;
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  background: #dff8f3 !important;
  color: var(--ualli-brand-dark) !important;
  box-shadow: 0 3px 10px rgb(18 55 69 / 9%) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

.project-chat-sender-avatar img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.project-chat-message.mine .project-chat-sender-avatar { display: none !important; }

.project-chat-bubble {
  position: relative !important;
  display: grid !important;
  width: fit-content !important;
  height: auto !important;
  min-width: 86px !important;
  min-height: 0 !important;
  max-width: min(72%, 620px) !important;
  gap: 3px !important;
  margin: 0 !important;
  padding: 8px 11px 6px !important;
  border: 1px solid rgb(18 55 69 / 8%) !important;
  border-radius: 16px 16px 5px 16px !important;
  background: var(--ualli-mine) !important;
  color: #17333e !important;
  box-shadow: 0 4px 14px rgb(18 55 69 / 7%) !important;
}

.project-chat-message.theirs .project-chat-bubble {
  border-radius: 16px 16px 16px 5px !important;
  background: #fff !important;
}

.project-chat-bubble > p {
  margin: 0 !important;
  color: inherit !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

.project-chat-sender {
  margin: 0 !important;
  color: var(--ualli-brand-dark) !important;
  font-size: 10px !important;
  line-height: 1.3 !important;
}

.project-chat-message-meta {
  display: flex !important;
  min-height: 13px !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 1px 0 0 !important;
  color: #82959e !important;
  font-size: 8px !important;
  line-height: 1.2 !important;
}

.project-chat-message-meta em { font-style: normal !important; }
.project-chat-quoted {
  display: grid !important;
  gap: 1px !important;
  padding: 6px 8px !important;
  border: 0 !important;
  border-inline-start: 3px solid var(--chat-brand) !important;
  border-radius: 8px !important;
  background: rgb(255 255 255 / 55%) !important;
  color: inherit !important;
  text-align: start !important;
}

.project-chat-quoted b,
.project-chat-quoted span { overflow: hidden !important; font-size: 9px !important; line-height: 1.35 !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

.project-chat-message-menu {
  position: absolute !important;
  z-index: 8 !important;
  top: 3px !important;
  inset-inline-end: 3px !important;
}

.project-chat-message.mine .project-chat-message-menu { inset-inline: 3px auto !important; }
.project-chat-message-menu summary {
  display: grid !important;
  width: 28px !important;
  height: 28px !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #69808a !important;
  cursor: pointer !important;
  list-style: none !important;
  opacity: .7 !important;
}

.project-chat-message-menu summary::-webkit-details-marker { display: none !important; }
.project-chat-message-menu[open] summary { background: rgb(255 255 255 / 86%) !important; color: var(--chat-brand) !important; opacity: 1 !important; }
.project-chat-message-menu > div {
  position: absolute !important;
  z-index: 20 !important;
  top: 30px !important;
  inset-inline-end: 0 !important;
  display: grid !important;
  width: 132px !important;
  padding: 5px !important;
  border: 1px solid var(--chat-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 14px 36px rgb(18 55 69 / 19%) !important;
}

.project-chat-message.mine .project-chat-message-menu > div { inset-inline: 0 auto !important; }
.project-chat-message-menu button {
  display: flex !important;
  width: 100% !important;
  height: 38px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 9px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #425b67 !important;
  text-align: start !important;
}

.project-chat-message-menu button:hover { background: #eff9f7 !important; color: var(--chat-brand) !important; }
.project-chat-attachments { display: grid !important; gap: 5px !important; margin-top: 2px !important; }
.project-chat-image {
  position: relative !important;
  display: block !important;
  width: min(360px, 58vw) !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border: 1px solid rgb(18 55 69 / 10%) !important;
  border-radius: 12px !important;
  background: #dbe9e7 !important;
  text-decoration: none !important;
}

.project-chat-image img {
  display: block !important;
  width: 100% !important;
  max-height: 320px !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
}

.project-chat-image span {
  position: absolute !important;
  inset: auto 7px 7px !important;
  padding: 6px 9px !important;
  border-radius: 8px !important;
  background: rgb(4 40 46 / 73%) !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-align: center !important;
  backdrop-filter: blur(7px);
}

.project-chat-file {
  display: flex !important;
  min-height: 48px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px !important;
  border: 1px solid var(--chat-line) !important;
  border-radius: 11px !important;
  background: rgb(255 255 255 / 72%) !important;
  color: inherit !important;
  text-decoration: none !important;
}

.project-chat-file > b { display: grid !important; width: 36px !important; height: 36px !important; place-items: center !important; border-radius: 9px !important; background: #e8faf6 !important; color: var(--chat-brand) !important; font-size: 8px !important; }
.project-chat-file span { min-width: 0 !important; }
.project-chat-file strong,
.project-chat-file small { display: block !important; max-width: 250px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.project-chat-file strong { font-size: 10px !important; }
.project-chat-file small { color: var(--chat-muted) !important; font-size: 8px !important; }

.project-chat-composer {
  position: relative !important;
  z-index: 10 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 8px !important;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  border-block-start: 1px solid var(--chat-line) !important;
  background: rgb(255 255 255 / 97%) !important;
  box-shadow: 0 -8px 24px rgb(18 55 69 / 5%) !important;
}

.project-chat-reply-preview,
.project-chat-camera-panel,
.project-chat-composer > small { grid-column: 1 / -1 !important; }
.project-chat-media-actions { display: flex !important; gap: 5px !important; }
.project-chat-attach,
.project-chat-camera-trigger {
  display: grid !important;
  width: 44px !important;
  height: 44px !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid var(--chat-line) !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #55707b !important;
  cursor: pointer !important;
}

.project-chat-attach input { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; }
.project-chat-composer textarea {
  width: 100% !important;
  min-height: 46px !important;
  max-height: 126px !important;
  resize: none !important;
  padding: 11px 14px !important;
  border: 1px solid var(--chat-line) !important;
  border-radius: 16px !important;
  background: #f8fbfb !important;
  color: var(--chat-ink) !important;
  font: inherit !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.project-chat-send {
  display: inline-flex !important;
  min-width: 48px !important;
  height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, #12a793, #08776f) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgb(8 119 111 / 22%) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.project-chat-composer > small { margin: -3px 2px 0 !important; color: var(--chat-muted) !important; font-size: 8px !important; }
.project-chat-roster {
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-inline-start: 1px solid var(--chat-line) !important;
  background: #fff !important;
}

.project-chat-roster > header { display: flex !important; min-height: 52px !important; align-items: center !important; justify-content: space-between !important; padding: 10px 12px !important; border-block-end: 1px solid var(--chat-line) !important; }
.project-chat-roster-rows { display: grid !important; max-height: 100% !important; gap: 5px !important; padding: 8px !important; overflow-y: auto !important; }
.project-chat-roster-rows > article {
  display: grid !important;
  min-height: 60px !important;
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px !important;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  cursor: pointer !important;
}

.project-chat-roster-rows > article:hover,
.project-chat-roster-rows > article.selected { border-color: rgb(11 136 124 / 18%) !important; background: #effaf8 !important; }
.project-chat-roster-actions { display: flex !important; gap: 4px !important; }
.project-chat-roster-actions button { display: grid !important; min-width: 38px !important; height: 38px !important; place-items: center !important; padding: 0 7px !important; border: 1px solid var(--chat-line) !important; border-radius: 10px !important; background: #fff !important; color: var(--chat-brand) !important; font-size: 9px !important; }

/* Incoming-call swipe, call state and output affordance. */
.project-chat-voice-call {
  position: relative !important;
  z-index: 14 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-block-start: 1px solid rgb(255 255 255 / 13%) !important;
  background: linear-gradient(135deg, #092f3d, #08685f) !important;
  color: #fff !important;
}

.project-chat-voice-call.hidden { display: none !important; }
.project-chat-call-copy { display: flex !important; min-width: 0 !important; align-items: center !important; gap: 10px !important; }
.project-chat-call-copy > span:last-child { display: grid !important; min-width: 0 !important; gap: 2px !important; }
.project-chat-call-copy b { font-size: 12px !important; }
.project-chat-call-copy small { color: rgb(255 255 255 / 72%) !important; font-size: 9px !important; line-height: 1.35 !important; }
.project-chat-call-pulse { display: grid !important; width: 42px !important; height: 42px !important; flex: 0 0 42px !important; place-items: center !important; border-radius: 50% !important; background: rgb(255 255 255 / 12%) !important; color: #a8f2df !important; }
.project-chat-call-duration { color: #fff !important; direction: ltr !important; font-size: 13px !important; font-variant-numeric: tabular-nums !important; font-weight: 900 !important; letter-spacing: .07em !important; }
.project-chat-call-actions { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 6px !important; }
.project-chat-call-actions .button { min-height: 42px !important; }
.project-chat-call-swipe {
  --project-chat-swipe: 0;
  display: grid !important;
  width: min(390px, 48vw) !important;
  grid-template-columns: 52px minmax(145px, 1fr) 52px !important;
  align-items: center !important;
  gap: 5px !important;
  direction: ltr !important;
}

.project-chat-call-swipe > span { display: grid !important; justify-items: center !important; gap: 2px !important; color: rgb(255 255 255 / 72%) !important; font-size: 8px !important; }
.project-chat-call-swipe > span .project-chat-ui-icon { width: 18px !important; height: 18px !important; }
.project-chat-call-swipe > label { position: relative !important; display: block !important; height: 58px !important; overflow: hidden !important; border: 1px solid rgb(255 255 255 / 20%) !important; border-radius: 999px !important; background: linear-gradient(90deg, rgb(231 72 88 / 35%), rgb(255 255 255 / 9%) 42% 58%, rgb(37 200 124 / 35%)) !important; }
.project-chat-call-swipe > label > span { position: absolute !important; inset: 0 !important; display: grid !important; place-items: center !important; color: rgb(255 255 255 / 64%) !important; font-size: 9px !important; font-weight: 800 !important; pointer-events: none !important; }
.project-chat-call-swipe input[type="range"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 58px !important;
  margin: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  cursor: grab !important;
  touch-action: pan-x !important;
}

.project-chat-call-swipe input[type="range"]::-webkit-slider-runnable-track { height: 58px !important; background: transparent !important; }
.project-chat-call-swipe input[type="range"]::-webkit-slider-thumb { width: 48px !important; height: 48px !important; margin-top: 5px !important; appearance: none !important; -webkit-appearance: none !important; border: 1px solid rgb(255 255 255 / 50%) !important; border-radius: 50% !important; background: #fff !important; box-shadow: 0 6px 18px rgb(0 0 0 / 26%) !important; }
.project-chat-call-swipe input[type="range"]::-moz-range-track { height: 58px !important; background: transparent !important; }
.project-chat-call-swipe input[type="range"]::-moz-range-thumb { width: 48px !important; height: 48px !important; border: 1px solid rgb(255 255 255 / 50%) !important; border-radius: 50% !important; background: #fff !important; box-shadow: 0 6px 18px rgb(0 0 0 / 26%) !important; }

.hendar-project-video-call-stage {
  position: fixed !important;
  z-index: 12050 !important;
  inset: max(10px, env(safe-area-inset-top, 0px)) 10px max(10px, env(safe-area-inset-bottom, 0px)) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  overflow: hidden !important;
  border: 1px solid rgb(255 255 255 / 14%) !important;
  border-radius: 24px !important;
  background: #061922 !important;
  color: #fff !important;
  box-shadow: 0 30px 90px rgb(0 0 0 / 48%) !important;
}

.hendar-project-video-call-stage.hidden { display: none !important; }
.hendar-project-video-call-stage > header,
.hendar-project-video-call-stage > footer { display: flex !important; min-height: 62px !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 10px 14px !important; background: rgb(3 18 25 / 88%) !important; backdrop-filter: blur(16px); }
.hendar-project-video-call-stage > header { flex-wrap: wrap !important; }
.hendar-project-video-call-stage > header small { color: rgb(255 255 255 / 60%) !important; }
.hendar-project-video-call-stage > header time { min-width: 62px !important; color: #b8f7e7 !important; direction: ltr !important; font-variant-numeric: tabular-nums !important; font-weight: 900 !important; text-align: center !important; }
.hendar-project-video-tracks { display: grid !important; min-width: 0 !important; min-height: 0 !important; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)) !important; place-content: center !important; gap: 8px !important; padding: 8px !important; overflow: auto !important; }
.hendar-project-video-tracks video { display: block !important; width: 100% !important; height: 100% !important; min-height: 220px !important; max-height: 72dvh !important; border-radius: 16px !important; background: #0c252f !important; object-fit: cover !important; }
.hendar-project-video-call-stage > footer button { min-width: 44px !important; min-height: 44px !important; padding: 8px 13px !important; border: 1px solid rgb(255 255 255 / 18%) !important; border-radius: 13px !important; background: rgb(255 255 255 / 10%) !important; color: #fff !important; }
.hendar-project-video-call-stage > footer button[data-video-call-action="END"] { border-color: transparent !important; background: var(--ualli-danger) !important; }

@media (max-width: 900px) {
  .enterprise-metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .project-chat-shell { height: calc(100dvh - 116px) !important; min-height: 560px !important; border-radius: 18px !important; }
  .project-chat-header { grid-template-columns: 46px minmax(0, 1fr) !important; }
  .project-chat-header-actions { grid-column: 1 / -1 !important; justify-content: stretch !important; }
  .project-chat-header-actions > * { flex: 1 1 44px !important; }
  .project-chat-search { flex-basis: 170px !important; }
  .project-chat-layout { grid-template-columns: minmax(0, 1fr) !important; }
  .project-chat-roster { position: absolute !important; z-index: 30 !important; inset: 0 0 0 auto !important; display: none !important; width: min(340px, 88%) !important; box-shadow: -18px 0 48px rgb(18 55 69 / 22%) !important; }
  .project-chat-roster.show { display: block !important; }
  .project-chat-call-swipe { width: min(370px, calc(100vw - 34px)) !important; }
}

@media (max-width: 760px) {
  html,
  body { min-height: 100% !important; overflow-x: hidden !important; }
  .main-content { overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; }
  .enterprise-dashboard-view {
    height: auto !important;
    min-height: max-content !important;
    max-height: none !important;
    padding-block-end: calc(132px + env(safe-area-inset-bottom, 0px)) !important;
    overflow: visible !important;
  }
  .enterprise-dashboard-view .panel,
  .enterprise-dashboard-view section,
  .enterprise-dashboard-view article { scroll-margin-top: 82px; }
  .enterprise-kpi-card { min-height: 136px !important; padding: 12px !important; }
  .enterprise-kpi-card .metric-top { margin-bottom: 5px !important; }
  .enterprise-kpi-card .metric-source-chip { max-width: 100% !important; font-size: 8px !important; }
  .enterprise-lifecycle-panel .lifecycle-flow { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  .enterprise-lifecycle-panel .lifecycle-flow > button { min-height: 86px !important; grid-template-columns: 38px minmax(0, 1fr) !important; padding: 9px !important; }
  .enterprise-lifecycle-panel .lifecycle-flow > button > b { width: 36px !important; height: 36px !important; font-size: 11px !important; }
  .enterprise-lifecycle-panel .lifecycle-flow > button > strong { font-size: 10px !important; }
  .enterprise-lifecycle-panel .lifecycle-flow > button > span { font-size: 8px !important; }
  .enterprise-alerts-panel,
  .enterprise-alerts-panel .alerts-list,
  #alertsList { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; }
  .enterprise-alerts-panel .alert-status-legend { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 6px !important; }
  .enterprise-alerts-panel .alert-filter-chip { min-height: 44px !important; }

  #projectWorkspaceView.project-chat-active { padding: 0 !important; overflow: hidden !important; }
  #projectWorkspaceView.project-chat-active .project-workspace-head { display: none !important; }
  #projectWorkspaceView.project-chat-active .project-workspace-layout { display: block !important; min-height: 0 !important; }
  #projectWorkspaceView.project-chat-active .project-workspace-menu { display: none !important; }
  #projectWorkspaceView.project-chat-active .project-workspace-main,
  #projectWorkspaceView.project-chat-active #projectWorkspaceContent { min-width: 0 !important; min-height: 0 !important; height: calc(100dvh - 74px) !important; padding: 0 !important; overflow: hidden !important; }
  .project-chat-shell { width: 100% !important; height: 100% !important; min-height: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
  .project-chat-header { grid-template-columns: 42px minmax(0, 1fr) !important; gap: 7px !important; padding: 9px 8px 8px !important; }
  .project-chat-group-avatar { width: 42px !important; height: 42px !important; border-radius: 13px !important; }
  .project-chat-heading h3 { font-size: 14px !important; }
  .project-chat-heading p { font-size: 8.5px !important; }
  .project-chat-header-actions { display: grid !important; grid-template-columns: minmax(0, 1fr) repeat(4, 44px) !important; gap: 5px !important; }
  .project-chat-search { min-width: 0 !important; }
  .project-chat-call-control,
  .project-chat-tool-control,
  .project-chat-back { width: 44px !important; min-width: 44px !important; padding: 0 !important; }
  .project-chat-call-control > span,
  .project-chat-tool-control > span:not(:first-child) { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; }
  .project-chat-header-actions > * { min-width: 0 !important; }
  .project-chat-messages { gap: 5px !important; padding: 8px 7px 10px !important; }
  .project-chat-bubble { max-width: 86% !important; min-width: 72px !important; padding: 7px 10px 5px !important; }
  .project-chat-bubble > p { font-size: 12px !important; line-height: 1.48 !important; }
  .project-chat-sender-avatar { width: 27px !important; height: 27px !important; flex-basis: 27px !important; }
  .project-chat-image { width: min(290px, 68vw) !important; }
  .project-chat-image img { max-height: 270px !important; }
  .project-chat-composer { gap: 6px !important; padding: 8px 7px calc(8px + env(safe-area-inset-bottom, 0px)) !important; }
  .project-chat-media-actions { gap: 3px !important; }
  .project-chat-attach,
  .project-chat-camera-trigger { width: 42px !important; height: 44px !important; }
  .project-chat-composer textarea { min-height: 44px !important; padding: 10px 12px !important; }
  .project-chat-send { width: 46px !important; min-width: 46px !important; height: 46px !important; padding: 0 !important; }
  .project-chat-send span { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; }
  .project-chat-voice-call { flex-direction: column !important; align-items: stretch !important; gap: 9px !important; padding: 10px !important; }
  .project-chat-call-actions { justify-content: center !important; flex-wrap: wrap !important; }
  .project-chat-call-swipe { width: 100% !important; max-width: 370px !important; align-self: center !important; }
  .hendar-project-video-call-stage { inset: 0 !important; border: 0 !important; border-radius: 0 !important; }
  .hendar-project-video-call-stage > header { min-height: 58px !important; padding-top: calc(8px + env(safe-area-inset-top, 0px)) !important; }
  .hendar-project-video-call-stage > footer { min-height: 66px !important; padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important; overflow-x: auto !important; justify-content: flex-start !important; }
  .hendar-project-video-call-stage > footer button { flex: 0 0 auto !important; }
}

@media (max-width: 390px) {
  .enterprise-kpi-card { min-height: 128px !important; }
  .project-chat-header-actions { grid-template-columns: minmax(0, 1fr) repeat(4, 42px) !important; }
  .project-chat-call-control,
  .project-chat-tool-control,
  .project-chat-back { width: 42px !important; min-width: 42px !important; height: 44px !important; }
  .project-chat-call-swipe { grid-template-columns: 43px minmax(138px, 1fr) 43px !important; }
}

@media (prefers-color-scheme: dark) {
  :root { --ualli-ink: #e7f2f4; --ualli-muted: #9cb0b7; --ualli-line: #29454b; --ualli-surface: #10292e; --ualli-canvas: #0d2227; --ualli-mine: #145548; }
  .project-chat-header,
  .project-chat-composer,
  .project-chat-roster { background: rgb(16 41 46 / 97%) !important; }
  .project-chat-search input,
  .project-chat-composer textarea,
  .project-chat-call-control,
  .project-chat-tool-control,
  .project-chat-attach,
  .project-chat-camera-trigger { background: #15343a !important; color: var(--ualli-ink) !important; }
  .project-chat-message.theirs .project-chat-bubble { background: #18353b !important; color: var(--ualli-ink) !important; }
  .project-chat-message-menu > div { background: #17363c !important; }
  .project-chat-message-menu button { color: #d7e6e9 !important; }
}

@media (prefers-reduced-motion: reduce) {
  .project-chat-shell *,
  .hendar-project-video-call-stage * { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}