/* [next]/internal/font/google/inter_5901b7c6.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.2a48534a.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.18a48cbc.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.7a40eb73.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.c995e352.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.76dcb0b2.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.7cd81963.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_5901b7c6-module__ec5Qua__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_5901b7c6-module__ec5Qua__variable {
  --font-inter: "Inter", "Inter Fallback";
}

/* [next]/internal/font/google/poppins_e4cc8876.module.css [app-client] (css) */
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/41e95f694c5c4549-s.666bad7d.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/6c55a692938ebbbc-s.0a77efb4.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/a218039a3287bcfd-s.p.4a23d71b.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/0a7740363b4d4863-s.95e4158a.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/5f9d24ebef5d5292-s.bd593fbe.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/e2334d715941921e-s.p.d82a9aff.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/b53057dbf91a7acf-s.c55744ae.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/798ea22d9983e047-s.b460e02c.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/47fe1b7cd6e6ed85-s.p.855a563b.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Poppins Fallback;
  src: local(Arial);
  ascent-override: 93.62%;
  descent-override: 31.21%;
  line-gap-override: 8.92%;
  size-adjust: 112.16%;
}

.poppins_e4cc8876-module__k0OalW__className {
  font-family: Poppins, Poppins Fallback;
  font-style: normal;
}

.poppins_e4cc8876-module__k0OalW__variable {
  --font-poppins: "Poppins", "Poppins Fallback";
}

/* [project]/src/shared/styles/globals.css [app-client] (css) */
:root {
  --color-primary: #1e40af;
  --color-primary-light: #3b82f6;
  --color-primary-dark: #1e3a8a;
  --color-secondary: #0891b2;
  --color-secondary-light: #06b6d4;
  --color-accent: #f59e0b;
  --color-black: #111827;
  --color-white: #fff;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-success: #10b981;
  --color-error: #ef4444;
  --color-warning: #f59e0b;
  --color-info: #3b82f6;
  --bg-page: #edf1f6;
  --bg-primary: var(--color-white);
  --bg-secondary: var(--color-gray-50);
  --bg-tertiary: #245adf;
  --bg-tertiary-transparent: #b2dbf516;
  --bg-accent: var(--color-primary-light);
  --bg-hover-primary: #f3f3f7;
  --bg-hover-normal: #f1f3f4;
  --bg-interactive: var(--color-primary-light);
  --bg-interactive-hover: var(--color-primary-dark);
  --bg-interactive-active: var(--color-primary);
  --text-primary: var(--color-gray-900);
  --text-secondary: var(--color-gray-600);
  --text-tertiary: var(--color-gray-500);
  --text-accent: var(--color-primary);
  --text-on-primary: var(--color-white);
  --border-divider: var(--color-gray-300);
  --border-outline: var(--color-gray-300);
  --border-focus: var(--color-primary-light);
  --border-error: var(--color-error);
  --border-width: 1px;
  --border-width-thick: 2px;
  --radius-xs: .25rem;
  --radius-sm: .5rem;
  --radius-md: .75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --radius-full: 1.5rem;
  --shadow-sm: 0 1px 2px 0 #0000000d;
  --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
  --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
  --shadow-xl: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;
  --shadow-inner: inset 0 2px 4px 0 #0000000f;
  --shadow-interactive: 0 4px 12px #3b82f666;
  --shadow-interactive-hover: 0 6px 16px #3b82f680;
  --spacing-xs: .25rem;
  --spacing-sm: .5rem;
  --spacing-sm-md: .6rem;
  --spacing-sm-large: .6rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;
  --transition-fast: .15s ease;
  --transition-normal: .3s ease;
  --transition-slow: .5s ease;
  --max-width: 1200px;
  --header-height: 75px;
  --header-height-mobile: 65px;
  --footer-height: 300px;
  --container-padding: 1rem;
  --section-padding: 10vw;
  --selection-bg: #245adf1f;
  --selection-text: var(--color-primary-light);
  --z-behind: -1;
  --z-normal: 0;
  --z-above: 1;
  --z-sticky: 1200;
  --z-dropdown: 200;
  --z-fixed: 300;
  --z-drawer: 400;
  --z-modal: 500;
  --z-toast: 600;
  --z-tooltip: 700;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #00000070 transparent;
}

@media (max-width: 1200px) {
  :root {
    --section-padding: 7vw;
  }
}

@media (max-width: 800px) {
  :root {
    --section-padding: 5vw;
  }
}

@media (max-width: 700px) {
  :root {
    --section-padding: 4vw;
  }
}

@media (min-width: 640px) {
  :root {
    --container-padding: 1.5rem;
  }
}

@media (min-width: 1024px) {
  :root {
    --container-padding: 2rem;
  }
}

*, :before, :after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Amazon Ember, Arial, sans-serif;
  font-size: 15px;
}

html, body {
  color: var(--text-primary);
  background-color: var(--bg-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  max-width: 100vw;
  min-height: 100vh;
  line-height: 1.5;
  overflow-x: hidden;
}

main {
  min-height: calc(100vh - var(--header-height)  - var(--footer-height));
}

a {
  color: var(--text-accent);
  transition: color var(--transition-fast);
  text-decoration: none;
}

button {
  cursor: pointer;
  font-family: inherit;
}

input, textarea, select, button {
  font: inherit;
}

ul, ol {
  list-style: none;
}

.fade-in {
  animation: .3s ease-in-out fadeIn;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.slide-in {
  animation: .3s ease-in-out slideIn;
}

@keyframes slideIn {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

/* [project]/src/shared/components/Snackbar/Snackbar.module.css [app-client] (css) */
.Snackbar-module__Bts3VG__snackbar {
  color: #1f2937;
  border-radius: var(--radius-sm);
  z-index: 9999;
  background: #fff;
  align-items: center;
  gap: 12px;
  min-width: 250px;
  padding: 12px 20px;
  font-size: 14px;
  animation: .3s ease-out Snackbar-module__Bts3VG__slideIn;
  display: flex;
  position: fixed;
  bottom: 24px;
  left: 24px;
  box-shadow: 0 4px 16px #00000026;
}

@keyframes Snackbar-module__Bts3VG__slideIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.Snackbar-module__Bts3VG__icon {
  color: #f97316;
  align-items: center;
  display: flex;
}

.Snackbar-module__Bts3VG__message {
  font-weight: 500;
}

.Snackbar-module__Bts3VG__dots {
  animation: 1.5s infinite Snackbar-module__Bts3VG__dotPulse;
}

@keyframes Snackbar-module__Bts3VG__dotPulse {
  0%, 20% {
    content: ".";
  }

  40% {
    content: "..";
  }

  60%, 100% {
    content: "...";
  }
}

/* [project]/src/features/chat/components/CreateContactModal.module.css [app-client] (css) */
.CreateContactModal-module__8fZipq__modal {
  border-radius: var(--radius-sm);
  background: #fff;
  width: 90%;
  max-width: 400px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 10px 25px #0003;
}

.CreateContactModal-module__8fZipq__header {
  border-bottom: 1px solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px 16px;
  display: flex;
}

.CreateContactModal-module__8fZipq__title {
  color: #111827;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.CreateContactModal-module__8fZipq__closeButton {
  cursor: pointer;
  color: #6b7280;
  background: none;
  border: none;
  border-radius: 4px;
  padding: 4px;
  transition: background-color .2s;
}

.CreateContactModal-module__8fZipq__closeButton:hover {
  background-color: #f3f4f6;
}

.CreateContactModal-module__8fZipq__form {
  padding: 24px;
}

.CreateContactModal-module__8fZipq__field {
  margin-bottom: 20px;
}

.CreateContactModal-module__8fZipq__label {
  color: #374151;
  margin-bottom: 6px;
  font-size: .875rem;
  font-weight: 500;
  display: block;
}

.CreateContactModal-module__8fZipq__required {
  color: #ef4444;
}

.CreateContactModal-module__8fZipq__input {
  box-sizing: border-box;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  transition: border-color .2s, box-shadow .2s;
}

.CreateContactModal-module__8fZipq__input:focus {
  border-color: #3b82f6;
  outline: none;
  box-shadow: 0 0 0 3px #3b82f61a;
}

.CreateContactModal-module__8fZipq__phoneInput {
  border: 1px solid #d1d5db;
  border-radius: 8px;
  display: flex;
  overflow: hidden;
}

.CreateContactModal-module__8fZipq__countryCode {
  color: #374151;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d1d5db;
  align-items: center;
  padding: 10px 12px;
  font-size: 14px;
  display: flex;
}

.CreateContactModal-module__8fZipq__phoneField {
  border: none;
  outline: none;
  flex: 1;
  padding: 10px 12px;
  font-size: 14px;
}

.CreateContactModal-module__8fZipq__phoneField:focus {
  box-shadow: none;
}

.CreateContactModal-module__8fZipq__syncSection {
  margin-bottom: 24px;
}

.CreateContactModal-module__8fZipq__checkboxLabel {
  cursor: pointer;
  align-items: flex-start;
  margin-bottom: 8px;
  display: flex;
}

.CreateContactModal-module__8fZipq__checkbox {
  accent-color: #3b82f6;
  cursor: pointer;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  margin-right: 12px;
}

.CreateContactModal-module__8fZipq__checkboxText {
  color: #374151;
  font-size: .875rem;
  font-weight: 500;
}

.CreateContactModal-module__8fZipq__syncDescription {
  color: #6b7280;
  margin: 0 0 0 28px;
  font-size: .8rem;
  line-height: 1.4;
}

.CreateContactModal-module__8fZipq__actions {
  justify-content: flex-end;
  gap: 12px;
  display: flex;
}

.CreateContactModal-module__8fZipq__cancelButton {
  color: #374151;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: .875rem;
  font-weight: 500;
  transition: background-color .2s, border-color .2s;
}

.CreateContactModal-module__8fZipq__cancelButton:hover {
  background-color: #f9fafb;
  border-color: #9ca3af;
}

.CreateContactModal-module__8fZipq__createButton {
  color: #fff;
  cursor: pointer;
  background: #3b82f6;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: .875rem;
  font-weight: 500;
  transition: background-color .2s;
}

.CreateContactModal-module__8fZipq__createButton:hover:not(:disabled) {
  background: #2563eb;
}

.CreateContactModal-module__8fZipq__createButton:disabled {
  cursor: not-allowed;
  background: #9ca3af;
}

/* [project]/node_modules/.pnpm/kitunga-web@0.1.88_@babel+core@7.29.7_supports-color@7.2.0__axios@1.20.0_debug@4.4.3_su_2aaf68faaec5537dd011c75e52343a71/node_modules/kitunga-web/dist/features/buttons/components/Btns/Button.module.css [app-client] (css) */
.Button-module__PFwb2q__button {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
  border: none;
  max-width: 100%;
  font-family: inherit;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.Button-module__PFwb2q__content {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm);
  min-width: 0;
  display: inline-flex;
  overflow: hidden;
}

.Button-module__PFwb2q__label {
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
  line-height: 1;
  display: block;
  overflow: hidden;
}

.Button-module__PFwb2q__icon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.Button-module__PFwb2q__button:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.Button-module__PFwb2q__primary {
  color: #fff;
  padding: var(--spacing-sm-md) var(--spacing-md);
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

.Button-module__PFwb2q__primary:hover:not(:disabled) {
  background: linear-gradient(135deg, #1d4ed8, #1e3a8a);
}

.Button-module__PFwb2q__secondary {
  background-color: var(--bg-surface-secondary);
  color: var(--text-primary);
  border: 1px solid var(--border-divider);
  padding: var(--spacing-sm-md) var(--spacing-md);
}

.Button-module__PFwb2q__secondary:hover:not(:disabled) {
  background-color: var(--bg-hover-normal);
}

.Button-module__PFwb2q__secondaryGhost {
  background-color: var(--bg-surface-secondary);
  color: var(--text-primary);
  padding: var(--spacing-sm-md) var(--spacing-md);
  border: none;
}

.Button-module__PFwb2q__secondaryGhost:hover:not(:disabled) {
  background-color: var(--bg-hover-normal);
}

.Button-module__PFwb2q__danger {
  background-color: var(--color-error);
  color: #fff;
  padding: var(--spacing-sm-md) var(--spacing-md);
}

.Button-module__PFwb2q__danger:hover:not(:disabled) {
  background-color: #dc2626;
}

.Button-module__PFwb2q__outline {
  color: var(--color-primary);
  padding: var(--spacing-sm-md) var(--spacing-md);
  background-color: #0000;
  border: none;
  position: relative;
}

.Button-module__PFwb2q__outline:before {
  content: "";
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask-composite: xor;
  pointer-events: none;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  padding: 2px;
  position: absolute;
  inset: 0;
}

.Button-module__PFwb2q__outline:hover:not(:disabled) {
  color: #fff;
  background: linear-gradient(135deg, #1d4ed8, #1e3a8a);
}

.Button-module__PFwb2q__outline:hover:not(:disabled):before {
  background: linear-gradient(135deg, #1d4ed8, #1e3a8a);
}

.Button-module__PFwb2q__round {
  border-radius: 50%;
  max-width: none;
  padding: 0;
  overflow: visible;
}

.Button-module__PFwb2q__round .Button-module__PFwb2q__content {
  overflow: visible;
}

.Button-module__PFwb2q__round .Button-module__PFwb2q__label:empty {
  display: none;
}

.Button-module__PFwb2q__roundSm {
  width: 35px;
  min-width: 35px;
  height: 35px;
}

.Button-module__PFwb2q__roundMd {
  width: 40px;
  min-width: 40px;
  height: 40px;
}

.Button-module__PFwb2q__roundLg {
  width: 45px;
  min-width: 45px;
  height: 45px;
}

.Button-module__PFwb2q__sm {
  padding: var(--spacing-sm) var(--spacing-md);
  height: 35px;
  font-size: .875rem;
}

.Button-module__PFwb2q__md {
  height: 40px;
  padding: var(--spacing-sm-md) var(--spacing-md);
  font-size: .95rem;
}

.Button-module__PFwb2q__lg {
  height: 45px;
  padding: var(--spacing-md);
  font-size: 1rem;
}

.Button-module__PFwb2q__disabled {
  opacity: .6;
  cursor: auto;
}

.Button-module__PFwb2q__loading {
  cursor: wait;
}

.Button-module__PFwb2q__loader {
  align-items: center;
  gap: var(--spacing-sm);
  display: flex;
}

.Button-module__PFwb2q__spinner {
  border: 2px solid #0000;
  border-top-color: currentColor;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: 1s linear infinite Button-module__PFwb2q__spin;
}

@keyframes Button-module__PFwb2q__spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* [project]/src/shared/components/LogoutModal/LogoutModal.module.css [app-client] (css) */
.LogoutModal-module__7dJhHq__modalContent {
  background-color: var(--bg-primary);
  border-radius: var(--radius-sm);
  width: 400px;
  box-shadow: var(--shadow-xl);
  border: 1px solid var(--border-divider);
  flex-direction: column;
  animation: .2s ease-out LogoutModal-module__7dJhHq__modalSlideIn;
  display: flex;
  position: relative;
  overflow: hidden;
}

.LogoutModal-module__7dJhHq__modalClose {
  color: var(--text-secondary);
  cursor: pointer;
  transition: color var(--transition-fast);
  z-index: 2;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.LogoutModal-module__7dJhHq__modalClose:hover {
  color: var(--color-error);
  background-color: var(--bg-secondary);
}

.LogoutModal-module__7dJhHq__modalHeader {
  padding: var(--spacing-xl);
  text-align: center;
}

.LogoutModal-module__7dJhHq__iconContainer {
  width: 48px;
  height: 48px;
  margin: 0 auto var(--spacing-md);
  background-color: var(--bg-page);
  border-radius: var(--radius-sm);
  justify-content: center;
  align-items: center;
  display: flex;
}

.LogoutModal-module__7dJhHq__logoutIcon {
  color: var(--color-error);
}

.LogoutModal-module__7dJhHq__modalTitle {
  color: var(--text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-size: 1.5rem;
  font-weight: 600;
}

.LogoutModal-module__7dJhHq__modalDescription {
  color: var(--text-secondary);
  margin: 0;
  font-size: .95rem;
  line-height: 1.5;
}

.LogoutModal-module__7dJhHq__modalActions {
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  background-color: var(--bg-primary);
  border-top: 1px solid var(--border-divider);
  justify-content: flex-end;
  display: flex;
}

@keyframes LogoutModal-module__7dJhHq__modalSlideIn {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* [project]/src/features/chat/components/popups/BlockUserPopup/BlockUserPopup.module.css [app-client] (css) */
.BlockUserPopup-module__t80jEq__content {
  border-radius: var(--radius-sm);
  background: #fff;
  flex-direction: column;
  width: 90%;
  max-width: 400px;
  max-height: 80vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 8px 32px #0000001f;
}

.BlockUserPopup-module__t80jEq__header {
  padding: var(--spacing-md);
}

.BlockUserPopup-module__t80jEq__title {
  color: #1f2937;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.BlockUserPopup-module__t80jEq__body {
  padding: 0 var(--spacing-md) var(--spacing-md);
}

.BlockUserPopup-module__t80jEq__description {
  color: #6b7280;
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.5;
}

.BlockUserPopup-module__t80jEq__optionsContainer {
  flex-direction: column;
  gap: 6px;
  margin-top: 16px;
  display: flex;
}

.BlockUserPopup-module__t80jEq__optionLabel {
  cursor: pointer;
  color: #374151;
  align-items: flex-start;
  padding: 2px 0;
  font-size: 14px;
  display: flex;
}

.BlockUserPopup-module__t80jEq__optionInput {
  accent-color: #3b82f6;
  cursor: pointer;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  margin-right: 12px;
}

.BlockUserPopup-module__t80jEq__optionTextWrapper {
  flex-direction: column;
  display: flex;
}

.BlockUserPopup-module__t80jEq__optionText {
  -webkit-user-select: none;
  user-select: none;
  font-weight: bold;
}

.BlockUserPopup-module__t80jEq__optionSubtext {
  color: #6b7280;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

.BlockUserPopup-module__t80jEq__footer {
  padding: var(--spacing-md);
  border-top: 1px solid var(--border-divider);
  justify-content: flex-end;
  gap: 12px;
  display: flex;
}

@media (max-width: 480px) {
  .BlockUserPopup-module__t80jEq__content {
    width: 95%;
    margin: 0 10px;
  }
}

/* [project]/src/features/chat/components/popups/UnblockUserPopup/UnblockUserPopup.module.css [app-client] (css) */
.UnblockUserPopup-module__pDTAda__content {
  border-radius: var(--radius-sm);
  background: #fff;
  flex-direction: column;
  width: 90%;
  max-width: 400px;
  max-height: 80vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 8px 32px #0000001f;
}

.UnblockUserPopup-module__pDTAda__header {
  padding: var(--spacing-md);
}

.UnblockUserPopup-module__pDTAda__title {
  color: #1f2937;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.UnblockUserPopup-module__pDTAda__body {
  padding: 0 var(--spacing-md) var(--spacing-md);
}

.UnblockUserPopup-module__pDTAda__description {
  color: #6b7280;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.UnblockUserPopup-module__pDTAda__footer {
  padding: var(--spacing-md);
  border-top: 1px solid var(--border-divider);
  justify-content: flex-end;
  gap: 12px;
  display: flex;
}

@media (max-width: 480px) {
  .UnblockUserPopup-module__pDTAda__content {
    width: 95%;
    margin: 0 10px;
  }
}

/* [project]/src/features/chat/components/popups/ReportUserPopup/ReportUserPopup.module.css [app-client] (css) */
.ReportUserPopup-module__cbwySW__content {
  border-radius: var(--radius-sm);
  background: #fff;
  flex-direction: column;
  width: 90%;
  max-width: 400px;
  max-height: 80vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 8px 32px #0000001f;
}

.ReportUserPopup-module__cbwySW__header {
  padding: var(--spacing-md);
}

.ReportUserPopup-module__cbwySW__title {
  color: #1f2937;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.ReportUserPopup-module__cbwySW__body {
  padding: 0 var(--spacing-md) var(--spacing-md);
}

.ReportUserPopup-module__cbwySW__description {
  color: #6b7280;
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.5;
}

.ReportUserPopup-module__cbwySW__optionsContainer {
  flex-direction: column;
  gap: 6px;
  margin-top: 16px;
  display: flex;
}

.ReportUserPopup-module__cbwySW__optionLabel {
  cursor: pointer;
  color: #374151;
  align-items: flex-start;
  padding: 2px 0;
  font-size: 14px;
  display: flex;
}

.ReportUserPopup-module__cbwySW__optionInput {
  accent-color: #3b82f6;
  cursor: pointer;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  margin-right: 12px;
}

.ReportUserPopup-module__cbwySW__optionTextWrapper {
  flex-direction: column;
  display: flex;
}

.ReportUserPopup-module__cbwySW__optionText {
  -webkit-user-select: none;
  user-select: none;
  font-weight: bold;
}

.ReportUserPopup-module__cbwySW__optionSubtext {
  color: #6b7280;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

.ReportUserPopup-module__cbwySW__footer {
  padding: var(--spacing-md);
  border-top: 1px solid var(--border-divider);
  justify-content: flex-end;
  gap: 12px;
  display: flex;
}

@media (max-width: 480px) {
  .ReportUserPopup-module__cbwySW__content {
    width: 95%;
    margin: 0 10px;
  }
}

/* [project]/src/features/chat/components/popups/DeleteMessagePopup/DeleteMessagePopup.module.css [app-client] (css) */
.DeleteMessagePopup-module__iOfEfG__content {
  border-radius: var(--radius-sm);
  background: #fff;
  flex-direction: column;
  width: 90%;
  max-width: 400px;
  max-height: 80vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 8px 32px #0000001f;
}

.DeleteMessagePopup-module__iOfEfG__header {
  padding: var(--spacing-md);
}

.DeleteMessagePopup-module__iOfEfG__title {
  color: #1f2937;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.DeleteMessagePopup-module__iOfEfG__body {
  padding: 0 var(--spacing-md) var(--spacing-md);
}

.DeleteMessagePopup-module__iOfEfG__description {
  color: #6b7280;
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.5;
}

.DeleteMessagePopup-module__iOfEfG__optionsContainer {
  flex-direction: column;
  gap: 6px;
  margin-top: 16px;
  display: flex;
}

.DeleteMessagePopup-module__iOfEfG__optionLabel {
  cursor: pointer;
  color: #374151;
  align-items: center;
  padding: 2px 0;
  font-size: 14px;
  display: flex;
}

.DeleteMessagePopup-module__iOfEfG__optionInput {
  accent-color: #3b82f6;
  cursor: pointer;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-right: 12px;
}

.DeleteMessagePopup-module__iOfEfG__optionText {
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  font-weight: bold;
}

.DeleteMessagePopup-module__iOfEfG__warning {
  color: #df9636;
  text-align: center;
  margin-top: 16px;
  font-size: .85rem;
}

.DeleteMessagePopup-module__iOfEfG__footer {
  padding: var(--spacing-md);
  border-top: 1px solid var(--border-divider);
  justify-content: flex-end;
  gap: 12px;
  display: flex;
}

@media (max-width: 480px) {
  .DeleteMessagePopup-module__iOfEfG__content {
    width: 95%;
    margin: 0 10px;
  }
}

/* [project]/src/features/chat/components/popups/DeleteChatPopup/DeleteChatPopup.module.css [app-client] (css) */
.DeleteChatPopup-module__iNt18a__content {
  border-radius: var(--radius-sm);
  background: #fff;
  flex-direction: column;
  width: 90%;
  max-width: 400px;
  max-height: 80vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 8px 32px #0000001f;
}

.DeleteChatPopup-module__iNt18a__header {
  padding: var(--spacing-md);
}

.DeleteChatPopup-module__iNt18a__title {
  color: #1f2937;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.DeleteChatPopup-module__iNt18a__body {
  padding: 0 var(--spacing-md) var(--spacing-md);
}

.DeleteChatPopup-module__iNt18a__description {
  color: #6b7280;
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.5;
}

.DeleteChatPopup-module__iNt18a__optionsContainer {
  flex-direction: column;
  gap: 6px;
  margin-top: 16px;
  display: flex;
}

.DeleteChatPopup-module__iNt18a__optionLabel {
  cursor: pointer;
  color: #374151;
  align-items: center;
  padding: 2px 0;
  font-size: 14px;
  display: flex;
}

.DeleteChatPopup-module__iNt18a__optionInput {
  accent-color: #3b82f6;
  cursor: pointer;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-right: 12px;
}

.DeleteChatPopup-module__iNt18a__optionText {
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  font-weight: bold;
}

.DeleteChatPopup-module__iNt18a__warning {
  color: #df9636;
  text-align: center;
  margin-top: 16px;
  font-size: .85rem;
}

.DeleteChatPopup-module__iNt18a__footer {
  padding: var(--spacing-md);
  border-top: 1px solid var(--border-divider);
  justify-content: flex-end;
  gap: 12px;
  display: flex;
}

@media (max-width: 480px) {
  .DeleteChatPopup-module__iNt18a__content {
    width: 95%;
    margin: 0 10px;
  }
}

/* [project]/src/features/chat/components/popups/ClearChatPopup/ClearChatPopup.module.css [app-client] (css) */
.ClearChatPopup-module__7vUnza__content {
  border-radius: var(--radius-sm);
  background: #fff;
  flex-direction: column;
  width: 90%;
  max-width: 400px;
  max-height: 80vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 8px 32px #0000001f;
}

.ClearChatPopup-module__7vUnza__header {
  padding: var(--spacing-md);
}

.ClearChatPopup-module__7vUnza__title {
  color: #1f2937;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.ClearChatPopup-module__7vUnza__body {
  padding: 0 var(--spacing-md) var(--spacing-md);
}

.ClearChatPopup-module__7vUnza__description {
  color: #6b7280;
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.5;
}

.ClearChatPopup-module__7vUnza__optionsContainer {
  flex-direction: column;
  gap: 6px;
  margin-top: 16px;
  display: flex;
}

.ClearChatPopup-module__7vUnza__optionLabel {
  cursor: pointer;
  color: #374151;
  align-items: center;
  padding: 2px 0;
  font-size: 14px;
  display: flex;
}

.ClearChatPopup-module__7vUnza__optionInput {
  accent-color: #3b82f6;
  cursor: pointer;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-right: 12px;
}

.ClearChatPopup-module__7vUnza__optionText {
  -webkit-user-select: none;
  user-select: none;
  font-weight: bold;
}

.ClearChatPopup-module__7vUnza__footer {
  padding: var(--spacing-md);
  border-top: 1px solid var(--border-divider);
  justify-content: flex-end;
  gap: 12px;
  display: flex;
}

@media (max-width: 480px) {
  .ClearChatPopup-module__7vUnza__content {
    width: 95%;
    margin: 0 10px;
  }
}

/* [project]/src/features/chat/components/popups/MuteNotificationsPopup/MuteNotificationsPopup.module.css [app-client] (css) */
.MuteNotificationsPopup-module__IwT5La__content {
  border-radius: var(--radius-sm);
  background: #fff;
  flex-direction: column;
  width: 90%;
  max-width: 400px;
  max-height: 80vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 8px 32px #0000001f;
}

.MuteNotificationsPopup-module__IwT5La__header {
  padding: var(--spacing-md);
}

.MuteNotificationsPopup-module__IwT5La__title {
  color: #1f2937;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.MuteNotificationsPopup-module__IwT5La__body {
  padding: 0 var(--spacing-md) var(--spacing-md);
}

.MuteNotificationsPopup-module__IwT5La__description {
  color: #6b7280;
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.5;
}

.MuteNotificationsPopup-module__IwT5La__optionsContainer {
  flex-direction: column;
  gap: 6px;
  margin-top: 16px;
  display: flex;
}

.MuteNotificationsPopup-module__IwT5La__optionLabel {
  cursor: pointer;
  color: #374151;
  align-items: center;
  padding: 2px 0;
  font-size: 14px;
  display: flex;
}

.MuteNotificationsPopup-module__IwT5La__optionInput {
  accent-color: #3b82f6;
  cursor: pointer;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-right: 12px;
}

.MuteNotificationsPopup-module__IwT5La__optionText {
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  font-weight: bold;
}

.MuteNotificationsPopup-module__IwT5La__footer {
  padding: var(--spacing-md);
  border-top: 1px solid var(--border-divider);
  justify-content: flex-end;
  gap: 12px;
  display: flex;
}

@media (max-width: 480px) {
  .MuteNotificationsPopup-module__IwT5La__content {
    width: 95%;
    margin: 0 10px;
  }
}

/* [project]/src/features/chat/components/popups/UnmuteNotificationsPopup/UnmuteNotificationsPopup.module.css [app-client] (css) */
.UnmuteNotificationsPopup-module__mMlliG__content {
  border-radius: var(--radius-sm);
  background: #fff;
  flex-direction: column;
  width: 90%;
  max-width: 400px;
  max-height: 80vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 8px 32px #0000001f;
}

.UnmuteNotificationsPopup-module__mMlliG__header {
  padding: var(--spacing-md);
}

.UnmuteNotificationsPopup-module__mMlliG__title {
  color: #1f2937;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.UnmuteNotificationsPopup-module__mMlliG__body {
  padding: 0 var(--spacing-md) var(--spacing-md);
}

.UnmuteNotificationsPopup-module__mMlliG__description {
  color: #6b7280;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.UnmuteNotificationsPopup-module__mMlliG__footer {
  padding: var(--spacing-md);
  border-top: 1px solid var(--border-divider);
  justify-content: flex-end;
  gap: 12px;
  display: flex;
}

@media (max-width: 480px) {
  .UnmuteNotificationsPopup-module__mMlliG__content {
    width: 95%;
    margin: 0 10px;
  }
}

/* [project]/node_modules/.pnpm/kitunga-web@0.1.88_@babel+core@7.29.7_supports-color@7.2.0__axios@1.20.0_debug@4.4.3_su_2aaf68faaec5537dd011c75e52343a71/node_modules/kitunga-web/dist/features/inputs/components/Inputs/TextInput.module.css [app-client] (css) */
.TextInput-module__vWy6Qq__inputContainer {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.TextInput-module__vWy6Qq__flat .TextInput-module__vWy6Qq__textInput {
  box-shadow: none;
  padding: 0 var(--spacing-sm);
  background-color: #0000;
  border: none;
}

.TextInput-module__vWy6Qq__flat .TextInput-module__vWy6Qq__textInput:focus {
  box-shadow: none;
  background-color: #0000;
  border: none;
}

.TextInput-module__vWy6Qq__textInput {
  width: 100%;
  padding: 0 var(--spacing-md);
  border: 1px solid var(--border-divider);
  border-radius: var(--radius-sm);
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  transition: all var(--transition-fast);
  font-size: .9rem;
}

.TextInput-module__vWy6Qq__textInput::placeholder {
  color: var(--text-tertiary);
}

.TextInput-module__vWy6Qq__textInput:focus {
  border-color: var(--border-focus);
  background-color: var(--bg-primary);
  outline: none;
  box-shadow: 0 0 0 3px #3b82f61a;
}

.TextInput-module__vWy6Qq__textInput:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
  box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
  -webkit-text-fill-color: var(--text-primary);
  color: var(--text-primary);
  caret-color: var(--text-primary);
  background-color: var(--bg-secondary) !important;
}

.TextInput-module__vWy6Qq__textInput:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
  box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
  -webkit-text-fill-color: var(--text-primary);
  color: var(--text-primary);
  caret-color: var(--text-primary);
  background-color: var(--bg-secondary) !important;
}

.TextInput-module__vWy6Qq__textInput:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
  box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
  -webkit-text-fill-color: var(--text-primary);
  color: var(--text-primary);
  caret-color: var(--text-primary);
  background-color: var(--bg-secondary) !important;
}

.TextInput-module__vWy6Qq__textInput:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
  box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
  -webkit-text-fill-color: var(--text-primary);
  color: var(--text-primary);
  caret-color: var(--text-primary);
  background-color: var(--bg-secondary) !important;
}

.TextInput-module__vWy6Qq__textInput:disabled, .TextInput-module__vWy6Qq__textInput[readonly] {
  background-color: var(--bg-secondary);
  color: var(--text-tertiary);
  cursor: not-allowed;
}

.TextInput-module__vWy6Qq__clearButton {
  right: var(--spacing-sm);
  background: var(--color-gray-100);
  width: 24px;
  height: 24px;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all var(--transition-fast);
  z-index: 1;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.TextInput-module__vWy6Qq__clearButton:hover {
  background: var(--color-gray-300);
  color: var(--text-primary);
}

.TextInput-module__vWy6Qq__passwordToggle {
  right: var(--spacing-sm);
  color: var(--text-tertiary);
  cursor: pointer;
  transition: color var(--transition-fast);
  z-index: 2;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
  position: absolute;
}

.TextInput-module__vWy6Qq__passwordToggle:hover {
  color: var(--text-secondary);
}

.TextInput-module__vWy6Qq__hasRightControl .TextInput-module__vWy6Qq__textInput {
  padding-right: 2.5rem;
}

.TextInput-module__vWy6Qq__inputIcon {
  left: var(--spacing-md);
  color: var(--text-tertiary);
  pointer-events: none;
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.TextInput-module__vWy6Qq__hasLeftIcon .TextInput-module__vWy6Qq__textInput {
  padding-left: 2.8rem;
}

.TextInput-module__vWy6Qq__sm {
  height: 32px;
}

.TextInput-module__vWy6Qq__sm .TextInput-module__vWy6Qq__textInput {
  height: 32px;
  font-size: .75rem;
}

.TextInput-module__vWy6Qq__sm .TextInput-module__vWy6Qq__clearButton {
  width: 20px;
  height: 20px;
  right: var(--spacing-xs);
}

.TextInput-module__vWy6Qq__md, .TextInput-module__vWy6Qq__md .TextInput-module__vWy6Qq__textInput {
  height: 40px;
}

.TextInput-module__vWy6Qq__lg {
  height: 45px;
}

.TextInput-module__vWy6Qq__lg .TextInput-module__vWy6Qq__textInput {
  height: 45px;
  padding: 0 var(--spacing-md);
  font-size: 1rem;
}

.TextInput-module__vWy6Qq__lg.TextInput-module__vWy6Qq__hasLeftIcon .TextInput-module__vWy6Qq__textInput {
  padding-left: 2.8rem;
}

.TextInput-module__vWy6Qq__lg .TextInput-module__vWy6Qq__clearButton {
  width: 28px;
  height: 28px;
  right: var(--spacing-md);
}

.TextInput-module__vWy6Qq__errorText {
  color: #ef4444;
  font-size: .75rem;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
}

.TextInput-module__vWy6Qq__inputError {
  border-color: #ef4444 !important;
}

/* [project]/node_modules/.pnpm/kitunga-web@0.1.88_@babel+core@7.29.7_supports-color@7.2.0__axios@1.20.0_debug@4.4.3_su_2aaf68faaec5537dd011c75e52343a71/node_modules/kitunga-web/dist/features/inputs/components/Inputs/TextareaInput.module.css [app-client] (css) */
.TextareaInput-module__VmUCOa__inputContainer {
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.TextareaInput-module__VmUCOa__textArea {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  border: 1px solid var(--border-divider);
  border-radius: var(--radius-sm);
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  transition: all var(--transition-fast);
  resize: vertical;
  min-height: 96px;
  font-size: .9rem;
  line-height: 1.35;
}

.TextareaInput-module__VmUCOa__textArea::placeholder {
  color: var(--text-tertiary);
}

.TextareaInput-module__VmUCOa__textArea:focus {
  border-color: var(--border-focus);
  background-color: var(--bg-primary);
  outline: none;
  box-shadow: 0 0 0 3px #3b82f61a;
}

.TextareaInput-module__VmUCOa__textArea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
  box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
  -webkit-text-fill-color: var(--text-primary);
  color: var(--text-primary);
  caret-color: var(--text-primary);
  background-color: var(--bg-secondary) !important;
}

.TextareaInput-module__VmUCOa__textArea:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
  box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
  -webkit-text-fill-color: var(--text-primary);
  color: var(--text-primary);
  caret-color: var(--text-primary);
  background-color: var(--bg-secondary) !important;
}

.TextareaInput-module__VmUCOa__textArea:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
  box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
  -webkit-text-fill-color: var(--text-primary);
  color: var(--text-primary);
  caret-color: var(--text-primary);
  background-color: var(--bg-secondary) !important;
}

.TextareaInput-module__VmUCOa__textArea:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
  box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
  -webkit-text-fill-color: var(--text-primary);
  color: var(--text-primary);
  caret-color: var(--text-primary);
  background-color: var(--bg-secondary) !important;
}

.TextareaInput-module__VmUCOa__textArea:disabled, .TextareaInput-module__VmUCOa__textArea[readonly] {
  background-color: var(--bg-secondary);
  color: var(--text-tertiary);
  cursor: not-allowed;
}

.TextareaInput-module__VmUCOa__clearButton {
  right: var(--spacing-sm);
  top: var(--spacing-sm);
  background: var(--color-gray-100);
  width: 24px;
  height: 24px;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all var(--transition-fast);
  z-index: 1;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.TextareaInput-module__VmUCOa__clearButton:hover {
  background: var(--color-gray-300);
  color: var(--text-primary);
}

.TextareaInput-module__VmUCOa__inputIcon {
  left: var(--spacing-md);
  top: var(--spacing-sm);
  color: var(--text-tertiary);
  pointer-events: none;
  z-index: 1;
  position: absolute;
}

.TextareaInput-module__VmUCOa__hasLeftIcon .TextareaInput-module__VmUCOa__textArea {
  padding-left: 2.5rem;
}

.TextareaInput-module__VmUCOa__sm {
  min-height: 80px;
}

.TextareaInput-module__VmUCOa__sm .TextareaInput-module__VmUCOa__textArea {
  padding: var(--spacing-sm) var(--spacing-lg);
  min-height: 80px;
  font-size: .75rem;
}

.TextareaInput-module__VmUCOa__sm .TextareaInput-module__VmUCOa__clearButton {
  width: 20px;
  height: 20px;
  right: var(--spacing-xs);
  top: var(--spacing-xs);
}

.TextareaInput-module__VmUCOa__md, .TextareaInput-module__VmUCOa__md .TextareaInput-module__VmUCOa__textArea {
  min-height: 96px;
}

.TextareaInput-module__VmUCOa__lg {
  min-height: 120px;
}

.TextareaInput-module__VmUCOa__lg .TextareaInput-module__VmUCOa__textArea {
  padding: var(--spacing-md) var(--spacing-xl);
  min-height: 120px;
  font-size: 1rem;
}

.TextareaInput-module__VmUCOa__lg.TextareaInput-module__VmUCOa__hasLeftIcon .TextareaInput-module__VmUCOa__textArea {
  padding-left: 2.5rem;
}

.TextareaInput-module__VmUCOa__lg .TextareaInput-module__VmUCOa__clearButton {
  width: 28px;
  height: 28px;
  right: var(--spacing-md);
  top: var(--spacing-sm);
}

.TextareaInput-module__VmUCOa__inputContainer.TextareaInput-module__VmUCOa__hasError {
  flex-direction: column;
}

.TextareaInput-module__VmUCOa__errorText {
  color: #ef4444;
  margin-top: 4px;
  font-size: .75rem;
  display: block;
}

.TextareaInput-module__VmUCOa__inputError {
  border-color: #ef4444 !important;
}

/* [project]/node_modules/.pnpm/kitunga-web@0.1.88_@babel+core@7.29.7_supports-color@7.2.0__axios@1.20.0_debug@4.4.3_su_2aaf68faaec5537dd011c75e52343a71/node_modules/kitunga-web/dist/features/feedback/components/Tooltips/ProgressChecklistTooltip.module.css [app-client] (css) */
.ProgressChecklistTooltip-module__T_aBxa__container {
  bottom: calc(100% + var(--ap-tooltip-offset, 4px));
  background: var(--bg-primary);
  border: 1px solid var(--border-divider);
  border-radius: var(--radius-sm);
  min-width: 280px;
  box-shadow: var(--shadow-md);
  padding: var(--spacing-lg);
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  transform: translateY(var(--ap-tooltip-offset, 4px));
  transition: opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);
  pointer-events: none;
  position: absolute;
  right: 0;
}

.ProgressChecklistTooltip-module__T_aBxa__visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.ProgressChecklistTooltip-module__T_aBxa__container:after, .ProgressChecklistTooltip-module__T_aBxa__container:before {
  content: "";
  border-left: 8px solid #0000;
  border-right: 8px solid #0000;
  position: absolute;
  top: 100%;
}

.ProgressChecklistTooltip-module__T_aBxa__container:after {
  border-top: 12px solid var(--border-divider);
  z-index: 1;
}

.ProgressChecklistTooltip-module__T_aBxa__container:before {
  border-top: 11px solid var(--bg-primary);
  z-index: 2;
  top: calc(100% - 1px);
}

.ProgressChecklistTooltip-module__T_aBxa__alignRight:after, .ProgressChecklistTooltip-module__T_aBxa__alignRight:before, .ProgressChecklistTooltip-module__T_aBxa__container:not(.ProgressChecklistTooltip-module__T_aBxa__alignLeft):after, .ProgressChecklistTooltip-module__T_aBxa__container:not(.ProgressChecklistTooltip-module__T_aBxa__alignLeft):before {
  right: var(--spacing-md);
}

.ProgressChecklistTooltip-module__T_aBxa__alignLeft:after, .ProgressChecklistTooltip-module__T_aBxa__alignLeft:before {
  left: var(--spacing-md);
}

.ProgressChecklistTooltip-module__T_aBxa__header {
  gap: var(--spacing-xxs);
  margin-bottom: var(--spacing-md);
  text-align: left;
  flex-direction: column;
  display: flex;
}

.ProgressChecklistTooltip-module__T_aBxa__contextHeader {
  margin-bottom: var(--spacing-sm);
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.ProgressChecklistTooltip-module__T_aBxa__contextTitle {
  color: var(--text-primary);
  font-size: .95rem;
  font-weight: 600;
}

.ProgressChecklistTooltip-module__T_aBxa__contextSubtitle {
  color: var(--text-secondary);
  font-size: .825rem;
}

.ProgressChecklistTooltip-module__T_aBxa__progressHeader {
  gap: var(--spacing-xs);
  flex-direction: column;
  display: flex;
}

.ProgressChecklistTooltip-module__T_aBxa__progressText {
  color: var(--text-primary);
  font-size: .875rem;
  font-weight: 600;
}

.ProgressChecklistTooltip-module__T_aBxa__progressBar {
  background: var(--bg-hover-normal);
  border-radius: 3px;
  width: 100%;
  height: 6px;
  margin-bottom: 8px;
  overflow: hidden;
}

.ProgressChecklistTooltip-module__T_aBxa__progressFill {
  background: linear-gradient(90deg, var(--bg-interactive) 0%, var(--bg-interactive-hover) 100%);
  border-radius: 3px;
  height: 100%;
  transition: width .3s;
}

.ProgressChecklistTooltip-module__T_aBxa__progressDescription {
  color: var(--text-secondary);
  font-size: .85rem;
  line-height: 1.3;
}

.ProgressChecklistTooltip-module__T_aBxa__list {
  gap: var(--spacing-xs);
  text-align: left;
  flex-direction: column;
  height: max-content;
  margin: 0;
  padding: 0;
  display: flex;
}

.ProgressChecklistTooltip-module__T_aBxa__item {
  align-items: flex-start;
  gap: var(--spacing-sm);
  line-height: 1.35;
  display: flex;
}

.ProgressChecklistTooltip-module__T_aBxa__item svg {
  color: var(--status-warning, #f59e0b);
}

.ProgressChecklistTooltip-module__T_aBxa__pendingIcon {
  color: var(--status-warning, #f59e0b) !important;
}

.ProgressChecklistTooltip-module__T_aBxa__completedIcon {
  color: var(--bg-interactive, #3b82f6) !important;
}

.ProgressChecklistTooltip-module__T_aBxa__itemText {
  font-size: .85rem !important;
}

.ProgressChecklistTooltip-module__T_aBxa__completedText {
  flex: 1;
  color: var(--bg-interactive, #3b82f6) !important;
  font-size: .85rem !important;
}

.ProgressChecklistTooltip-module__T_aBxa__completedTailIcon {
  margin-left: var(--spacing-xs);
  color: var(--bg-interactive, #3b82f6) !important;
}

.ProgressChecklistTooltip-module__T_aBxa__optionalItem {
  opacity: .8;
}

.ProgressChecklistTooltip-module__T_aBxa__optionalPendingIcon {
  color: #9ca3af !important;
}

.ProgressChecklistTooltip-module__T_aBxa__optionalPendingText {
  flex: 1;
  color: #6b7280 !important;
  font-size: .85rem !important;
}

.ProgressChecklistTooltip-module__T_aBxa__optionalCompletedIcon {
  color: #10b981 !important;
}

.ProgressChecklistTooltip-module__T_aBxa__optionalCompletedText {
  flex: 1;
  color: #374151 !important;
  font-size: .85rem !important;
}

.ProgressChecklistTooltip-module__T_aBxa__optionalCompletedTailIcon {
  margin-left: var(--spacing-xs);
  color: #10b981 !important;
}

.ProgressChecklistTooltip-module__T_aBxa__iconClassName {
  min-width: 16px;
}

.ProgressChecklistTooltip-module__T_aBxa__iconBox {
  min-width: 18px;
}

/* [project]/src/features/auth/components/FormLabel.module.css [app-client] (css) */
.FormLabel-module__fDvbMG__requiredLabel, .FormLabel-module__fDvbMG__optionalLabel {
  align-items: center;
  gap: var(--spacing-xs);
  display: flex;
}

.FormLabel-module__fDvbMG__requiredLabel span, .FormLabel-module__fDvbMG__optionalLabel span:first-child {
  color: #222833;
  font-size: .875rem;
  font-weight: 500;
}

.FormLabel-module__fDvbMG__requiredIcon {
  color: #ef4444;
  flex-shrink: 0;
  font-weight: 600;
}

.FormLabel-module__fDvbMG__optionalText {
  color: #6b7280;
  font-size: .85rem;
  font-weight: 400;
}

/* [project]/src/features/conversation/components/CustomEmojiPicker.module.css [app-client] (css) */
.CustomEmojiPicker-module__o9fYQa__emojiPicker {
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-divider);
  z-index: 1000;
  background: #fff;
  min-width: 200px;
  padding: 0;
  position: absolute;
  top: 100%;
  right: 0;
  box-shadow: 0 4px 12px #00000026;
}

.CustomEmojiPicker-module__o9fYQa__expandedView {
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-divider);
  background: #fff;
  flex-direction: column;
  width: 320px;
  max-height: 350px;
  display: flex;
  box-shadow: 0 4px 12px #00000026;
}

.CustomEmojiPicker-module__o9fYQa__tabsContainer {
  border-bottom: 1px solid var(--border-divider);
  width: 100%;
  padding: 5px var(--spacing-md) 0;
  gap: 0;
  display: flex;
}

.CustomEmojiPicker-module__o9fYQa__tabButton {
  cursor: pointer;
  color: #6b7280;
  background: none;
  border: none;
  border-bottom: 3px solid #0000;
  border-radius: 0;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 18px;
  transition: all .2s;
  display: flex;
}

.CustomEmojiPicker-module__o9fYQa__tabButton.CustomEmojiPicker-module__o9fYQa__tabActive {
  color: #3b82f6;
  background: none;
  border-bottom: 3px solid #3b82f6;
}

.CustomEmojiPicker-module__o9fYQa__searchContainer {
  padding: var(--spacing-sm-md) var(--spacing-md);
  border-bottom: 1px solid var(--border-divider);
  align-items: center;
  display: flex;
  position: relative;
}

.CustomEmojiPicker-module__o9fYQa__searchIcon {
  color: #9ca3af;
  z-index: 1;
  position: absolute;
  left: 25px;
}

.CustomEmojiPicker-module__o9fYQa__searchInput {
  border-radius: var(--radius-sm);
  background: #f9fafb;
  border: 1px solid #d1d5db;
  width: 100%;
  height: 35px;
  padding: 0 0 0 2rem;
  font-size: 14px;
  transition: all .2s;
}

.CustomEmojiPicker-module__o9fYQa__searchInput:focus {
  background: #fff;
  border-color: #6b7280;
  outline: none;
  box-shadow: 0 0 0 3px #6b72801a;
}

.CustomEmojiPicker-module__o9fYQa__content {
  max-height: 280px;
  padding: var(--spacing-md);
  flex: 1;
  overflow-y: auto;
}

.CustomEmojiPicker-module__o9fYQa__section {
  margin-bottom: var(--spacing-md);
}

.CustomEmojiPicker-module__o9fYQa__sectionTitle {
  color: #374151;
  margin-bottom: var(--spacing-sm);
  font-size: 14px;
  font-weight: 600;
}

.CustomEmojiPicker-module__o9fYQa__emojisGrid {
  grid-template-columns: repeat(8, 1fr);
  gap: 2px;
  display: grid;
}

.CustomEmojiPicker-module__o9fYQa__emojiButton {
  cursor: pointer;
  border-radius: 4px;
  border-radius: var(--radius-sm);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  transition: all .2s;
  display: flex;
}

.CustomEmojiPicker-module__o9fYQa__emojiButton:hover {
  background: #f3f4f6;
  transform: scale(1.1);
}

.CustomEmojiPicker-module__o9fYQa__emojiButton:active {
  transform: scale(.95);
}

.CustomEmojiPicker-module__o9fYQa__content::-webkit-scrollbar {
  width: 6px;
}

.CustomEmojiPicker-module__o9fYQa__content::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 3px;
}

.CustomEmojiPicker-module__o9fYQa__content::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.CustomEmojiPicker-module__o9fYQa__content::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* [project]/src/features/conversation/components/CreatePoll.module.css [app-client] (css) */
.CreatePoll-module__QmJ1uW__modal {
  border-radius: var(--radius-sm);
  background: #fff;
  flex-direction: column;
  width: 100%;
  max-width: 470px;
  height: 550px;
  display: flex;
  box-shadow: 0 10px 25px #0003;
}

.CreatePoll-module__QmJ1uW__header {
  padding: var(--spacing-md);
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.CreatePoll-module__QmJ1uW__title {
  color: #111827;
  font-size: 18px;
  font-weight: 600;
}

.CreatePoll-module__QmJ1uW__closeButton {
  color: #6b7280;
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-left: auto;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.CreatePoll-module__QmJ1uW__closeButton:hover {
  color: #374151;
  background-color: #f3f4f6;
}

.CreatePoll-module__QmJ1uW__content {
  min-height: 0;
  padding: var(--spacing-md);
  gap: var(--spacing-md);
  flex-direction: column;
  flex: 1;
  padding-top: 0;
  display: flex;
  overflow-y: auto;
}

.CreatePoll-module__QmJ1uW__fieldGroup {
  gap: var(--spacing-sm);
  flex-direction: column;
  display: flex;
}

.CreatePoll-module__QmJ1uW__fieldRow {
  align-items: flex-start;
  gap: var(--spacing-sm);
  display: flex;
}

.CreatePoll-module__QmJ1uW__fieldInputContainer {
  flex: 1;
  min-width: 0;
}

.CreatePoll-module__QmJ1uW__optionsContainer {
  gap: var(--spacing-sm);
  flex-direction: column;
  display: flex;
}

.CreatePoll-module__QmJ1uW__iconAction {
  flex-shrink: 0;
  position: relative;
}

.CreatePoll-module__QmJ1uW__iconAction button {
  border-radius: var(--radius-sm);
}

.CreatePoll-module__QmJ1uW__emojiPickerWrapper {
  z-index: 3;
  text-align: left;
  animation: .2s ease-out CreatePoll-module__QmJ1uW__dropdownFadeIn;
  position: absolute;
  right: 0;
}

.CreatePoll-module__QmJ1uW__emojiPickerWrapper[data-vertical="top"] {
  margin-bottom: 8px;
  top: auto;
  bottom: 100%;
}

.CreatePoll-module__QmJ1uW__emojiPickerWrapper[data-vertical="bottom"] {
  margin-top: 8px;
  top: 100%;
  bottom: auto;
}

.CreatePoll-module__QmJ1uW__togglesColumn {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.CreatePoll-module__QmJ1uW__toggleContainer {
  align-items: center;
  gap: var(--spacing-sm);
  display: flex;
}

.CreatePoll-module__QmJ1uW__toggleLabel {
  color: #374151;
  font-size: 14px;
  font-weight: 500;
}

.CreatePoll-module__QmJ1uW__toggle {
  cursor: pointer;
  background: #d1d5db;
  border: none;
  border-radius: 12px;
  flex-shrink: 0;
  width: 48px;
  height: 24px;
  transition: all .2s;
  position: relative;
}

.CreatePoll-module__QmJ1uW__toggleActive {
  background: var(--bg-tertiary);
}

.CreatePoll-module__QmJ1uW__toggleThumb {
  background: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transition: all .2s;
  position: absolute;
  top: 2px;
  left: 2px;
  box-shadow: 0 2px 4px #0000001a;
}

.CreatePoll-module__QmJ1uW__toggleThumbActive {
  transform: translateX(24px);
}

.CreatePoll-module__QmJ1uW__footer {
  padding: var(--spacing-md);
  border-top: 1px solid var(--border-divider);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.CreatePoll-module__QmJ1uW__footerAction, .CreatePoll-module__QmJ1uW__submitWrapper {
  display: inline-flex;
  position: relative;
}

.CreatePoll-module__QmJ1uW__dependenciesTooltip {
  pointer-events: none;
  margin-top: -6px;
  position: relative;
}

.CreatePoll-module__QmJ1uW__dependenciesTooltipVisible {
  pointer-events: auto;
}

@keyframes CreatePoll-module__QmJ1uW__dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* [project]/node_modules/.pnpm/kitunga-web@0.1.88_@babel+core@7.29.7_supports-color@7.2.0__axios@1.20.0_debug@4.4.3_su_2aaf68faaec5537dd011c75e52343a71/node_modules/kitunga-web/dist/features/inputs/components/Inputs/SearchInput.module.css [app-client] (css) */
.SearchInput-module__81bLZG__searchContainer {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.SearchInput-module__81bLZG__inputWrapperMain {
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.SearchInput-module__81bLZG__searchIcon {
  left: var(--spacing-md);
  color: var(--text-tertiary);
  pointer-events: none;
  z-index: 1;
  position: absolute;
}

.SearchInput-module__81bLZG__searchInput {
  width: 100%;
  padding: var(--spacing-sm-large) 2.5rem var(--spacing-sm-large) 2.5rem;
  border: 1px solid var(--border-divider);
  border-radius: var(--radius-sm);
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  transition: all var(--transition-fast);
  margin-top: 1.5px;
  font-size: .9rem;
}

.SearchInput-module__81bLZG__searchInput:focus {
  border-color: var(--border-focus);
  background-color: var(--bg-primary);
  outline: none;
  box-shadow: 0 0 0 3px #3b82f61a;
}

.SearchInput-module__81bLZG__clearButton {
  right: var(--spacing-sm);
  background: var(--color-gray-100);
  width: 24px;
  height: 24px;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all var(--transition-fast);
  z-index: 1;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.SearchInput-module__81bLZG__clearButton:hover {
  background: var(--color-gray-300);
  color: var(--text-primary);
}

.SearchInput-module__81bLZG__sm {
  height: 32px;
}

.SearchInput-module__81bLZG__sm .SearchInput-module__81bLZG__searchInput {
  height: 32px;
  padding: var(--spacing-sm) 2rem var(--spacing-sm) 2rem;
  font-size: .75rem;
}

.SearchInput-module__81bLZG__sm .SearchInput-module__81bLZG__searchIcon {
  left: var(--spacing-sm);
}

.SearchInput-module__81bLZG__sm .SearchInput-module__81bLZG__clearButton {
  width: 20px;
  height: 20px;
  right: var(--spacing-xs);
}

.SearchInput-module__81bLZG__lg {
  height: 48px;
}

.SearchInput-module__81bLZG__lg .SearchInput-module__81bLZG__searchInput {
  height: 48px;
  padding: var(--spacing-md) 3rem var(--spacing-md) 3rem;
  font-size: 1rem;
}

.SearchInput-module__81bLZG__lg .SearchInput-module__81bLZG__searchIcon {
  left: var(--spacing-md);
}

.SearchInput-module__81bLZG__lg .SearchInput-module__81bLZG__clearButton {
  width: 28px;
  height: 28px;
  right: var(--spacing-md);
}

/* [project]/node_modules/.pnpm/kitunga-web@0.1.88_@babel+core@7.29.7_supports-color@7.2.0__axios@1.20.0_debug@4.4.3_su_2aaf68faaec5537dd011c75e52343a71/node_modules/kitunga-web/dist/features/feedback/components/Loading/AppLoading.module.css [app-client] (css) */
.AppLoading-module__DmssBW__container {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.AppLoading-module__DmssBW__inline {
  min-height: 140px;
}

.AppLoading-module__DmssBW__page {
  background: var(--bg-primary);
  min-height: 100vh;
}

.AppLoading-module__DmssBW__fullscreen {
  z-index: 9999;
  background: var(--bg-primary);
  position: fixed;
  inset: 0;
}

.AppLoading-module__DmssBW__content {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md);
  text-align: center;
  color: var(--text-secondary);
  flex-direction: column;
  display: flex;
}

.AppLoading-module__DmssBW__textGroup {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.AppLoading-module__DmssBW__spinner {
  border-style: solid;
  border-color: var(--border-divider);
  border-top-color: var(--text-tertiary);
  border-radius: 50%;
  animation: .9s linear infinite AppLoading-module__DmssBW__appLoadingSpin;
}

.AppLoading-module__DmssBW__spinner_sm {
  border-width: 3px;
  width: 24px;
  height: 24px;
}

.AppLoading-module__DmssBW__spinner_md {
  border-width: 4px;
  width: 42px;
  height: 42px;
}

.AppLoading-module__DmssBW__spinner_lg {
  border-width: 5px;
  width: 56px;
  height: 56px;
}

.AppLoading-module__DmssBW__message {
  color: var(--text-secondary);
  margin: 0;
  font-size: 1.1rem;
  font-weight: 500;
}

.AppLoading-module__DmssBW__subtitle {
  color: var(--text-tertiary);
  margin: 0;
  font-size: .875rem;
  font-weight: 400;
}

.AppLoading-module__DmssBW__footer {
  margin-top: var(--spacing-sm);
  color: var(--text-tertiary);
  font-size: .9rem;
}

@keyframes AppLoading-module__DmssBW__appLoadingSpin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

/* [project]/node_modules/.pnpm/kitunga-web@0.1.88_@babel+core@7.29.7_supports-color@7.2.0__axios@1.20.0_debug@4.4.3_su_2aaf68faaec5537dd011c75e52343a71/node_modules/kitunga-web/dist/features/feedback/components/EmptyStates/SearchEmptyState/SearchEmptyState.module.css [app-client] (css) */
.SearchEmptyState-module__R1Bgqa__container {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm);
  width: 100%;
  height: 100%;
  padding: var(--spacing-xl) var(--spacing-lg);
  color: var(--text-secondary);
  background: var(--bg-surface-secondary);
  border-radius: var(--radius-md);
  flex-direction: column;
  display: flex;
}

.SearchEmptyState-module__R1Bgqa__iconWrapper {
  border-radius: var(--radius-full);
  background: var(--bg-surface-secondary);
  width: 56px;
  height: 56px;
  color: var(--text-secondary);
  justify-content: center;
  align-items: center;
  display: flex;
}

.SearchEmptyState-module__R1Bgqa__title {
  color: var(--text-primary);
  margin: 0;
  font-size: 1rem;
}

.SearchEmptyState-module__R1Bgqa__description {
  text-align: center;
  margin: 0;
  font-size: .9rem;
}

/* [project]/src/shared/ui/EmptyState.module.css [app-client] (css) */
.EmptyState-module__undrIW__emptyState {
  text-align: center;
  padding: var(--spacing-xl, 48px) var(--spacing-lg, 32px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.EmptyState-module__undrIW__icon {
  border-radius: var(--radius-lg, 12px);
  background-color: var(--bg-hover-normal);
  width: 64px;
  height: 64px;
  margin-bottom: var(--spacing-md, 16px);
  color: var(--text-secondary);
  justify-content: center;
  align-items: center;
  display: flex;
}

.EmptyState-module__undrIW__title {
  color: var(--text-primary);
  margin: 0 0 var(--spacing-sm, 8px) 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.EmptyState-module__undrIW__subtitle {
  color: var(--text-secondary);
  max-width: 300px;
  margin: 0;
  font-size: .875rem;
  line-height: 1.5;
}

/* [project]/src/features/conversation/components/ForwardMessage.module.css [app-client] (css) */
.ForwardMessage-module__LdCQhG__modal {
  border-radius: var(--radius-sm);
  background: #fff;
  flex-direction: column;
  width: 100%;
  max-width: 450px;
  height: 500px;
  display: flex;
  box-shadow: 0 10px 25px #0003;
}

.ForwardMessage-module__LdCQhG__header {
  padding: var(--spacing-md);
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.ForwardMessage-module__LdCQhG__closeButton {
  color: #6b7280;
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-left: auto;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.ForwardMessage-module__LdCQhG__closeButton:hover {
  color: #374151;
  background-color: #f3f4f6;
}

.ForwardMessage-module__LdCQhG__headerText {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.ForwardMessage-module__LdCQhG__title {
  color: #111827;
  font-size: 18px;
  font-weight: 600;
}

.ForwardMessage-module__LdCQhG__selectedNames {
  color: #6b7280;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 20px;
  font-size: .8rem;
  display: block;
  position: absolute;
  overflow: hidden;
}

.ForwardMessage-module__LdCQhG__searchContainer {
  padding: var(--spacing-sm) var(--spacing-md) var(--spacing-md);
  border-bottom: 1px solid var(--border-divider);
}

.ForwardMessage-module__LdCQhG__contactsList {
  flex: 1;
  min-height: 0;
  padding: 8px;
  overflow-y: auto;
}

.ForwardMessage-module__LdCQhG__loadingWrapper {
  min-height: 100%;
  padding: var(--spacing-md);
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ForwardMessage-module__LdCQhG__onlineText {
  color: var(--color-success);
  font-weight: 500;
}

.ForwardMessage-module__LdCQhG__contactItem {
  border-radius: var(--radius-sm);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 12px 10px;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.ForwardMessage-module__LdCQhG__contactItem:hover {
  background-color: var(--bg-hover-normal);
}

.ForwardMessage-module__LdCQhG__contactItem.ForwardMessage-module__LdCQhG__selected {
  background-color: #eff6ff;
}

.ForwardMessage-module__LdCQhG__contactItem:active {
  background-color: #f3f4f6;
}

.ForwardMessage-module__LdCQhG__chatMainContent {
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
}

.ForwardMessage-module__LdCQhG__selectionCheckbox {
  flex-shrink: 0;
  align-items: center;
  margin-right: 8px;
  display: flex;
}

.ForwardMessage-module__LdCQhG__avatarWrap {
  flex-shrink: 0;
  margin-right: 12px;
  position: relative;
}

.ForwardMessage-module__LdCQhG__avatar {
  background-color: var(--bg-page);
  border-radius: 50%;
  width: 55px;
  height: 55px;
  overflow: hidden;
}

.ForwardMessage-module__LdCQhG__avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ForwardMessage-module__LdCQhG__avatarInitials {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.ForwardMessage-module__LdCQhG__chatContent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.ForwardMessage-module__LdCQhG__chatHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.ForwardMessage-module__LdCQhG__chatName {
  color: #111827;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  font-size: 1rem;
  font-weight: 600;
  overflow: hidden;
}

.ForwardMessage-module__LdCQhG__timestamp {
  color: #6b7280;
  white-space: nowrap;
  font-size: .8rem;
}

.ForwardMessage-module__LdCQhG__chatPreview {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: -4px;
  display: flex;
}

.ForwardMessage-module__LdCQhG__messageContent {
  flex: 1;
  align-items: center;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.ForwardMessage-module__LdCQhG__lastMessage {
  color: #6b7280;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  font-size: .9rem;
  overflow: hidden;
}

.ForwardMessage-module__LdCQhG__messageStatus {
  align-items: center;
  margin-top: -2px;
  display: inline-flex;
}

.ForwardMessage-module__LdCQhG__tickIcon {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 600;
}

.ForwardMessage-module__LdCQhG__tickRead {
  color: var(--color-primary-light);
}

.ForwardMessage-module__LdCQhG__doubleTick {
  align-items: center;
  gap: 0;
  display: flex;
}

.ForwardMessage-module__LdCQhG__doubleTick .ForwardMessage-module__LdCQhG__tickIcon:last-child {
  margin-left: -11px;
}

.ForwardMessage-module__LdCQhG__selectedIcon {
  color: #3b82f6;
  flex-shrink: 0;
  margin-left: 8px;
}

.ForwardMessage-module__LdCQhG__footer {
  padding: var(--spacing-md);
  border-top: 1px solid var(--border-divider);
  justify-content: flex-end;
  display: flex;
}

.ForwardMessage-module__LdCQhG__footerAction, .ForwardMessage-module__LdCQhG__submitWrapper {
  display: inline-flex;
  position: relative;
}

.ForwardMessage-module__LdCQhG__dependenciesTooltip {
  pointer-events: none;
  margin-top: -6px;
  position: relative;
}

.ForwardMessage-module__LdCQhG__dependenciesTooltipVisible {
  pointer-events: auto;
}

.ForwardMessage-module__LdCQhG__checkbox {
  accent-color: #3b82f6;
  cursor: pointer;
  width: 18px;
  height: 18px;
}

.ForwardMessage-module__LdCQhG__contactsList::-webkit-scrollbar {
  width: 6px;
}

.ForwardMessage-module__LdCQhG__contactsList::-webkit-scrollbar-track {
  background: #f1f5f9;
}

.ForwardMessage-module__LdCQhG__contactsList::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.ForwardMessage-module__LdCQhG__contactsList::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* [project]/src/features/conversation/components/MessageDetails.module.css [app-client] (css) */
.MessageDetails-module__nKjivG__modal {
  border-radius: var(--radius-sm);
  background: #fff;
  flex-direction: column;
  width: 100%;
  max-width: 450px;
  max-height: 80vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;
}

.MessageDetails-module__nKjivG__header {
  padding: var(--spacing-md);
  border-bottom: 1px solid var(--border-divider);
  flex-shrink: 0;
  align-items: center;
  min-height: 60px;
  display: flex;
}

.MessageDetails-module__nKjivG__title {
  color: #111827;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.MessageDetails-module__nKjivG__closeButton {
  color: #6b7280;
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-left: auto;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.MessageDetails-module__nKjivG__closeButton:hover {
  color: #374151;
  background-color: #f3f4f6;
}

.MessageDetails-module__nKjivG__messagePreview {
  background: #f9fafb;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.MessageDetails-module__nKjivG__messageBubble {
  flex-direction: column;
  width: fit-content;
  min-width: 100px;
  max-width: 85%;
  margin-bottom: 6px;
  display: flex;
}

.MessageDetails-module__nKjivG__messageFromMe {
  align-self: flex-end;
  margin-left: auto;
}

.MessageDetails-module__nKjivG__messageContent {
  border-radius: 18px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #0000000d;
}

.MessageDetails-module__nKjivG__messageFromMe .MessageDetails-module__nKjivG__messageContent {
  color: #000;
  background-color: #e7f5ff;
  border-bottom-right-radius: 4px;
  box-shadow: 0 1px 2px #0000001a;
}

.MessageDetails-module__nKjivG__messageText {
  word-wrap: break-word;
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.MessageDetails-module__nKjivG__deletedMessage {
  color: #6b7280;
  opacity: .8;
  font-style: italic;
}

.MessageDetails-module__nKjivG__deletedIcon {
  color: #7f8591;
  vertical-align: middle;
  align-items: center;
  margin-top: -3px;
  margin-right: 6px;
  display: inline-flex;
}

.MessageDetails-module__nKjivG__editedLabel {
  color: #6b7280;
  margin-right: 8px;
  font-size: .75rem;
  font-style: italic;
}

.MessageDetails-module__nKjivG__starIndicator, .MessageDetails-module__nKjivG__pinIndicator {
  align-items: center;
  margin-right: 4px;
  display: flex;
}

.MessageDetails-module__nKjivG__messageMeta, .MessageDetails-module__nKjivG__messageMetaContent {
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  display: flex;
}

.MessageDetails-module__nKjivG__moreOptions {
  align-items: center;
  gap: 6px;
  display: flex;
}

.MessageDetails-module__nKjivG__messageTime {
  color: #6b7280;
  margin-right: 4px;
  font-size: 11px;
}

.MessageDetails-module__nKjivG__messageStatus {
  align-items: center;
  display: flex;
}

.MessageDetails-module__nKjivG__tickIcon {
  color: #6b7280;
  font-size: 12px;
  font-weight: 600;
}

.MessageDetails-module__nKjivG__tickRead {
  color: #3b82f6;
}

.MessageDetails-module__nKjivG__sendingIcon {
  color: #6b7280;
  animation: 1s linear infinite MessageDetails-module__nKjivG__spin;
}

.MessageDetails-module__nKjivG__failedIcon {
  color: #ef4444;
}

.MessageDetails-module__nKjivG__doubleTick {
  align-items: center;
  gap: 0;
  display: flex;
}

@keyframes MessageDetails-module__nKjivG__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.MessageDetails-module__nKjivG__doubleTick .MessageDetails-module__nKjivG__tickIcon:last-child {
  margin-left: -11px;
}

.MessageDetails-module__nKjivG__replyPreview {
  border-left: 3px solid #3b82f6;
  border-radius: 8px;
  align-items: center;
  margin-bottom: 8px;
  padding: 8px;
  display: flex;
}

.MessageDetails-module__nKjivG__replyPreview .MessageDetails-module__nKjivG__replyContent {
  flex: 1;
  min-width: 0;
}

.MessageDetails-module__nKjivG__replyPreview .MessageDetails-module__nKjivG__replySender {
  color: #3b82f6;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 600;
}

.MessageDetails-module__nKjivG__replyPreview .MessageDetails-module__nKjivG__replyText {
  color: #6b7280;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  font-size: 12px;
  overflow: hidden;
}

.MessageDetails-module__nKjivG__statusSection {
  background: #fff;
  padding: 20px;
}

.MessageDetails-module__nKjivG__statusItem {
  border-bottom: 1px solid #f3f4f6;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  display: flex;
}

.MessageDetails-module__nKjivG__statusItem:last-child {
  border-bottom: none;
}

.MessageDetails-module__nKjivG__statusIcon {
  color: #6b7280;
  background-color: #f3f4f6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.MessageDetails-module__nKjivG__statusIcon svg {
  width: 16px;
  height: 16px;
}

.MessageDetails-module__nKjivG__statusInfo {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.MessageDetails-module__nKjivG__statusLabel {
  color: #111827;
  margin: 0 0 2px;
  font-size: 14px;
  font-weight: 500;
}

.MessageDetails-module__nKjivG__statusTimestamp {
  color: #6b7280;
  margin: 0;
  font-size: 12px;
}

.MessageDetails-module__nKjivG__statusIcon.MessageDetails-module__nKjivG__delivered {
  color: #6b7280;
  background-color: #f3f4f6;
}

.MessageDetails-module__nKjivG__statusIcon.MessageDetails-module__nKjivG__visualized, .MessageDetails-module__nKjivG__statusIcon.MessageDetails-module__nKjivG__read {
  color: #3b82f6;
  background-color: #dbeafe;
}

.MessageDetails-module__nKjivG__messageReaction {
  margin-top: 4px;
  display: flex;
}

.MessageDetails-module__nKjivG__messageReaction.MessageDetails-module__nKjivG__reactionFromMe {
  justify-content: flex-end;
  margin-left: 0;
}

.MessageDetails-module__nKjivG__reactionBubble {
  border-radius: 18px;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 1px 2px #0000001a;
}

.MessageDetails-module__nKjivG__reactionBubble.MessageDetails-module__nKjivG__reactionFromMe {
  background-color: #e7f5ff;
}

.MessageDetails-module__nKjivG__reactionBubble.MessageDetails-module__nKjivG__reactionFromContact {
  background-color: #fff;
}

.MessageDetails-module__nKjivG__reactionBubble.MessageDetails-module__nKjivG__reactionClickable {
  cursor: pointer;
}

.MessageDetails-module__nKjivG__reactionBubble.MessageDetails-module__nKjivG__reactionClickable:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 4px #00000026;
}

.MessageDetails-module__nKjivG__reactionEmoji {
  font-size: 20px;
}

.MessageDetails-module__nKjivG__reactionAvatar {
  color: #6b7280;
  background-color: #f3f4f6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
}

.MessageDetails-module__nKjivG__reactionAvatarImage {
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

/* [project]/src/features/conversation/components/EditHistory.module.css [app-client] (css) */
.EditHistory-module__NL2Wkq__modal {
  border-radius: var(--radius-sm);
  background: #fff;
  flex-direction: column;
  width: 100%;
  max-width: 450px;
  max-height: 80vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;
}

.EditHistory-module__NL2Wkq__header {
  padding: var(--spacing-md);
  border-bottom: 1px solid var(--border-divider);
  flex-shrink: 0;
  align-items: center;
  min-height: 60px;
  display: flex;
}

.EditHistory-module__NL2Wkq__title {
  color: #111827;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.EditHistory-module__NL2Wkq__closeButton {
  color: #6b7280;
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-left: auto;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.EditHistory-module__NL2Wkq__closeButton:hover {
  color: #374151;
  background-color: #f3f4f6;
}

.EditHistory-module__NL2Wkq__messagePreview {
  background: #f9fafb;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.EditHistory-module__NL2Wkq__messageBubble {
  flex-direction: column;
  width: fit-content;
  min-width: 100px;
  max-width: 85%;
  margin-bottom: 6px;
  display: flex;
}

.EditHistory-module__NL2Wkq__messageFromMe {
  align-self: flex-end;
  margin-left: auto;
}

.EditHistory-module__NL2Wkq__messageContent {
  border-radius: 18px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #0000000d;
}

.EditHistory-module__NL2Wkq__messageFromMe .EditHistory-module__NL2Wkq__messageContent {
  color: #000;
  background-color: #e7f5ff;
  border-bottom-right-radius: 4px;
  box-shadow: 0 1px 2px #0000001a;
}

.EditHistory-module__NL2Wkq__messageFromContact .EditHistory-module__NL2Wkq__messageContent {
  color: #000;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  box-shadow: 0 1px 2px #0000001a;
}

.EditHistory-module__NL2Wkq__messageText {
  word-wrap: break-word;
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.EditHistory-module__NL2Wkq__deletedMessage {
  color: #6b7280;
  opacity: .8;
  font-style: italic;
}

.EditHistory-module__NL2Wkq__deletedIcon {
  color: #7f8591;
  vertical-align: middle;
  align-items: center;
  margin-top: -3px;
  margin-right: 6px;
  display: inline-flex;
}

.EditHistory-module__NL2Wkq__editedLabel {
  color: #6b7280;
  margin-right: 8px;
  font-size: .75rem;
  font-style: italic;
}

.EditHistory-module__NL2Wkq__starIndicator, .EditHistory-module__NL2Wkq__pinIndicator {
  align-items: center;
  margin-right: 4px;
  display: flex;
}

.EditHistory-module__NL2Wkq__messageMeta, .EditHistory-module__NL2Wkq__messageMetaContent {
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  display: flex;
}

.EditHistory-module__NL2Wkq__moreOptions {
  align-items: center;
  gap: 6px;
  display: flex;
}

.EditHistory-module__NL2Wkq__messageTime {
  color: #6b7280;
  margin-right: 4px;
  font-size: 11px;
}

.EditHistory-module__NL2Wkq__messageStatus {
  align-items: center;
  display: flex;
}

.EditHistory-module__NL2Wkq__tickIcon {
  color: #6b7280;
  font-size: 12px;
  font-weight: 600;
}

.EditHistory-module__NL2Wkq__tickRead {
  color: #3b82f6;
}

.EditHistory-module__NL2Wkq__sendingIcon {
  color: #6b7280;
  animation: 1s linear infinite EditHistory-module__NL2Wkq__spin;
}

.EditHistory-module__NL2Wkq__failedIcon {
  color: #ef4444;
}

.EditHistory-module__NL2Wkq__doubleTick {
  align-items: center;
  gap: 0;
  display: flex;
}

.EditHistory-module__NL2Wkq__doubleTick .EditHistory-module__NL2Wkq__tickIcon:last-child {
  margin-left: -11px;
}

@keyframes EditHistory-module__NL2Wkq__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.EditHistory-module__NL2Wkq__replyPreview {
  border-left: 3px solid #3b82f6;
  border-radius: 8px;
  align-items: center;
  margin-bottom: 8px;
  padding: 8px;
  display: flex;
}

.EditHistory-module__NL2Wkq__replyContent {
  flex: 1;
  min-width: 0;
}

.EditHistory-module__NL2Wkq__replySender {
  color: #3b82f6;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 600;
}

.EditHistory-module__NL2Wkq__replyText {
  color: #6b7280;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  font-size: 12px;
  overflow: hidden;
}

.EditHistory-module__NL2Wkq__statusSection {
  background: #fff;
  padding: 20px;
  overflow-y: auto;
}

.EditHistory-module__NL2Wkq__statusItem {
  border-bottom: 1px solid #f3f4f6;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
  display: flex;
}

.EditHistory-module__NL2Wkq__statusItem:last-child {
  border-bottom: none;
}

.EditHistory-module__NL2Wkq__statusIcon {
  color: #6b7280;
  background-color: #f3f4f6;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.EditHistory-module__NL2Wkq__statusInfo {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.EditHistory-module__NL2Wkq__statusLabel {
  color: #111827;
  margin: 0 0 2px;
  font-size: 14px;
  font-weight: 500;
}

.EditHistory-module__NL2Wkq__statusTimestamp {
  color: #6b7280;
  margin: 0 0 6px;
  font-size: 12px;
}

.EditHistory-module__NL2Wkq__versionText {
  color: #374151;
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.EditHistory-module__NL2Wkq__versionReceipt {
  color: #6b7280;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
  font-size: 12px;
  display: flex;
}

.EditHistory-module__NL2Wkq__loading, .EditHistory-module__NL2Wkq__error, .EditHistory-module__NL2Wkq__empty {
  text-align: center;
  color: #6b7280;
  padding: 24px 0;
  font-size: 14px;
}

.EditHistory-module__NL2Wkq__error {
  color: #ef4444;
}

/* [project]/src/shared/ui/Tabs.module.css [app-client] (css) */
.Tabs-module__rfSxhW__tabsContainer {
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 0 20px;
  display: flex;
  overflow-x: auto;
}

.Tabs-module__rfSxhW__tabsContainer::-webkit-scrollbar {
  display: none;
}

.Tabs-module__rfSxhW__tab {
  color: #6b7280;
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  border-bottom: 3px solid #0000;
  padding: 12px;
  font-size: .9rem;
  font-weight: 600;
  transition: all .2s;
}

.Tabs-module__rfSxhW__tab:hover {
  color: #374151;
}

.Tabs-module__rfSxhW__activeTab {
  color: var(--color-primary-light);
  border-bottom: 3px solid var(--color-primary-light);
}

.Tabs-module__rfSxhW__tabCount {
  color: #6b7280;
  background-color: #e5e7eb;
  border-radius: 12px;
  margin-left: 8px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
}

.Tabs-module__rfSxhW__activeTabCount {
  background-color: var(--color-primary-light);
  color: #fff;
}

/* [project]/src/features/conversation/components/ReactionsPopup.module.css [app-client] (css) */
.ReactionsPopup-module__FiHAWa__modal {
  border-radius: var(--radius-sm);
  background: #fff;
  flex-direction: column;
  width: 100%;
  max-width: 450px;
  max-height: 80vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;
}

.ReactionsPopup-module__FiHAWa__header {
  padding: var(--spacing-md);
  flex-shrink: 0;
  align-items: center;
  min-height: 60px;
  display: flex;
}

.ReactionsPopup-module__FiHAWa__title {
  color: #111827;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.ReactionsPopup-module__FiHAWa__closeButton {
  color: #6b7280;
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-left: auto;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.ReactionsPopup-module__FiHAWa__closeButton:hover {
  color: #374151;
  background-color: #f3f4f6;
}

.ReactionsPopup-module__FiHAWa__tabsWrapper {
  border-bottom: 1px solid var(--border-divider);
  flex-shrink: 0;
}

.ReactionsPopup-module__FiHAWa__list {
  padding: 8px;
  overflow-y: auto;
}

.ReactionsPopup-module__FiHAWa__empty {
  text-align: center;
  color: #6b7280;
  padding: 24px;
  font-size: 14px;
}

.ReactionsPopup-module__FiHAWa__row {
  border-radius: var(--radius-sm);
  align-items: center;
  gap: 12px;
  margin-bottom: 4px;
  padding: 10px 12px;
  transition: background-color .15s;
  display: flex;
}

.ReactionsPopup-module__FiHAWa__rowMine {
  cursor: pointer;
}

.ReactionsPopup-module__FiHAWa__rowMine:hover {
  background-color: #f9fafb;
}

.ReactionsPopup-module__FiHAWa__reactorAvatar {
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}

.ReactionsPopup-module__FiHAWa__reactorAvatarImg {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ReactionsPopup-module__FiHAWa__rowInfo {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.ReactionsPopup-module__FiHAWa__rowName {
  color: #111827;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 500;
  overflow: hidden;
}

.ReactionsPopup-module__FiHAWa__rowHint {
  color: #6b7280;
  font-size: 12px;
}

.ReactionsPopup-module__FiHAWa__rowEmoji {
  flex-shrink: 0;
  font-size: 20px;
}

/* [project]/src/features/conversation/components/PollVotesPopup.module.css [app-client] (css) */
.PollVotesPopup-module__vWieHG__modal {
  border-radius: var(--radius-sm);
  background: #fff;
  flex-direction: column;
  width: 100%;
  max-width: 450px;
  max-height: 80vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;
}

.PollVotesPopup-module__vWieHG__header {
  padding: var(--spacing-md);
  flex-shrink: 0;
  align-items: center;
  min-height: 60px;
  display: flex;
}

.PollVotesPopup-module__vWieHG__title {
  color: #111827;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.PollVotesPopup-module__vWieHG__closeButton {
  color: #6b7280;
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-left: auto;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.PollVotesPopup-module__vWieHG__closeButton:hover {
  color: #374151;
  background-color: #f3f4f6;
}

.PollVotesPopup-module__vWieHG__tabsWrapper {
  border-bottom: 1px solid var(--border-divider);
  flex-shrink: 0;
}

.PollVotesPopup-module__vWieHG__list {
  padding: 8px;
  overflow-y: auto;
}

.PollVotesPopup-module__vWieHG__empty {
  text-align: center;
  color: #6b7280;
  padding: 24px;
  font-size: 14px;
}

.PollVotesPopup-module__vWieHG__row {
  border-radius: var(--radius-sm);
  align-items: center;
  gap: 12px;
  margin-bottom: 4px;
  padding: 10px 12px;
  transition: background-color .15s;
  display: flex;
}

.PollVotesPopup-module__vWieHG__rowMine {
  cursor: pointer;
}

.PollVotesPopup-module__vWieHG__rowMine:hover {
  background-color: #f9fafb;
}

.PollVotesPopup-module__vWieHG__rowInfo {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.PollVotesPopup-module__vWieHG__rowName {
  color: #111827;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 500;
  overflow: hidden;
}

.PollVotesPopup-module__vWieHG__rowHint {
  color: #6b7280;
  font-size: 12px;
}

.PollVotesPopup-module__vWieHG__rowOption {
  color: #374151;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-shrink: 0;
  max-width: 140px;
  font-size: 13px;
  overflow: hidden;
}

/* [project]/src/features/conversation/components/MediaViewer.module.css [app-client] (css) */
.MediaViewer-module__KuS9SW__viewer {
  background: var(--bg-primary);
  z-index: 1;
  flex-direction: column;
  display: flex;
  position: fixed;
  inset: 0;
}

.MediaViewer-module__KuS9SW__topBar {
  padding: var(--spacing-md);
  background-color: var(--bg-primary);
  border-bottom: 1px solid var(--border-divider);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.MediaViewer-module__KuS9SW__contact {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.MediaViewer-module__KuS9SW__avatarWrap {
  border-radius: var(--radius-full);
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
  overflow: visible;
}

.MediaViewer-module__KuS9SW__avatar, .MediaViewer-module__KuS9SW__avatarFallback {
  border-radius: var(--radius-full);
  background-color: var(--bg-page);
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.MediaViewer-module__KuS9SW__avatar img {
  object-fit: cover;
  border-radius: inherit;
  width: 100%;
  height: 100%;
}

.MediaViewer-module__KuS9SW__avatarFallback {
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.MediaViewer-module__KuS9SW__onlineDot {
  background-color: var(--color-success);
  border: 2px solid #fff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.MediaViewer-module__KuS9SW__contactText {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.MediaViewer-module__KuS9SW__contactName {
  color: #111827;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
}

.MediaViewer-module__KuS9SW__contactTime {
  color: #6b7280;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 13px;
  overflow: hidden;
}

.MediaViewer-module__KuS9SW__onlineText {
  color: var(--color-success);
}

.MediaViewer-module__KuS9SW__actions {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.MediaViewer-module__KuS9SW__actions button {
  border-radius: var(--radius-sm);
}

.MediaViewer-module__KuS9SW__stage {
  flex: 1;
  align-items: center;
  min-height: 0;
  display: flex;
  position: relative;
}

.MediaViewer-module__KuS9SW__mediaArea {
  height: 100%;
  padding: var(--spacing-md);
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: auto;
}

.MediaViewer-module__KuS9SW__media {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  transition: transform var(--transition-fast);
  border-radius: 8px;
}

.MediaViewer-module__KuS9SW__mediaLoading {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
}

.MediaViewer-module__KuS9SW__mediaBlur {
  object-fit: contain;
  filter: blur(12px);
  opacity: .9;
  border-radius: 8px;
  max-width: 100%;
  max-height: 100%;
  transform: scale(1.05);
}

.MediaViewer-module__KuS9SW__progressRing {
  background: conic-gradient(var(--color-primary) var(--progress, 0deg), #ffffff59 0deg);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
  position: absolute;
}

.MediaViewer-module__KuS9SW__progressInner {
  color: #fff;
  background: #0000008c;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
}

.MediaViewer-module__KuS9SW__progressPct {
  font-size: 12px;
  font-weight: 600;
}

.MediaViewer-module__KuS9SW__navBtn {
  background: var(--bg-primary);
  width: 44px;
  height: 44px;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--transition-fast);
  z-index: 5;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 1px 4px #00000026;
}

.MediaViewer-module__KuS9SW__navBtn:hover {
  color: var(--text-primary);
  background: var(--color-gray-100);
}

.MediaViewer-module__KuS9SW__navLeft {
  left: var(--spacing-md);
}

.MediaViewer-module__KuS9SW__navRight {
  right: var(--spacing-md);
}

.MediaViewer-module__KuS9SW__filmstrip {
  padding: var(--spacing-md);
  border-top: 1px solid var(--border-divider);
  scrollbar-width: thin;
  flex-shrink: 0;
  gap: 8px;
  display: flex;
  overflow-x: auto;
}

.MediaViewer-module__KuS9SW__thumb {
  cursor: pointer;
  border: 4px solid var(--border-divider);
  background: var(--bg-secondary);
  border-radius: 8px;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  padding: 0;
  transition: border-color .2s, transform .2s;
  position: relative;
  overflow: hidden;
}

.MediaViewer-module__KuS9SW__thumb:hover {
  transform: scale(1.05);
}

.MediaViewer-module__KuS9SW__thumbActive {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px var(--bg-tertiary-transparent);
}

.MediaViewer-module__KuS9SW__thumbImg {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.MediaViewer-module__KuS9SW__thumbPlay {
  color: #fff;
  text-shadow: 0 1px 3px #000000b3;
  background: #00000040;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  display: flex;
  position: absolute;
  inset: 0;
}

/* [project]/src/shared/components/PopupManager/PopupManager.module.css [app-client] (css) */
.PopupManager-module__xwdFVG__overlay {
  z-index: 1200;
  height: 100dvh;
  padding: var(--spacing-lg);
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.PopupManager-module__xwdFVG__content {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 600px;
  max-height: 90vh;
  display: flex;
  position: relative;
  overflow-y: auto;
}

/* [project]/node_modules/.pnpm/kitunga-web@0.1.88_@babel+core@7.29.7_supports-color@7.2.0__axios@1.20.0_debug@4.4.3_su_2aaf68faaec5537dd011c75e52343a71/node_modules/kitunga-web/dist/features/navigation/components/Sidebar/Sidebar.module.css [app-client] (css) */
.Sidebar-module__l8y0Oq__sidebarContainer {
  color: #414346;
  z-index: 1000;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  height: 100%;
  transition: width .25s ease-in-out;
  display: flex;
  position: relative;
}

.Sidebar-module__l8y0Oq__toggleButton {
  color: #5f6368;
  cursor: pointer;
  z-index: 1001;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  transition: background-color .2s, box-shadow .2s, border-color .2s, right .25s ease-in-out;
  display: flex;
  position: absolute;
  top: 50%;
  right: -18px;
  transform: translateY(-50%);
}

.Sidebar-module__l8y0Oq__toggleButton:hover {
  background-color: #f8f9fa;
  border-color: #d8dadc;
}

.Sidebar-module__l8y0Oq__sidebarNav {
  padding: var(--spacing-md);
  flex: auto;
  min-height: 0;
  overflow: hidden auto;
}

.Sidebar-module__l8y0Oq__sidebarNav::-webkit-scrollbar {
  width: 5px;
}

.Sidebar-module__l8y0Oq__sidebarNav::-webkit-scrollbar-track {
  background: none;
}

.Sidebar-module__l8y0Oq__sidebarNav::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 3px;
}

.Sidebar-module__l8y0Oq__sidebarNav::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}

.Sidebar-module__l8y0Oq__sidebarFooter {
  padding: var(--spacing-md);
  border-top: 1px solid var(--border-divider);
  flex-shrink: 0;
  overflow-x: visible;
}

.Sidebar-module__l8y0Oq__sidebarFooterWithoutDivider {
  border-top: none;
}

.Sidebar-module__l8y0Oq__menuList {
  flex-direction: column;
  gap: 6px;
  padding: 0;
  list-style: none;
  display: flex;
}

.Sidebar-module__l8y0Oq__subMenuList {
  padding: var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-md);
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  list-style: none;
  display: flex;
  overflow: visible;
}

.Sidebar-module__l8y0Oq__flyout {
  z-index: 1500;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  min-width: 200px;
  padding: 0;
  display: flex;
  position: fixed;
  box-shadow: 0 3px 6px #0000001a, 0 1px 3px #00000014;
}

.Sidebar-module__l8y0Oq__flyout:before {
  content: "";
  top: calc(var(--trigger-h, 40px) / 2);
  filter: drop-shadow(-1px 0 1px #00000026);
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-right: 6px solid #fff;
  width: 0;
  height: 0;
  position: absolute;
  left: -6.5px;
  transform: translateY(-50%);
}

.Sidebar-module__l8y0Oq__flyout .Sidebar-module__l8y0Oq__subMenuList {
  margin: 0;
  padding: 0;
}

.Sidebar-module__l8y0Oq__flyoutHeader {
  padding: var(--spacing-sm) var(--spacing-md) var(--spacing-xs);
}

.Sidebar-module__l8y0Oq__flyoutBody {
  padding: var(--spacing-xs) var(--spacing-sm) var(--spacing-sm);
  overflow-x: hidden;
}

.Sidebar-module__l8y0Oq__flyoutTitle {
  color: #1f2937;
  font-weight: 700;
  display: block;
  height: auto !important;
  padding: 0 !important;
}

/* [project]/node_modules/.pnpm/kitunga-web@0.1.88_@babel+core@7.29.7_supports-color@7.2.0__axios@1.20.0_debug@4.4.3_su_2aaf68faaec5537dd011c75e52343a71/node_modules/kitunga-web/dist/features/navigation/components/Menu/SharedMenuItem.module.css [app-client] (css) */
.SharedMenuItem-module__qT9ufW__menuItem {
  border-radius: var(--radius-sm);
  flex-direction: column;
  display: flex;
  position: relative;
}

.SharedMenuItem-module__qT9ufW__menuLink {
  color: #1f2937;
  border-radius: var(--radius-sm);
  white-space: nowrap;
  align-items: center;
  gap: var(--spacing-lg);
  box-sizing: border-box;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  width: 100%;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.SharedMenuItem-module__qT9ufW__sm {
  height: 35px;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: .875rem;
}

.SharedMenuItem-module__qT9ufW__md {
  height: 40px;
  padding: 0 12px;
  font-size: .95rem;
}

.SharedMenuItem-module__qT9ufW__lg {
  height: 45px;
  padding: var(--spacing-md);
  font-size: 1rem;
}

.SharedMenuItem-module__qT9ufW__groupHeaderItem > .SharedMenuItem-module__qT9ufW__menuLink {
  color: var(--text-secondary);
  font-weight: 600;
}

.SharedMenuItem-module__qT9ufW__groupHeaderItem > .SharedMenuItem-module__qT9ufW__menuLink:hover, .SharedMenuItem-module__qT9ufW__groupHeaderOpen > .SharedMenuItem-module__qT9ufW__menuLink {
  background-color: var(--bg-hover-normal);
  color: var(--text-primary);
}

.SharedMenuItem-module__qT9ufW__groupHeaderOpen > .SharedMenuItem-module__qT9ufW__menuLink .SharedMenuItem-module__qT9ufW__iconWrapper {
  color: var(--text-primary);
}

.SharedMenuItem-module__qT9ufW__menuItem:not(.SharedMenuItem-module__qT9ufW__activeItem) .SharedMenuItem-module__qT9ufW__menuLink:hover, .SharedMenuItem-module__qT9ufW__collapsedItem:not(.SharedMenuItem-module__qT9ufW__activeItem):hover > .SharedMenuItem-module__qT9ufW__menuLink, .SharedMenuItem-module__qT9ufW__expandedItem:not(.SharedMenuItem-module__qT9ufW__activeItem) .SharedMenuItem-module__qT9ufW__menuLink:hover {
  background-color: var(--bg-hover-normal);
}

.SharedMenuItem-module__qT9ufW__menuItem.SharedMenuItem-module__qT9ufW__activeItem > .SharedMenuItem-module__qT9ufW__menuLink {
  color: #fff;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

.SharedMenuItem-module__qT9ufW__expandedItem.SharedMenuItem-module__qT9ufW__activeItem > .SharedMenuItem-module__qT9ufW__menuLink .SharedMenuItem-module__qT9ufW__menuText, .SharedMenuItem-module__qT9ufW__expandedItem.SharedMenuItem-module__qT9ufW__activeItem > .SharedMenuItem-module__qT9ufW__menuLink .SharedMenuItem-module__qT9ufW__iconWrapper {
  color: #fff;
}

.SharedMenuItem-module__qT9ufW__collapsedItem.SharedMenuItem-module__qT9ufW__activeItem > .SharedMenuItem-module__qT9ufW__menuLink {
  color: #fff;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

.SharedMenuItem-module__qT9ufW__collapsedItem.SharedMenuItem-module__qT9ufW__activeItem > .SharedMenuItem-module__qT9ufW__menuLink .SharedMenuItem-module__qT9ufW__menuText, .SharedMenuItem-module__qT9ufW__collapsedItem.SharedMenuItem-module__qT9ufW__activeItem > .SharedMenuItem-module__qT9ufW__menuLink .SharedMenuItem-module__qT9ufW__iconWrapper {
  color: #fff;
}

.SharedMenuItem-module__qT9ufW__iconWrapper {
  color: #374151;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: color .15s;
  display: inline-flex;
}

.SharedMenuItem-module__qT9ufW__rightIconWrapper {
  margin: 0;
}

.SharedMenuItem-module__qT9ufW__iconWrapper > svg {
  width: 20px !important;
  height: 20px !important;
}

.SharedMenuItem-module__qT9ufW__menuText {
  opacity: 1;
  color: #1f2937;
  text-align: left;
  flex-direction: column;
  flex: auto;
  min-width: 0;
  max-width: 100%;
  line-height: 1.2;
  transition: opacity .2s ease-in-out .1s, max-width .25s ease-in-out 50ms, margin-left .25s ease-in-out 50ms;
  display: flex;
  overflow: hidden;
}

.SharedMenuItem-module__qT9ufW__menuText > span:not(.SharedMenuItem-module__qT9ufW__menuDescription) {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.SharedMenuItem-module__qT9ufW__menuDescription {
  white-space: normal;
}

.SharedMenuItem-module__qT9ufW__collapsedItem > .SharedMenuItem-module__qT9ufW__menuLink .SharedMenuItem-module__qT9ufW__menuText {
  opacity: 0;
  max-width: 0;
}

.SharedMenuItem-module__qT9ufW__menuSuffix, .SharedMenuItem-module__qT9ufW__rightIconWrapper {
  opacity: 1;
  transition: opacity .15s ease-in-out, max-width .2s ease-in-out;
}

.SharedMenuItem-module__qT9ufW__collapsedItem > .SharedMenuItem-module__qT9ufW__menuLink .SharedMenuItem-module__qT9ufW__menuSuffix, .SharedMenuItem-module__qT9ufW__collapsedItem > .SharedMenuItem-module__qT9ufW__menuLink .SharedMenuItem-module__qT9ufW__rightIconWrapper {
  opacity: 0;
  pointer-events: none;
  max-width: 0;
  overflow: hidden;
}

.SharedMenuItem-module__qT9ufW__portalTooltip {
  color: #1f2937;
  white-space: nowrap;
  z-index: 2000;
  pointer-events: none;
  background-color: #fff;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 500;
  position: fixed;
  transform: translateY(-50%);
  box-shadow: 0 3px 6px #0000001a, 0 1px 3px #00000014;
}

.SharedMenuItem-module__qT9ufW__portalTooltipArrow {
  filter: drop-shadow(-1px 0 1px #00000026);
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-right: 6px solid #fff;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: -6.5px;
  transform: translateY(-50%);
}

.SharedMenuItem-module__qT9ufW__menuItem.SharedMenuItem-module__qT9ufW__destructiveItem .SharedMenuItem-module__qT9ufW__menuLink, .SharedMenuItem-module__qT9ufW__menuItem.SharedMenuItem-module__qT9ufW__destructiveItem .SharedMenuItem-module__qT9ufW__menuLink .SharedMenuItem-module__qT9ufW__iconWrapper, .SharedMenuItem-module__qT9ufW__menuItem.SharedMenuItem-module__qT9ufW__destructiveItem .SharedMenuItem-module__qT9ufW__menuLink .SharedMenuItem-module__qT9ufW__menuText {
  color: #dc2626;
}

.SharedMenuItem-module__qT9ufW__menuDescription {
  color: var(--text-secondary);
  font-size: .75rem;
  line-height: 1.2;
}

.SharedMenuItem-module__qT9ufW__menuSuffix {
  color: #374151;
  font-size: .78rem;
  font-weight: 500;
}

.SharedMenuItem-module__qT9ufW__menuItem.SharedMenuItem-module__qT9ufW__activeItem > .SharedMenuItem-module__qT9ufW__menuLink .SharedMenuItem-module__qT9ufW__menuSuffix, .SharedMenuItem-module__qT9ufW__menuItem.SharedMenuItem-module__qT9ufW__activeItem > .SharedMenuItem-module__qT9ufW__menuLink .SharedMenuItem-module__qT9ufW__menuDescription {
  color: #fff;
}

/* [project]/node_modules/.pnpm/kitunga-web@0.1.88_@babel+core@7.29.7_supports-color@7.2.0__axios@1.20.0_debug@4.4.3_su_2aaf68faaec5537dd011c75e52343a71/node_modules/kitunga-web/dist/features/overlays/components/dropdowns/DropdownMenu.module.css [app-client] (css) */
.DropdownMenu-module__XE5AiW__dropdown {
  background-color: var(--bg-primary);
  border: 1px solid var(--border-divider);
  border-radius: var(--radius-sm);
  z-index: 1500;
  animation: .2s ease-out DropdownMenu-module__XE5AiW__dropdownFadeIn;
  position: fixed;
  overflow: hidden;
  box-shadow: 0 8px 24px #0000001f;
}

.DropdownMenu-module__XE5AiW__noBorder {
  border: none;
}

.DropdownMenu-module__XE5AiW__menuList {
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.DropdownMenu-module__XE5AiW__sm .DropdownMenu-module__XE5AiW__menuList {
  padding: var(--spacing-sm);
}

.DropdownMenu-module__XE5AiW__md .DropdownMenu-module__XE5AiW__menuList {
  padding: var(--spacing-sm-large);
}

.DropdownMenu-module__XE5AiW__lg .DropdownMenu-module__XE5AiW__menuList {
  padding: var(--spacing-md);
}

.DropdownMenu-module__XE5AiW__sm .DropdownMenu-module__XE5AiW__dividerTop, .DropdownMenu-module__XE5AiW__sm .DropdownMenu-module__XE5AiW__dividerBottom {
  margin-left: calc(-1 * var(--spacing-sm));
  margin-right: calc(-1 * var(--spacing-sm));
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}

.DropdownMenu-module__XE5AiW__md .DropdownMenu-module__XE5AiW__dividerTop, .DropdownMenu-module__XE5AiW__md .DropdownMenu-module__XE5AiW__dividerBottom {
  margin-left: calc(-1 * var(--spacing-sm-large));
  margin-right: calc(-1 * var(--spacing-sm-large));
  padding-left: var(--spacing-sm-large);
  padding-right: var(--spacing-sm-large);
}

.DropdownMenu-module__XE5AiW__lg .DropdownMenu-module__XE5AiW__dividerTop, .DropdownMenu-module__XE5AiW__lg .DropdownMenu-module__XE5AiW__dividerBottom {
  margin-left: calc(-1 * var(--spacing-md));
  margin-right: calc(-1 * var(--spacing-md));
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}

.DropdownMenu-module__XE5AiW__dividerTop {
  border-top: 1px solid var(--border-divider);
  padding-top: var(--spacing-sm);
  margin-top: var(--spacing-sm);
}

.DropdownMenu-module__XE5AiW__dividerBottom {
  border-bottom: 1px solid var(--border-divider);
  padding-bottom: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
}

.DropdownMenu-module__XE5AiW__customItem {
  cursor: pointer;
}

.DropdownMenu-module__XE5AiW__customContent {
  border-radius: var(--radius-sm);
  transition: background-color .15s;
}

.DropdownMenu-module__XE5AiW__customItem:hover .DropdownMenu-module__XE5AiW__customContent {
  background-color: var(--bg-secondary);
}

.DropdownMenu-module__XE5AiW__sm .DropdownMenu-module__XE5AiW__customContent {
  padding: var(--spacing-sm) var(--spacing-md);
}

.DropdownMenu-module__XE5AiW__md .DropdownMenu-module__XE5AiW__customContent {
  padding: 0 12px;
}

.DropdownMenu-module__XE5AiW__lg .DropdownMenu-module__XE5AiW__customContent {
  padding: var(--spacing-md);
}

@keyframes DropdownMenu-module__XE5AiW__dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* [project]/src/shared/components/layout/Sidebar.module.css [app-client] (css) */
.Sidebar-module__4UpaJa__sidebar {
  border-right: 1px solid var(--border-outline, #e0e0e0);
  background: var(--bg-primary, #fff);
  flex-direction: column;
  flex-shrink: 0;
  width: auto;
  min-width: 0;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.Sidebar-module__4UpaJa__sidebarHeader {
  padding: var(--spacing-md);
  border-bottom: 1px solid var(--border-divider, #e8eaed);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.Sidebar-module__4UpaJa__sidebarNav {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.Sidebar-module__4UpaJa__logoIcon {
  background: var(--bg-page);
  border: 4px solid var(--bg-page);
  border-radius: var(--radius-full);
  box-sizing: border-box;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.Sidebar-module__4UpaJa__logoIcon img {
  object-fit: cover;
  border-radius: inherit;
  width: 100%;
  height: 100%;
}

.Sidebar-module__4UpaJa__logoFallback {
  border-radius: inherit;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .5px;
  background: #3b82f6;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: .95rem;
  font-weight: 600;
  display: flex;
}

.Sidebar-module__4UpaJa__avatarHeader {
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-xs) 0;
  display: flex;
}

.Sidebar-module__4UpaJa__avatarHeaderImg {
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}

.Sidebar-module__4UpaJa__avatarHeaderFallback {
  border-radius: var(--radius-full);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .5px;
  background: #3b82f6;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: .95rem;
  font-weight: 600;
  display: flex;
}

.Sidebar-module__4UpaJa__avatarHeaderText {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.Sidebar-module__4UpaJa__avatarHeaderName {
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
}

.Sidebar-module__4UpaJa__avatarHeaderId {
  color: var(--text-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  overflow: hidden;
}

/* [project]/src/shared/components/layout/MobileSidebar.module.css [app-client] (css) */
.MobileSidebar-module___dzApa__mobileSidebar {
  border-top: 1px solid var(--border-divider, #e8eaed);
  padding: var(--spacing-sm-large) 0;
  z-index: 1000;
  background: #fff;
  width: 100%;
  display: none;
}

.MobileSidebar-module___dzApa__menuItem {
  cursor: pointer;
  background: none;
  border: none;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin: 0 4px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.MobileSidebar-module___dzApa__iconWrapper {
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 35px;
  min-height: 35px;
  margin-bottom: 4px;
  transition: all .2s;
  display: flex;
}

.MobileSidebar-module___dzApa__menuText {
  color: #000;
  text-align: center;
  font-size: .85rem;
  font-weight: 500;
  line-height: 1.2;
  transition: all .2s;
}

.MobileSidebar-module___dzApa__menuItem.MobileSidebar-module___dzApa__activeItem .MobileSidebar-module___dzApa__iconWrapper {
  background-color: var(--bg-tertiary);
  color: #fff;
}

.MobileSidebar-module___dzApa__menuItem.MobileSidebar-module___dzApa__activeItem .MobileSidebar-module___dzApa__menuText {
  color: #000;
  font-weight: 700;
}

@media (max-width: 600px) {
  .MobileSidebar-module___dzApa__mobileSidebar {
    display: flex;
  }
}

/* [project]/src/features/conversation/components/EmptyMessage.module.css [app-client] (css) */
.EmptyMessage-module__GGkudW__emptyMessage {
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 20px;
  display: flex;
}

.EmptyMessage-module__GGkudW__content {
  text-align: center;
  border-radius: 12px;
  width: 100%;
}

.EmptyMessage-module__GGkudW__illustration {
  justify-content: center;
  align-items: center;
  margin: 0 auto 20px;
  display: flex;
}

.EmptyMessage-module__GGkudW__title {
  color: #1f2937;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}

.EmptyMessage-module__GGkudW__description {
  color: #6b7280;
  max-width: 700px;
  margin: 0 auto 32px;
  font-size: 16px;
  line-height: 1.5;
}

.EmptyMessage-module__GGkudW__downloadAction {
  justify-content: center;
  margin: 0 auto 32px;
  display: flex;
}

.EmptyMessage-module__GGkudW__footer {
  color: #6b7280;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

@media (max-width: 768px) {
  .EmptyMessage-module__GGkudW__emptyMessage {
    padding: 16px;
  }

  .EmptyMessage-module__GGkudW__content {
    padding: 40px 24px;
  }

  .EmptyMessage-module__GGkudW__title {
    font-size: 20px;
  }

  .EmptyMessage-module__GGkudW__description {
    font-size: 14px;
  }
}

/* [project]/src/shared/ui/DropdownMenu.module.css [app-client] (css) */
.DropdownMenu-module__7ir3nq__dropdownContainer {
  line-height: 0;
  display: inline-flex;
  position: relative;
}

.DropdownMenu-module__7ir3nq__dropdownMenu {
  border: 1px solid var(--border-divider);
  border-radius: var(--radius-sm);
  z-index: 1000;
  min-width: 240px;
  padding: var(--spacing-sm);
  background: #fff;
  animation: .2s ease-out DropdownMenu-module__7ir3nq__dropdownFadeIn;
  position: absolute;
  top: 100%;
  box-shadow: 0 8px 24px #0000001f;
}

.DropdownMenu-module__7ir3nq__position-right {
  right: 0;
}

.DropdownMenu-module__7ir3nq__position-left {
  left: 0;
}

.DropdownMenu-module__7ir3nq__position-top {
  top: auto;
  bottom: 100%;
}

.DropdownMenu-module__7ir3nq__position-bottom {
  top: 100%;
}

.DropdownMenu-module__7ir3nq__dropdownItem {
  width: 100%;
  padding: var(--spacing-sm);
  text-align: left;
  color: #1f2937;
  cursor: pointer;
  border-radius: var(--radius-sm);
  background: none;
  border: none;
  align-items: center;
  gap: 16px;
  font-size: 15px;
  font-weight: 400;
  transition: background-color .15s;
  display: flex;
}

.DropdownMenu-module__7ir3nq__dropdownItem:hover {
  background-color: #f8fafc;
}

.DropdownMenu-module__7ir3nq__dropdownItem:active {
  background-color: #f1f5f9;
}

.DropdownMenu-module__7ir3nq__dropdownItem.DropdownMenu-module__7ir3nq__danger {
  color: #dc2626;
}

.DropdownMenu-module__7ir3nq__dropdownItem.DropdownMenu-module__7ir3nq__danger:hover {
  color: #b91c1c;
  background-color: #fef2f2;
}

.DropdownMenu-module__7ir3nq__itemIcon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.DropdownMenu-module__7ir3nq__itemLabel {
  flex: 1;
}

@keyframes DropdownMenu-module__7ir3nq__dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* [project]/src/features/conversation/components/NonFriendNotice.module.css [app-client] (css) */
.NonFriendNotice-module__8pGzwq__nonFriendContainer {
  padding: var(--spacing-md);
}

.NonFriendNotice-module__8pGzwq__nonFriendMessage {
  text-align: center;
  padding: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
}

.NonFriendNotice-module__8pGzwq__nonFriendMessage p {
  color: #6b7280;
  margin: 0;
  font-size: 14px;
}

.NonFriendNotice-module__8pGzwq__nonFriendActions {
  gap: var(--spacing-sm);
  justify-content: center;
  display: flex;
}

/* [project]/src/features/conversation/components/ChatHeader.module.css [app-client] (css) */
.ChatHeader-module__AWIV7W__chatHeader {
  background-color: var(--bg-primary);
  border-bottom: 1px solid var(--border-divider);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.ChatHeader-module__AWIV7W__chatHeader > .ChatHeader-module__AWIV7W__contactInfo {
  padding: var(--spacing-md);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.ChatHeader-module__AWIV7W__contactInfo {
  align-items: center;
  gap: 12px;
  display: flex;
}

.ChatHeader-module__AWIV7W__pinnedMessageHeader {
  border-top: 1px solid var(--border-divider);
  background-color: #f8f9fa;
  width: 100%;
  padding: 12px 16px;
  display: flex;
}

.ChatHeader-module__AWIV7W__pinnedMessageHeader.ChatHeader-module__AWIV7W__pinnedFromMe {
  background-color: #e7f5ff;
}

.ChatHeader-module__AWIV7W__pinnedMessageHeader.ChatHeader-module__AWIV7W__pinnedFromContact {
  background-color: #fff;
}

.ChatHeader-module__AWIV7W__pinnedMessageContent {
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.ChatHeader-module__AWIV7W__pinnedMessageIcon {
  color: #6b7280;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.ChatHeader-module__AWIV7W__pinnedMessageBar {
  flex-direction: column;
  flex-shrink: 0;
  gap: 2px;
  width: 3px;
  height: 40px;
  display: flex;
}

.ChatHeader-module__AWIV7W__pinnedMessageSegment {
  background-color: #d1d5db;
  border-radius: 2px;
  flex: 1;
  min-height: 4px;
}

.ChatHeader-module__AWIV7W__pinnedMessageSegmentActive {
  background-color: #3b82f6;
}

.ChatHeader-module__AWIV7W__pinnedMessageInfo {
  flex: 1;
  min-width: 0;
}

.ChatHeader-module__AWIV7W__pinnedMessageSender {
  color: #3b82f6;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 600;
}

.ChatHeader-module__AWIV7W__pinnedMessageText {
  color: #374151;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 550px;
  font-size: 13px;
  line-height: 1.4;
  overflow: hidden;
}

@media (max-width: 1100px) {
  .ChatHeader-module__AWIV7W__pinnedMessageText {
    max-width: 100%;
  }
}

.ChatHeader-module__AWIV7W__pinnedMessageChevron {
  color: #9ca3af;
  cursor: pointer;
  border-radius: var(--radius-sm);
  opacity: 0;
  background: none;
  border: none;
  flex-shrink: 0;
  margin-left: auto;
  transition: all .2s;
  display: flex;
}

.ChatHeader-module__AWIV7W__pinnedMessageHeader:hover .ChatHeader-module__AWIV7W__pinnedMessageChevron {
  opacity: 1;
}

.ChatHeader-module__AWIV7W__pinnedMessageChevron:hover {
  color: var(--text-secondary);
}

.ChatHeader-module__AWIV7W__contactInfo {
  flex: 1;
  align-items: center;
  display: flex;
}

.ChatHeader-module__AWIV7W__backButton {
  border-radius: var(--radius-sm);
  width: 40px;
  height: 40px;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--transition-fast);
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  display: none;
}

.ChatHeader-module__AWIV7W__backButton:hover {
  background-color: var(--color-gray-100);
  color: var(--text-primary);
}

.ChatHeader-module__AWIV7W__avatarWrap {
  flex-shrink: 0;
  position: relative;
}

.ChatHeader-module__AWIV7W__contactAvatar {
  border-radius: var(--radius-full);
  background-color: var(--bg-page);
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.ChatHeader-module__AWIV7W__onlineDot {
  background-color: var(--color-success);
  border: 2px solid #fff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.ChatHeader-module__AWIV7W__contactAvatar img {
  object-fit: cover;
  border-radius: inherit;
  width: 100%;
  height: 100%;
}

.ChatHeader-module__AWIV7W__avatarInitials {
  color: #fff;
  background-color: #3b82f6;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.ChatHeader-module__AWIV7W__contactDetails {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.ChatHeader-module__AWIV7W__contactName {
  color: #111827;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
}

.ChatHeader-module__AWIV7W__contactStatus {
  color: #6b7280;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 13px;
  overflow: hidden;
}

.ChatHeader-module__AWIV7W__onlineStatus {
  color: var(--color-success);
}

.ChatHeader-module__AWIV7W__headerActions {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.ChatHeader-module__AWIV7W__headerActionBtn {
  border-radius: var(--radius-sm);
  width: 40px;
  height: 40px;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--transition-fast);
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ChatHeader-module__AWIV7W__headerActionBtn:hover {
  background-color: var(--color-gray-100);
  color: var(--text-primary);
}

@media (max-width: 1000px) {
  .ChatHeader-module__AWIV7W__backButton {
    display: flex;
  }
}

.ChatHeader-module__AWIV7W__nonFriendBanner {
  background: var(--bg-primary);
  border-top: 1px solid var(--border-divider);
}

/* [project]/src/features/conversation/components/EmptyConversation.module.css [app-client] (css) */
.EmptyConversation-module__LeAtzG__emptyConversation {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.EmptyConversation-module__LeAtzG__emptyStateCard {
  background-color: #fff;
  border-radius: 18px 18px 18px 4px;
  padding: 20px 24px;
  box-shadow: 0 1px 2px #0000001a;
}

/* [project]/src/features/conversation/components/PollMessage.module.css [app-client] (css) */
.PollMessage-module__E6Q4xq__pollContainer {
  flex-direction: column;
  gap: 12px;
  width: 100%;
  min-width: 280px;
  max-width: 370px;
  padding: 5px;
  display: flex;
}

.PollMessage-module__E6Q4xq__question {
  color: #1f2937;
  margin: 0;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.2;
}

.PollMessage-module__E6Q4xq__instruction {
  align-items: center;
  gap: 8px;
  display: flex;
}

.PollMessage-module__E6Q4xq__instructionBubble {
  background: #9ca3af;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.PollMessage-module__E6Q4xq__instructionIcon {
  color: #fff;
}

.PollMessage-module__E6Q4xq__instructionText {
  color: #6b7280;
  font-size: 14px;
}

.PollMessage-module__E6Q4xq__options {
  flex-direction: column;
  gap: .85rem;
  margin: 1rem 0;
  display: flex;
}

.PollMessage-module__E6Q4xq__option {
  cursor: pointer;
  align-items: center;
  gap: 12px;
  height: 45px;
  display: flex;
}

.PollMessage-module__E6Q4xq__optionReadOnly {
  cursor: default;
}

.PollMessage-module__E6Q4xq__realCheckbox {
  border: 2px solid var(--bg-tertiary);
  cursor: pointer;
  appearance: none;
  background: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  transition: all .2s;
  position: relative;
}

.PollMessage-module__E6Q4xq__realCheckbox:hover {
  border-color: var(--bg-tertiary);
  transform: scale(1.1);
}

.PollMessage-module__E6Q4xq__realCheckbox:checked {
  background: var(--bg-tertiary);
  border-color: var(--bg-tertiary);
}

.PollMessage-module__E6Q4xq__realCheckbox:checked:after {
  content: "✓";
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.PollMessage-module__E6Q4xq__optionContent {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 8px;
  display: flex;
}

.PollMessage-module__E6Q4xq__optionTop {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 24px;
  display: flex;
}

.PollMessage-module__E6Q4xq__optionText {
  color: #374151;
  flex: 1;
  font-size: 14px;
  line-height: 1.4;
}

.PollMessage-module__E6Q4xq__optionVotes {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.PollMessage-module__E6Q4xq__voteCount {
  color: #374151;
  font-size: 14px;
  font-weight: 500;
}

.PollMessage-module__E6Q4xq__voterAvatars {
  align-items: center;
  margin-right: 8px;
  display: flex;
}

.PollMessage-module__E6Q4xq__voterAvatar {
  color: #fff;
  background-color: var(--bg-page);
  border: 2px solid #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
  position: relative;
  overflow: hidden;
}

.PollMessage-module__E6Q4xq__voterAvatarImg {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.PollMessage-module__E6Q4xq__moreVoters {
  color: #fff;
  background: #6b7280;
  border: 2px solid #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: -8px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
}

.PollMessage-module__E6Q4xq__progressContainer {
  width: 100%;
}

.PollMessage-module__E6Q4xq__progressBar {
  background: var(--border-divider);
  border-radius: 4px;
  width: 100%;
  height: 8px;
  overflow: hidden;
}

.PollMessage-module__E6Q4xq__progressFill {
  background: var(--bg-tertiary);
  border-radius: 4px;
  height: 100%;
  transition: width .3s;
}

.PollMessage-module__E6Q4xq__actions {
  justify-content: center;
  display: flex;
}

@media (max-width: 450px) {
  .PollMessage-module__E6Q4xq__pollContainer {
    min-width: 240px;
    max-width: 100%;
  }

  .PollMessage-module__E6Q4xq__question {
    font-size: .9rem;
  }

  .PollMessage-module__E6Q4xq__instructionText {
    font-size: .8rem;
  }

  .PollMessage-module__E6Q4xq__options {
    gap: 1.125rem;
    margin: .5rem 0;
  }

  .PollMessage-module__E6Q4xq__option {
    gap: 9px;
    height: 40px;
  }

  .PollMessage-module__E6Q4xq__realCheckbox {
    width: 20px;
    height: 20px;
  }

  .PollMessage-module__E6Q4xq__realCheckbox:checked:after {
    font-size: 9px;
  }

  .PollMessage-module__E6Q4xq__optionText {
    font-size: .85rem;
  }

  .PollMessage-module__E6Q4xq__voteCount {
    font-size: 10.5px;
  }

  .PollMessage-module__E6Q4xq__moreVoters {
    width: 18px;
    height: 18px;
    font-size: 7.5px;
  }

  .PollMessage-module__E6Q4xq__progressBar {
    height: 6px;
  }
}

/* [project]/src/features/conversation/components/ChatImage.module.css [app-client] (css) */
.ChatImage-module__44vGmG__chatImage {
  width: 100%;
  height: 100%;
  position: relative;
}

.ChatImage-module__44vGmG__blurred {
  filter: blur(3.5px);
  transform: scale(1.05);
}

.ChatImage-module__44vGmG__thumbPlaceholder {
  color: #6b7280;
  background: #d1d5db;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.ChatImage-module__44vGmG__overlay {
  background: #00000041;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  position: absolute;
  inset: 0;
}

.ChatImage-module__44vGmG__progressSize {
  color: #fff;
  text-shadow: 0 1px 2px #0009;
  font-size: 11px;
  font-weight: 600;
}

.ChatImage-module__44vGmG__downloadBtn {
  color: #fff;
  cursor: pointer;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #0000008c;
  border: none;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 500;
  transition: background .15s;
  display: flex;
}

.ChatImage-module__44vGmG__downloadBtn:hover {
  background: #000000b3;
}

.ChatImage-module__44vGmG__progressRing {
  background: conic-gradient(#fff var(--progress, 0deg), #ffffff40 0deg);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.ChatImage-module__44vGmG__progressInner {
  color: #fff;
  background: #0000008c;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.ChatImage-module__44vGmG__progressPct {
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}

/* [project]/src/features/conversation/components/ChatVideo.module.css [app-client] (css) */
.ChatVideo-module__QB9wPW__chatVideo {
  background: var(--bg-page);
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.ChatVideo-module__QB9wPW__chatVideo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.ChatVideo-module__QB9wPW__video {
  object-fit: cover;
  background: #000;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  display: block;
}

.ChatVideo-module__QB9wPW__blurred {
  filter: blur(12px) brightness(.75);
  transform: scale(1.15);
}

.ChatVideo-module__QB9wPW__thumbPlaceholder {
  width: 100%;
  height: 100%;
  min-height: 120px;
  color: var(--text-secondary);
  justify-content: center;
  align-items: center;
  display: flex;
}

.ChatVideo-module__QB9wPW__overlay {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  position: absolute;
  inset: 0;
}

.ChatVideo-module__QB9wPW__progressSize {
  color: #fff;
  text-shadow: 0 1px 2px #0009;
  font-size: 11px;
  font-weight: 600;
}

.ChatVideo-module__QB9wPW__downloadBtn {
  color: #fff;
  cursor: pointer;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #0000008c;
  border: none;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 600;
  transition: background .15s;
  display: flex;
}

.ChatVideo-module__QB9wPW__downloadBtn:hover {
  background: #000000b3;
}

.ChatVideo-module__QB9wPW__playBtn {
  color: #fff;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #0000008c;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
}

.ChatVideo-module__QB9wPW__progressRing {
  background: conic-gradient(#3b82f6 var(--progress), #ffffff4d 0deg);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
}

.ChatVideo-module__QB9wPW__progressInner {
  color: #fff;
  background: #0000008c;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.ChatVideo-module__QB9wPW__progressPct {
  font-size: 11px;
  font-weight: 600;
}

/* [project]/src/features/conversation/components/EmojiReactionPicker.module.css [app-client] (css) */
.EmojiReactionPicker-module__ZOeEMG__emojiPicker {
  z-index: 1000;
  position: absolute;
  top: 100%;
  right: 0;
}

.EmojiReactionPicker-module__ZOeEMG__position-top {
  margin-bottom: 8px;
  top: auto;
  bottom: 100%;
}

.EmojiReactionPicker-module__ZOeEMG__position-bottom {
  margin-top: 8px;
  top: 100%;
}

.EmojiReactionPicker-module__ZOeEMG__compactView {
  border: 1px solid var(--border-divider);
  background: #fff;
  border-radius: 12px;
  align-items: center;
  gap: 4px;
  min-width: 200px;
  padding: 8px;
  display: flex;
  box-shadow: 0 4px 12px #00000026;
}

.EmojiReactionPicker-module__ZOeEMG__emojiButton {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 18px;
  transition: all .2s;
  display: flex;
}

.EmojiReactionPicker-module__ZOeEMG__emojiButton:hover {
  background-color: #f3f4f6;
  transform: scale(1.1);
}

.EmojiReactionPicker-module__ZOeEMG__emojiButton:active {
  transform: scale(.95);
}

.EmojiReactionPicker-module__ZOeEMG__expandButton {
  cursor: pointer;
  color: #6b7280;
  z-index: 1000;
  background: #f3f4f6;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: all .2s;
  display: flex;
}

.EmojiReactionPicker-module__ZOeEMG__expandButton:hover {
  background-color: var(--border-divider);
  color: #374151;
  transform: scale(1.1);
}

.EmojiReactionPicker-module__ZOeEMG__expandButton:active {
  transform: scale(.95);
}

.EmojiReactionPicker-module__ZOeEMG__expandedView {
  width: 320px;
}

.EmojiReactionPicker-module__ZOeEMG__expandedView .emoji-mart-scroll {
  max-height: 250px !important;
  overflow-y: auto !important;
}

.EmojiReactionPicker-module__ZOeEMG__expandedView .emoji-mart {
  border: none !important;
  border-radius: 8px !important;
}

.EmojiReactionPicker-module__ZOeEMG__expandedView .emoji-mart-search {
  border-bottom: 1px solid var(--border-divider) !important;
  padding: 8px !important;
}

.EmojiReactionPicker-module__ZOeEMG__expandedView .emoji-mart-search input {
  border: 1px solid #d1d5db !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  font-size: 14px !important;
}

.EmojiReactionPicker-module__ZOeEMG__expandedView .emoji-mart-category-label {
  color: #374151 !important;
  background: #f9fafb !important;
  padding: 4px 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.EmojiReactionPicker-module__ZOeEMG__expandedView .emoji-mart-emoji {
  border-radius: 6px !important;
  padding: 6px !important;
  transition: all .2s !important;
}

.EmojiReactionPicker-module__ZOeEMG__expandedView .emoji-mart-emoji:hover {
  background-color: #f3f4f6 !important;
  transform: scale(1.1) !important;
}

.EmojiReactionPicker-module__ZOeEMG__expandedView .emoji-mart-emoji:active {
  transform: scale(.95) !important;
}

.EmojiReactionPicker-module__ZOeEMG__expandedView .emoji-mart-scroll {
  max-height: 300px !important;
}

.EmojiReactionPicker-module__ZOeEMG__expandedView .emoji-mart-nav {
  border-bottom: 1px solid var(--border-divider) !important;
  padding: 8px !important;
}

.EmojiReactionPicker-module__ZOeEMG__expandedView .emoji-mart-nav button {
  border-radius: 4px !important;
  padding: 4px !important;
  transition: all .2s !important;
}

.EmojiReactionPicker-module__ZOeEMG__expandedView .emoji-mart-nav button:hover {
  background-color: #f3f4f6 !important;
}

.EmojiReactionPicker-module__ZOeEMG__expandedView .emoji-mart-nav button.active {
  color: #fff !important;
  background-color: #3b82f6 !important;
}

/* [project]/src/features/conversation/components/MessagesList.module.css [app-client] (css) */
.MessagesList-module__0gnV9q__messagesList {
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #0003 transparent;
  background-color: #f0f2f5;
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"%23e5e7eb\" stroke-width=\"0.5\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"/></svg>");
  flex-direction: column;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0 4rem;
  display: flex;
  overflow-y: auto;
}

.MessagesList-module__0gnV9q__emptyMessages {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.MessagesList-module__0gnV9q__emptyMessageCard {
  background-color: #fff;
  border-radius: 18px 18px 18px 4px;
  max-width: 360px;
  box-shadow: 0 1px 2px #0000001a;
}

.MessagesList-module__0gnV9q__olderLoader {
  color: #9ca3af;
  justify-content: center;
  padding: 8px 0;
  font-size: 12px;
  display: flex;
}

.MessagesList-module__0gnV9q__messageBubble {
  flex-direction: column;
  width: fit-content;
  min-width: 100px;
  max-width: 90%;
  margin-bottom: 6px;
  display: flex;
}

.MessagesList-module__0gnV9q__messageFromMe {
  align-self: flex-end;
  margin-left: auto;
}

.MessagesList-module__0gnV9q__messageFromContact {
  align-self: flex-start;
  margin-right: auto;
}

.MessagesList-module__0gnV9q__messageContent {
  border-radius: 18px;
  max-width: 700px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #0000000d;
}

.MessagesList-module__0gnV9q__messageFromMe .MessagesList-module__0gnV9q__messageContent {
  color: #000;
  background-color: #e7f5ff;
  border-bottom-right-radius: 4px;
  box-shadow: 0 1px 2px #0000001a;
}

.MessagesList-module__0gnV9q__messageGroup {
  flex-direction: column;
  margin-bottom: 1rem;
  display: flex;
}

.MessagesList-module__0gnV9q__messageGroup:has(.MessagesList-module__0gnV9q__messageBubble:only-child) .MessagesList-module__0gnV9q__messageFromMe .MessagesList-module__0gnV9q__messageContent {
  border-radius: 18px 18px 4px;
}

.MessagesList-module__0gnV9q__messageGroup:has(.MessagesList-module__0gnV9q__messageBubble:not(:only-child)) .MessagesList-module__0gnV9q__messageFromMe:first-child .MessagesList-module__0gnV9q__messageContent {
  border-top-right-radius: 18px;
  border-bottom-right-radius: 4px;
}

.MessagesList-module__0gnV9q__messageGroup:has(.MessagesList-module__0gnV9q__messageBubble:not(:only-child)) .MessagesList-module__0gnV9q__messageFromMe:not(:first-child):not(:last-child) .MessagesList-module__0gnV9q__messageContent {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.MessagesList-module__0gnV9q__messageGroup:has(.MessagesList-module__0gnV9q__messageBubble:not(:only-child)) .MessagesList-module__0gnV9q__messageFromMe:last-child .MessagesList-module__0gnV9q__messageContent {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 18px;
}

.MessagesList-module__0gnV9q__messageGroup:has(.MessagesList-module__0gnV9q__messageBubble:only-child) .MessagesList-module__0gnV9q__messageFromContact .MessagesList-module__0gnV9q__messageContent {
  border-radius: 18px 18px 18px 4px;
}

.MessagesList-module__0gnV9q__messageGroup:has(.MessagesList-module__0gnV9q__messageBubble:not(:only-child)) .MessagesList-module__0gnV9q__messageFromContact:first-child .MessagesList-module__0gnV9q__messageContent {
  border-top-left-radius: 18px;
  border-bottom-left-radius: 4px;
}

.MessagesList-module__0gnV9q__messageGroup:has(.MessagesList-module__0gnV9q__messageBubble:not(:only-child)) .MessagesList-module__0gnV9q__messageFromContact:not(:first-child):not(:last-child) .MessagesList-module__0gnV9q__messageContent {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.MessagesList-module__0gnV9q__messageGroup:has(.MessagesList-module__0gnV9q__messageBubble:not(:only-child)) .MessagesList-module__0gnV9q__messageFromContact:last-child .MessagesList-module__0gnV9q__messageContent {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 18px;
}

.MessagesList-module__0gnV9q__messageFromContact .MessagesList-module__0gnV9q__messageContent {
  color: #000;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  box-shadow: 0 1px 2px #0000001a;
}

.MessagesList-module__0gnV9q__messageText {
  word-wrap: break-word;
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.MessagesList-module__0gnV9q__imageCaption {
  width: 0;
  min-width: 100%;
}

.MessagesList-module__0gnV9q__deletedMessage {
  color: #6b7280;
  opacity: .8;
  font-style: italic;
}

.MessagesList-module__0gnV9q__deletedIcon {
  color: #7f8591;
  vertical-align: middle;
  align-items: center;
  margin-top: -3px;
  margin-right: 6px;
  display: inline-flex;
}

.MessagesList-module__0gnV9q__editedWrapper {
  justify-content: flex-start;
  margin-top: 2px;
  margin-bottom: 2px;
  display: flex;
}

.MessagesList-module__0gnV9q__editedLabel {
  color: #6b7280;
  font-size: .75rem;
  font-style: italic;
}

.MessagesList-module__0gnV9q__messageBeingEdited .MessagesList-module__0gnV9q__messageContent, .MessagesList-module__0gnV9q__messageBeingReplied .MessagesList-module__0gnV9q__messageContent {
  background-color: #3b82f60d !important;
  box-shadow: 0 0 0 2px #3b82f6 !important;
}

.MessagesList-module__0gnV9q__starIndicator, .MessagesList-module__0gnV9q__pinIndicator {
  align-items: center;
  margin-right: 4px;
  display: flex;
}

.MessagesList-module__0gnV9q__messageStarred .MessagesList-module__0gnV9q__messageContent {
  border-left: 3px solid #fbbf24;
  background-color: #fffbeb !important;
}

.MessagesList-module__0gnV9q__messageHighlight {
  background-color: #3b82f60d !important;
  box-shadow: 0 0 0 2px #3b82f6 !important;
}

.MessagesList-module__0gnV9q__messageStarred.MessagesList-module__0gnV9q__messageFromMe .MessagesList-module__0gnV9q__messageContent {
  background-color: #fef9e7 !important;
}

.MessagesList-module__0gnV9q__messageMeta, .MessagesList-module__0gnV9q__messageMetaContent {
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  display: flex;
}

.MessagesList-module__0gnV9q__messageTime {
  color: #6b7280;
  margin-right: 4px;
  font-size: 11px;
}

.MessagesList-module__0gnV9q__messageFromContact .MessagesList-module__0gnV9q__messageTime {
  color: #6b7280;
}

.MessagesList-module__0gnV9q__messageStatus {
  align-items: center;
  display: flex;
}

.MessagesList-module__0gnV9q__tickIcon {
  color: #6b7280;
  font-size: 12px;
  font-weight: 600;
}

.MessagesList-module__0gnV9q__tickRead {
  color: #3b82f6;
}

.MessagesList-module__0gnV9q__sendingIcon {
  color: #6b7280;
  animation: 1s linear infinite MessagesList-module__0gnV9q__spin;
}

.MessagesList-module__0gnV9q__failedIcon {
  color: #ef4444;
}

.MessagesList-module__0gnV9q__doubleTick {
  align-items: center;
  gap: 0;
  display: flex;
}

@keyframes MessagesList-module__0gnV9q__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.MessagesList-module__0gnV9q__doubleTick .MessagesList-module__0gnV9q__tickIcon:last-child {
  margin-left: -11px;
}

.MessagesList-module__0gnV9q__dateSeparator {
  justify-content: center;
  align-items: center;
  margin: 1rem 0;
  display: flex;
  position: relative;
}

.MessagesList-module__0gnV9q__dateSeparator:before {
  content: "";
  background-color: var(--border-divider);
  z-index: 1;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.MessagesList-module__0gnV9q__dateText {
  background-color: var(--color-primary);
  color: #fff;
  z-index: 2;
  border-radius: 12px;
  padding: .25rem .75rem;
  font-size: .8rem;
  font-weight: 600;
  position: relative;
}

.MessagesList-module__0gnV9q__chevronContainer {
  align-items: center;
  gap: 6px;
  display: flex;
}

.MessagesList-module__0gnV9q__moreOptions {
  align-items: center;
  gap: 6px;
  padding-right: 12px;
  display: flex;
  position: absolute;
  right: 0;
}

.MessagesList-module__0gnV9q__messageBubble:hover .MessagesList-module__0gnV9q__moreOptions {
  align-items: center;
  gap: 6px;
  padding-right: 0;
  display: flex;
  position: relative;
}

.MessagesList-module__0gnV9q__chevronButton {
  color: #9ca3af;
  cursor: pointer;
  border-radius: var(--radius-sm);
  opacity: 0;
  background: none;
  border: none;
  flex-shrink: 0;
  transition: all .2s;
  display: flex;
}

.MessagesList-module__0gnV9q__messageBubble:hover .MessagesList-module__0gnV9q__chevronButton {
  opacity: 1;
}

.MessagesList-module__0gnV9q__chevronButton:hover {
  color: var(--text-secondary);
}

.MessagesList-module__0gnV9q__messageBubble:hover .MessagesList-module__0gnV9q__chevronContainer .MessagesList-module__0gnV9q__chevronButton, .MessagesList-module__0gnV9q__messageBubble:hover .MessagesList-module__0gnV9q__messageDropdown .MessagesList-module__0gnV9q__chevronButton {
  display: flex !important;
}

.MessagesList-module__0gnV9q__replyPreview {
  border-left: 3px solid #3b82f6;
  border-radius: 8px;
  align-items: center;
  margin-bottom: 8px;
  padding: 8px;
  display: flex;
}

.MessagesList-module__0gnV9q__replyPreview .MessagesList-module__0gnV9q__replyContent {
  flex: 1;
  min-width: 0;
}

.MessagesList-module__0gnV9q__replyPreview .MessagesList-module__0gnV9q__replySender {
  color: #3b82f6;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 600;
}

.MessagesList-module__0gnV9q__replyPreview .MessagesList-module__0gnV9q__replyText {
  color: #6b7280;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  max-width: 300px;
  display: flex;
  overflow: hidden;
}

.MessagesList-module__0gnV9q__replyPreview .MessagesList-module__0gnV9q__replyTextMessage {
  text-overflow: ellipsis;
  min-width: 0;
  margin-left: 6px;
  font-size: 12px;
  overflow: hidden;
}

.MessagesList-module__0gnV9q__replySmallIcon {
  align-items: center;
  display: inline-flex;
}

.MessagesList-module__0gnV9q__replySmallIcon.MessagesList-module__0gnV9q__pdf {
  color: #f44336;
}

.MessagesList-module__0gnV9q__replySmallIcon.MessagesList-module__0gnV9q__doc {
  color: #1e88e5;
}

.MessagesList-module__0gnV9q__replySmallWrap {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: inline-flex;
  position: relative;
}

.MessagesList-module__0gnV9q__replySmallText {
  color: #fff;
  font-size: 7px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.MessagesList-module__0gnV9q__messageReaction {
  justify-content: flex-start;
  display: flex;
}

.MessagesList-module__0gnV9q__reactionBubble {
  border-radius: 18px;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 1px 2px #0000001a;
}

.MessagesList-module__0gnV9q__reactionBubble.MessagesList-module__0gnV9q__reactionFromMe {
  background-color: #e7f5ff;
}

.MessagesList-module__0gnV9q__reactionBubble.MessagesList-module__0gnV9q__reactionFromContact {
  background-color: #fff;
}

.MessagesList-module__0gnV9q__reactionBubble.MessagesList-module__0gnV9q__reactionClickable {
  cursor: pointer;
}

.MessagesList-module__0gnV9q__reactionBubble.MessagesList-module__0gnV9q__reactionClickable:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 4px #00000026;
}

.MessagesList-module__0gnV9q__reactionEmoji {
  font-size: 20px;
}

.MessagesList-module__0gnV9q__reactionAvatar {
  color: #6b7280;
  background-color: #f3f4f6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
}

.MessagesList-module__0gnV9q__reactionAvatarImage {
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.MessagesList-module__0gnV9q__reactionCount {
  color: #6b7280;
  margin-left: 2px;
  font-size: 12px;
  font-weight: 600;
}

.MessagesList-module__0gnV9q__reactionAvatars {
  align-items: center;
  margin-left: 2px;
  display: flex;
}

.MessagesList-module__0gnV9q__reactionAvatarChip {
  color: #fff;
  background-color: var(--bg-page);
  border: 2px solid #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}

.MessagesList-module__0gnV9q__reactionAvatarChipImg {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.MessagesList-module__0gnV9q__forwardedLabel {
  color: #6b7280;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
  font-size: 11px;
  font-style: italic;
  display: flex;
}

.MessagesList-module__0gnV9q__forwardedIcon {
  font-size: 10px;
}

.MessagesList-module__0gnV9q__forwardedText {
  font-weight: 500;
}

.MessagesList-module__0gnV9q__selectionCheckbox {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: -40px;
  transform: translateY(-50%);
}

.MessagesList-module__0gnV9q__checkbox {
  cursor: pointer;
  background: #fff;
  border: 2px solid #d1d5db;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  transition: all .2s;
  display: flex;
}

.MessagesList-module__0gnV9q__checkbox:hover {
  background: #f8fafc;
  border-color: #3b82f6;
}

.MessagesList-module__0gnV9q__checkboxChecked {
  color: #fff;
  background: #3b82f6;
  border-color: #3b82f6;
}

.MessagesList-module__0gnV9q__checkboxChecked:hover {
  background: #2563eb;
  border-color: #2563eb;
}

.MessagesList-module__0gnV9q__filePreview {
  background: #00000008;
  border-radius: 8px;
  gap: 12px;
  margin-bottom: 8px;
  padding: 8px;
  display: flex;
}

.MessagesList-module__0gnV9q__fileIconContainer {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.MessagesList-module__0gnV9q__fileIcon {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.MessagesList-module__0gnV9q__fileIconPdf {
  color: #dc2626;
}

.MessagesList-module__0gnV9q__fileIconDoc {
  color: #2563eb;
}

.MessagesList-module__0gnV9q__fileIconDefault {
  background: #6b7280;
}

.MessagesList-module__0gnV9q__fileIconOther {
  color: #6b7280;
}

.MessagesList-module__0gnV9q__docProgressRing {
  background: conic-gradient(#3b82f6 var(--progress, 0deg), #e5e7eb 0deg);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.MessagesList-module__0gnV9q__docProgressInner {
  color: #111827;
  background: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.MessagesList-module__0gnV9q__docProgressPct {
  font-size: 8px;
  font-weight: 700;
}

.MessagesList-module__0gnV9q__docProgressCol {
  align-items: center;
  gap: var(--spacing-xs);
  flex-direction: column;
  display: flex;
}

.MessagesList-module__0gnV9q__docProgressSize {
  color: var(--text-secondary);
  white-space: nowrap;
  font-size: 10px;
  font-weight: 600;
}

.MessagesList-module__0gnV9q__saveMenuWrap {
  position: relative;
}

.MessagesList-module__0gnV9q__saveMenuOverlay {
  z-index: 40;
  position: fixed;
  inset: 0;
}

.MessagesList-module__0gnV9q__saveMenu {
  z-index: 41;
  background: var(--bg-primary);
  border: 1px solid var(--border-divider);
  border-radius: 8px;
  min-width: 140px;
  padding: 4px;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  box-shadow: 0 8px 24px #00000026;
}

.MessagesList-module__0gnV9q__saveMenuItem {
  text-align: left;
  width: 100%;
  color: var(--text-primary);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 14px;
  display: block;
}

.MessagesList-module__0gnV9q__saveMenuItem:hover {
  background: var(--bg-page);
}

.MessagesList-module__0gnV9q__fileIconText {
  color: #fff;
  z-index: 2;
  font-size: 1.1rem;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.MessagesList-module__0gnV9q__fileInfoContainer {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  min-width: 0;
  display: flex;
}

.MessagesList-module__0gnV9q__fileInfo {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-width: 0;
  display: flex;
}

.MessagesList-module__0gnV9q__fileName {
  color: #1f2937;
  word-break: break-all;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

.MessagesList-module__0gnV9q__fileSize {
  color: #6b7280;
  font-size: 12px;
}

.MessagesList-module__0gnV9q__downloadButton {
  color: #6b7280;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #d1d5db;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-left: 8px;
  transition: all .2s;
  display: flex;
}

.MessagesList-module__0gnV9q__messageFromMe .MessagesList-module__0gnV9q__downloadButton:hover {
  background-color: #e6f7d7;
}

.MessagesList-module__0gnV9q__archiveIcon {
  width: 100%;
  height: 100%;
  color: inherit;
  justify-content: center;
  align-items: center;
  display: flex;
}

.MessagesList-module__0gnV9q__imagePreviewsContainer {
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.MessagesList-module__0gnV9q__layout2 {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  display: grid;
}

.MessagesList-module__0gnV9q__imageCard {
  width: 250px;
  height: 250px;
}

.MessagesList-module__0gnV9q__layout2 .MessagesList-module__0gnV9q__imageCard {
  width: 200px;
  height: 200px;
}

.MessagesList-module__0gnV9q__layout3 {
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  display: grid;
}

.MessagesList-module__0gnV9q__layout3 .MessagesList-module__0gnV9q__imageCard {
  width: 170px;
  height: 170px;
}

.MessagesList-module__0gnV9q__layout4 {
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  display: grid;
}

.MessagesList-module__0gnV9q__layout4 .MessagesList-module__0gnV9q__imageCard {
  width: 170px;
  height: 170px;
}

.MessagesList-module__0gnV9q__imageCard {
  background: #f5f5f5;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 4px #0000001a;
}

.MessagesList-module__0gnV9q__cardImage {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.MessagesList-module__0gnV9q__overflowCard {
  width: 100%;
  height: 100%;
  position: relative;
}

.MessagesList-module__0gnV9q__overflowOverlay {
  background: #0009;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.MessagesList-module__0gnV9q__overflowNumber {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}

.MessagesList-module__0gnV9q__audioPreview {
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-width: 250px;
  margin-bottom: 8px;
  padding: 12px;
  display: flex;
}

.MessagesList-module__0gnV9q__audioIcon {
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.MessagesList-module__0gnV9q__audioCenter {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.MessagesList-module__0gnV9q__audioName {
  color: #1f2937;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
}

.MessagesList-module__0gnV9q__audioControls {
  align-items: center;
  gap: 8px;
  display: flex;
}

.MessagesList-module__0gnV9q__playButton {
  color: #fff;
  cursor: pointer;
  background: #3b82f6;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  transition: background-color .2s;
  display: flex;
}

.MessagesList-module__0gnV9q__playButton:hover {
  background: #2563eb;
}

.MessagesList-module__0gnV9q__audioDownload {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.MessagesList-module__0gnV9q__downloadButton {
  color: #6b7280;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #d1d5db;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: all .2s;
  display: flex;
}

.MessagesList-module__0gnV9q__downloadButton:hover {
  background-color: var(--bg-hover-normal);
  color: #374151;
  border-color: var(--border-color);
}

.MessagesList-module__0gnV9q__audioFromMe, .MessagesList-module__0gnV9q__audioFromContact {
  background: #00000008;
}

.MessagesList-module__0gnV9q__progressBar {
  background: var(--border-divider);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 3px;
  flex: 1;
  min-width: 100px;
  height: 6px;
  position: relative;
}

.MessagesList-module__0gnV9q__progressFill {
  background: #3b82f6;
  border-radius: 3px;
  height: 100%;
  transition: width .1s;
}

.MessagesList-module__0gnV9q__progressThumb {
  cursor: grab;
  background: #3b82f6;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  transition: left .1s;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 4px #0003;
}

.MessagesList-module__0gnV9q__progressThumb:hover {
  transform: translate(-50%, -50%)scale(1.2);
}

.MessagesList-module__0gnV9q__progressThumb:active {
  cursor: grabbing;
}

.MessagesList-module__0gnV9q__timeDisplay {
  color: #6b7280;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 11px;
}

.MessagesList-module__0gnV9q__sharedContacts {
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.MessagesList-module__0gnV9q__contactCard {
  background: #f8fafc;
  border-radius: 8px;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  display: flex;
}

.MessagesList-module__0gnV9q__contactTop {
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.MessagesList-module__0gnV9q__messageFromMe .MessagesList-module__0gnV9q__contactCard, .MessagesList-module__0gnV9q__messageFromContact .MessagesList-module__0gnV9q__contactCard {
  background: #00000008;
  border-color: #0000001a;
}

.MessagesList-module__0gnV9q__contactAvatar {
  border-radius: 50%;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  overflow: hidden;
}

.MessagesList-module__0gnV9q__contactAvatarImage {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.MessagesList-module__0gnV9q__contactAvatarInitials {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.MessagesList-module__0gnV9q__contactInfo {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.MessagesList-module__0gnV9q__contactName {
  color: #1f2937;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.MessagesList-module__0gnV9q__contactPhone {
  color: #6b7280;
  margin: 0;
  font-size: 14px;
}

.MessagesList-module__0gnV9q__contactActions {
  gap: 8px;
  width: 100%;
  display: flex;
}

.MessagesList-module__0gnV9q__contactActionButton {
  color: #3b82f6;
  cursor: pointer;
  background: none;
  border: 1px solid #3b82f6;
  border-radius: 6px;
  flex: 1;
  width: 100%;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  transition: all .2s;
}

.MessagesList-module__0gnV9q__contactActionButton:hover {
  color: #fff;
  background: #3b82f6;
}

@media (max-width: 1600px) {
  .MessagesList-module__0gnV9q__imageCard {
    width: 220px;
    height: 220px;
  }

  .MessagesList-module__0gnV9q__layout2 .MessagesList-module__0gnV9q__imageCard {
    width: 170px;
    height: 170px;
  }
}

@media (max-width: 1100px) {
  .MessagesList-module__0gnV9q__messagesList {
    padding: 1rem 2rem 0;
  }
}

/* [project]/src/shared/ui/CustomSelect.module.css [app-client] (css) */
.CustomSelect-module__7sBhhG__selectContainer {
  display: inline-block;
  position: relative;
}

.CustomSelect-module__7sBhhG__selectMenu {
  border: 1px solid var(--border-divider);
  border-radius: var(--radius-sm);
  z-index: 1000;
  min-width: 230px;
  padding: var(--spacing-sm);
  background: #fff;
  animation: .2s ease-out CustomSelect-module__7sBhhG__selectFadeIn;
  position: absolute;
  top: 100%;
  box-shadow: 0 8px 24px #0000001f;
}

.CustomSelect-module__7sBhhG__positionRight {
  right: 0;
}

.CustomSelect-module__7sBhhG__positionLeft {
  left: 0;
}

.CustomSelect-module__7sBhhG__positionTop {
  top: auto;
  bottom: 100%;
}

.CustomSelect-module__7sBhhG__positionBottom {
  top: 100%;
}

.CustomSelect-module__7sBhhG__selectItem {
  width: 100%;
  padding: var(--spacing-sm);
  text-align: left;
  color: #1f2937;
  cursor: pointer;
  border-radius: var(--radius-sm);
  background: none;
  border: none;
  align-items: center;
  gap: 16px;
  font-size: 15px;
  font-weight: 400;
  transition: background-color .15s;
  display: flex;
}

.CustomSelect-module__7sBhhG__selectItem:hover {
  background-color: #f8fafc;
}

.CustomSelect-module__7sBhhG__selectItem:active {
  background-color: #f1f5f9;
}

.CustomSelect-module__7sBhhG__selectItem.CustomSelect-module__7sBhhG__selected {
  background: var(--selection-bg);
  color: var(--selection-text);
}

.CustomSelect-module__7sBhhG__danger {
  color: #dc2626;
}

.CustomSelect-module__7sBhhG__danger:hover {
  color: #b91c1c;
  background-color: #fef2f2;
}

.CustomSelect-module__7sBhhG__selectIcon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.CustomSelect-module__7sBhhG__selectLabel {
  flex: 1;
}

.CustomSelect-module__7sBhhG__radioButton {
  border: 2px solid #d1d5db;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.CustomSelect-module__7sBhhG__radioButtonInner {
  background-color: var(--color-primary-light);
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.CustomSelect-module__7sBhhG__selectItem.CustomSelect-module__7sBhhG__selected .CustomSelect-module__7sBhhG__radioButton {
  border-color: var(--color-primary-light);
}

.CustomSelect-module__7sBhhG__selectTrigger {
  width: auto;
  min-width: unset;
  color: inherit;
  font: inherit;
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: 4px;
  padding: 0;
  display: inline-flex;
}

.CustomSelect-module__7sBhhG__triggerLabel {
  padding: 0;
}

.CustomSelect-module__7sBhhG__selectTrigger:hover, .CustomSelect-module__7sBhhG__selectTrigger:active, .CustomSelect-module__7sBhhG__selectTrigger:focus {
  background: none;
  outline: none;
}

@keyframes CustomSelect-module__7sBhhG__selectFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* [project]/src/features/conversation/components/EditBar.module.css [app-client] (css) */
.EditBar-module__NPaPFG__editSection {
  border: 1px solid var(--border-divider);
  background-color: #fff;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  align-items: center;
  margin-bottom: -1px;
  padding: 8px 12px;
  display: flex;
}

.EditBar-module__NPaPFG__editBar {
  background-color: #3b82f6;
  border-radius: 2px;
  flex-shrink: 0;
  width: 3px;
  height: 20px;
  margin-right: 4px;
}

.EditBar-module__NPaPFG__editContent {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.EditBar-module__NPaPFG__editLabel {
  color: #6b7280;
  font-size: .8rem;
  font-weight: 500;
}

.EditBar-module__NPaPFG__editActions {
  align-items: center;
  gap: var(--spacing-md);
  flex-shrink: 0;
  margin-left: auto;
  display: flex;
}

.EditBar-module__NPaPFG__editHistorySelect {
  color: var(--text-secondary);
  font-size: .85rem;
}

.EditBar-module__NPaPFG__historyRuleLabel {
  color: var(--text-secondary, #6b7280);
  white-space: nowrap;
  padding: 6px 8px;
  font-size: .85rem;
  font-style: italic;
}

/* [project]/src/features/conversation/components/ReplyBar.module.css [app-client] (css) */
.ReplyBar-module__IVNlHG__replySection {
  border: 1px solid var(--border-divider);
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  align-items: center;
  margin-bottom: -1px;
  padding: 8px 12px;
  display: flex;
}

.ReplyBar-module__IVNlHG__replyBar {
  background-color: #3b82f6;
  border-radius: 2px;
  flex-shrink: 0;
  width: 4px;
  height: 40px;
  margin-right: 10px;
}

.ReplyBar-module__IVNlHG__replyContent {
  flex: 1;
  min-width: 0;
}

.ReplyBar-module__IVNlHG__replySender {
  color: #3b82f6;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 600;
}

.ReplyBar-module__IVNlHG__replyText {
  color: #6b7280;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  max-width: 450px;
  display: flex;
  overflow: hidden;
}

@media (max-width: 1200px) {
  .ReplyBar-module__IVNlHG__replyText {
    max-width: 400px;
  }
}

@media (max-width: 1150px) {
  .ReplyBar-module__IVNlHG__replyText {
    max-width: 350px;
  }
}

@media (max-width: 1050px) {
  .ReplyBar-module__IVNlHG__replyText {
    max-width: 300px;
  }
}

.ReplyBar-module__IVNlHG__replyTextMessage {
  text-overflow: ellipsis;
  min-width: 0;
  margin-left: 6px;
  font-size: 13px;
  overflow: hidden;
}

.ReplyBar-module__IVNlHG__replySmallIcon {
  align-items: center;
  display: inline-flex;
}

.ReplyBar-module__IVNlHG__replySmallIcon.ReplyBar-module__IVNlHG__pdf {
  color: #f44336;
}

.ReplyBar-module__IVNlHG__replySmallIcon.ReplyBar-module__IVNlHG__doc {
  color: #1e88e5;
}

.ReplyBar-module__IVNlHG__replySmallWrap {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: inline-flex;
  position: relative;
}

.ReplyBar-module__IVNlHG__replySmallText {
  color: #fff;
  font-size: 7px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* [project]/src/features/conversation/components/MessageInput.module.css [app-client] (css) */
.MessageInput-module__bKBN8q__messageInput {
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--bg-primary);
  border-top: 1px solid var(--border-divider);
  bottom: calc(env(safe-area-inset-bottom, 0px));
  padding-bottom: calc(var(--spacing-md)  + env(safe-area-inset-bottom, 0px));
  z-index: 101;
  position: sticky;
}

@media (max-width: 1100px) {
  .MessageInput-module__bKBN8q__messageInput {
    padding: var(--spacing-md) var(--spacing-md);
  }
}

.MessageInput-module__bKBN8q__inputForm {
  align-items: flex-end;
  gap: 8px;
  display: flex;
}

.MessageInput-module__bKBN8q__inputContainer {
  border: 1px solid var(--border-divider);
  background-color: #f8f9fa;
  border-radius: 8px;
  align-items: flex-end;
  gap: 1rem;
  width: 100%;
  padding: 8px 12px;
  display: flex;
}

.MessageInput-module__bKBN8q__messageInput:has(.input-overlay-bar) .MessageInput-module__bKBN8q__inputContainer {
  border-radius: 0 0 8px 8px;
}

.MessageInput-module__bKBN8q__leftButtons {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.MessageInput-module__bKBN8q__textarea {
  color: #1f2937;
  resize: none;
  background: none;
  border: none;
  outline: none;
  width: 100%;
  min-height: 30px;
  max-height: 250px;
  font-family: inherit;
  font-size: 14px;
  overflow-y: auto;
}

.MessageInput-module__bKBN8q__textarea::placeholder {
  color: #9ca3af;
}

.MessageInput-module__bKBN8q__rightButton {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.MessageInput-module__bKBN8q__emojiButtonContainer {
  display: inline-block;
  position: relative;
}

.MessageInput-module__bKBN8q__emojiButton {
  color: #6b7280;
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 40px;
  transition: all .2s;
  display: flex;
}

.MessageInput-module__bKBN8q__emojiButton:hover {
  color: var(--bg-tertiary);
}

.MessageInput-module__bKBN8q__emojiPickerWrapper {
  z-index: 1000;
  margin-bottom: 8px;
  animation: .2s ease-out MessageInput-module__bKBN8q__dropdownFadeIn;
  position: absolute;
  top: auto;
  bottom: 100%;
  left: 0;
}

@keyframes MessageInput-module__bKBN8q__dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.MessageInput-module__bKBN8q__attachButton {
  color: #6b7280;
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 40px;
  transition: all .2s;
  display: flex;
}

.MessageInput-module__bKBN8q__attachButton:hover {
  color: var(--bg-tertiary);
}

.MessageInput-module__bKBN8q__sendButton {
  background-color: var(--bg-tertiary);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .2s;
  display: flex;
}

.MessageInput-module__bKBN8q__sendButton:hover {
  background-color: #1750ca;
}

.MessageInput-module__bKBN8q__sendButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.MessageInput-module__bKBN8q__micButton {
  color: #6b7280;
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 40px;
  transition: all .2s;
  display: flex;
}

.MessageInput-module__bKBN8q__micButton:hover {
  color: var(--bg-tertiary);
}

.MessageInput-module__bKBN8q__attachmentContainer {
  border: 1px solid var(--border-divider);
  background: #fff;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  flex-direction: column;
  margin-bottom: -1px;
  padding: 8px 12px 2px;
  display: flex;
}

.MessageInput-module__bKBN8q__messageInput:has(.MessageInput-module__bKBN8q__attachmentContainer) .MessageInput-module__bKBN8q__inputContainer {
  border-radius: 0 0 8px 8px;
}

.MessageInput-module__bKBN8q__forwardContainer {
  flex-direction: column;
  gap: 0;
  display: flex;
}

.MessageInput-module__bKBN8q__forwardSection {
  border: 1px solid var(--border-divider);
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  align-items: center;
  margin-bottom: -1px;
  padding: 8px 12px;
  display: flex;
}

.MessageInput-module__bKBN8q__forwardSection:not(:first-child) {
  border-top: none;
  border-radius: 0;
}

.MessageInput-module__bKBN8q__forwardSection:last-child {
  border-radius: 8px 8px 0 0;
}

.MessageInput-module__bKBN8q__forwardBar {
  background-color: var(--bg-tertiary);
  border-radius: 2px;
  flex-shrink: 0;
  width: 4px;
  height: 40px;
  margin-right: 10px;
}

.MessageInput-module__bKBN8q__forwardContent {
  flex: 1;
  min-width: 0;
}

.MessageInput-module__bKBN8q__forwardLabel {
  color: var(--bg-tertiary);
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 600;
}

.MessageInput-module__bKBN8q__forwardFrom {
  color: var(--bg-tertiary);
  margin-bottom: 2px;
  font-size: 11px;
  font-style: italic;
  font-weight: 500;
}

.MessageInput-module__bKBN8q__forwardText {
  color: #6b7280;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 450px;
  font-size: 13px;
  overflow: hidden;
}

.MessageInput-module__bKBN8q__forwardCancel {
  color: #6b7280;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: all .2s;
  display: flex;
}

.MessageInput-module__bKBN8q__forwardCancel:hover {
  color: #374151;
  background-color: #f3f4f6;
}

.MessageInput-module__bKBN8q__messageInput:has(.MessageInput-module__bKBN8q__forwardSection) .MessageInput-module__bKBN8q__inputContainer {
  border-radius: 0 0 8px 8px;
}

/* [project]/src/features/conversation/components/MediaPreview.module.css [app-client] (css) */
.MediaPreview-module__wWU7lq__container {
  background: var(--bg-primary);
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.MediaPreview-module__wWU7lq__topBar {
  padding: var(--spacing-md);
  z-index: 10;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.MediaPreview-module__wWU7lq__topBar button {
  border-radius: var(--radius-sm);
}

.MediaPreview-module__wWU7lq__fileName {
  text-align: center;
  color: #374151;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  padding: 0 16px;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
}

.MediaPreview-module__wWU7lq__mediaContainer {
  min-height: 0;
  padding: var(--spacing-md);
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: auto;
}

.MediaPreview-module__wWU7lq__media {
  object-fit: contain;
  border-radius: 8px;
  width: auto;
  max-width: min(760px, 100%);
  height: auto;
  max-height: 50vh;
  box-shadow: 0 4px 6px -1px #0000001a;
}

.MediaPreview-module__wWU7lq__thumbnailsContainer {
  padding: var(--spacing-md);
}

.MediaPreview-module__wWU7lq__thumbnails {
  gap: 8px;
  display: flex;
  overflow-y: auto;
}

.MediaPreview-module__wWU7lq__thumbnail {
  cursor: pointer;
  border: 4px solid var(--border-divider);
  border-radius: 8px;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  transition: border-color .2s, transform .2s;
  position: relative;
  overflow: hidden;
}

.MediaPreview-module__wWU7lq__thumbnail:hover {
  transform: scale(1.05);
}

.MediaPreview-module__wWU7lq__thumbnail.MediaPreview-module__wWU7lq__active {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px #3b82f633;
}

.MediaPreview-module__wWU7lq__thumbnailImage {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.MediaPreview-module__wWU7lq__videoThumbnail {
  color: #fff;
  background: #374151;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.MediaPreview-module__wWU7lq__thumbPlayBadge {
  color: #fff;
  text-shadow: 0 1px 3px #000000b3;
  background: #00000040;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.MediaPreview-module__wWU7lq__playIcon {
  opacity: .8;
  font-size: 20px;
}

.MediaPreview-module__wWU7lq__audioThumbnail {
  background: var(--bg-page);
  color: #ef5350;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.MediaPreview-module__wWU7lq__musicIcon {
  opacity: .9;
  font-size: 20px;
}

.MediaPreview-module__wWU7lq__audioPlayer {
  width: 100%;
  max-width: 350px;
  height: 40px;
  margin-top: var(--spacing-sm);
}

.MediaPreview-module__wWU7lq__audioBigIcon {
  color: #ef5350;
}

.MediaPreview-module__wWU7lq__noPreviewBox {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm);
  background: var(--bg-page);
  padding: var(--spacing-3xl) var(--spacing-2xl);
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 560px;
  display: flex;
}

.MediaPreview-module__wWU7lq__noPreviewText {
  color: var(--text-secondary);
  text-align: center;
  font-size: 15px;
}

.MediaPreview-module__wWU7lq__noPreviewMeta {
  color: var(--text-secondary);
  opacity: .8;
  font-size: 13px;
}

.MediaPreview-module__wWU7lq__docItem {
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-xs);
  border: 2px solid var(--border-divider);
  cursor: pointer;
  border-radius: 8px;
  flex-shrink: 0;
  min-width: 200px;
  max-width: 260px;
  transition: border-color .2s;
  display: flex;
}

.MediaPreview-module__wWU7lq__docItem.MediaPreview-module__wWU7lq__active {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px #3b82f633;
}

.MediaPreview-module__wWU7lq__docItemIcon {
  flex-shrink: 0;
}

.MediaPreview-module__wWU7lq__docItemIconText {
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.MediaPreview-module__wWU7lq__docItemInfo {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.MediaPreview-module__wWU7lq__docItemName {
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
}

.MediaPreview-module__wWU7lq__docItemSize {
  color: var(--text-secondary);
  font-size: 12px;
}

.MediaPreview-module__wWU7lq__addMore {
  flex-shrink: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 40px;
  display: flex;
}

@media (max-width: 768px) {
  .MediaPreview-module__wWU7lq__topBar {
    padding: 8px 12px;
  }

  .MediaPreview-module__wWU7lq__fileName {
    padding: 0 8px;
    font-size: 14px;
  }

  .MediaPreview-module__wWU7lq__closeButton, .MediaPreview-module__wWU7lq__deleteButton {
    width: 36px;
    height: 36px;
  }

  .MediaPreview-module__wWU7lq__mediaContainer {
    padding: 12px 12px 6px;
  }

  .MediaPreview-module__wWU7lq__media {
    max-height: 50vh;
  }

  .MediaPreview-module__wWU7lq__thumbnail {
    width: 50px;
    height: 50px;
  }
}

/* [project]/src/features/profile/components/BlockedActions.module.css [app-client] (css) */
.BlockedActions-module__3mqT2W__blockedContainer {
  padding: var(--spacing-md);
  background: var(--bg-primary);
  border-top: 1px solid var(--border-color);
}

.BlockedActions-module__3mqT2W__blockedMessage {
  text-align: center;
  padding: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
}

.BlockedActions-module__3mqT2W__blockedMessage p {
  color: #6b7280;
  margin: 0;
  font-size: 14px;
}

.BlockedActions-module__3mqT2W__blockedActions {
  gap: var(--spacing-sm);
  justify-content: center;
  display: flex;
}

/* [project]/src/features/conversation/components/MessageSelectionActions.module.css [app-client] (css) */
.MessageSelectionActions-module__g7eXAq__selectionActions {
  background: var(--bg-primary);
  border-top: 1px solid var(--border-divider);
  justify-content: space-between;
  align-items: center;
  padding: 12px 4rem;
  display: flex;
}

.MessageSelectionActions-module__g7eXAq__ActionContainer {
  background-color: var(--bg-hover-normal);
  border-radius: var(--radius-sm);
  width: 100%;
  padding: 16px var(--spacing-md);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.MessageSelectionActions-module__g7eXAq__selectionInfo {
  align-items: center;
  gap: 12px;
  display: flex;
}

.MessageSelectionActions-module__g7eXAq__selectedCount {
  color: #374151;
  font-size: 14px;
  font-weight: 500;
}

.MessageSelectionActions-module__g7eXAq__actions {
  gap: 4px;
  display: flex;
}

.MessageSelectionActions-module__g7eXAq__actionButton {
  color: #6b7280;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: all .2s;
  display: flex;
}

.MessageSelectionActions-module__g7eXAq__actionButton:hover {
  color: #374151;
  background-color: #fff;
}

.MessageSelectionActions-module__g7eXAq__cancelButton {
  color: #6b7280;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: all .2s;
  display: flex;
}

.MessageSelectionActions-module__g7eXAq__cancelButton:hover {
  color: #374151;
  background-color: #fff;
}

/* [project]/src/features/conversation/components/ShareContacts.module.css [app-client] (css) */
.ShareContacts-module__NiCP2q__overlay {
  z-index: 2000;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: fixed;
  inset: 0;
}

.ShareContacts-module__NiCP2q__modal {
  border-radius: var(--radius-sm);
  background: #fff;
  flex-direction: column;
  width: 100%;
  max-width: 450px;
  max-height: 80vh;
  display: flex;
  box-shadow: 0 10px 25px #0003;
}

.ShareContacts-module__NiCP2q__header {
  padding: var(--spacing-md);
  border-bottom: 1px solid var(--border-divider);
  align-items: center;
  gap: var(--spacing-md);
  display: flex;
}

.ShareContacts-module__NiCP2q__closeButton {
  color: #6b7280;
  cursor: pointer;
  z-index: 2001;
  background: none;
  border: none;
  border-radius: 6px;
  padding: 8px;
  transition: all .2s;
  position: relative;
}

.ShareContacts-module__NiCP2q__closeButton:hover {
  color: #374151;
  background-color: #f3f4f6;
}

.ShareContacts-module__NiCP2q__title {
  color: #111827;
  font-size: 18px;
  font-weight: 600;
}

.ShareContacts-module__NiCP2q__searchContainer {
  border-bottom: 1px solid var(--border-divider);
  padding: 16px 20px;
}

.ShareContacts-module__NiCP2q__searchInput {
  align-items: center;
  display: flex;
  position: relative;
}

.ShareContacts-module__NiCP2q__searchIcon {
  color: #9ca3af;
  z-index: 1;
  position: absolute;
  left: 12px;
}

.ShareContacts-module__NiCP2q__searchField {
  border: 1px solid #d1d5db;
  border-radius: 8px;
  outline: none;
  width: 100%;
  padding: 12px 12px 12px 40px;
  font-size: 16px;
  transition: border-color .2s;
}

.ShareContacts-module__NiCP2q__searchField:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px #3b82f61a;
}

.ShareContacts-module__NiCP2q__contactsList {
  flex: 1;
  max-height: 300px;
  padding: 8px;
  overflow-y: auto;
}

.ShareContacts-module__NiCP2q__contactItem {
  border-radius: var(--radius-sm);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 10px;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.ShareContacts-module__NiCP2q__contactItem:hover {
  background-color: var(--bg-hover-normal);
}

.ShareContacts-module__NiCP2q__contactItem.ShareContacts-module__NiCP2q__selected {
  background-color: #eff6ff;
}

.ShareContacts-module__NiCP2q__contactItem:active {
  background-color: #f3f4f6;
}

.ShareContacts-module__NiCP2q__contactAvatar {
  border-radius: 50%;
  flex-shrink: 0;
  width: 55px;
  height: 55px;
  margin-left: 32px;
  margin-right: 12px;
  overflow: hidden;
}

.ShareContacts-module__NiCP2q__avatarImage {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ShareContacts-module__NiCP2q__avatarInitials {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.ShareContacts-module__NiCP2q__chatContent {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.ShareContacts-module__NiCP2q__chatHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.ShareContacts-module__NiCP2q__chatName {
  color: #111827;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  font-size: 1rem;
  font-weight: 600;
  overflow: hidden;
}

.ShareContacts-module__NiCP2q__chatPreview {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ShareContacts-module__NiCP2q__messageContent {
  flex: 1;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.ShareContacts-module__NiCP2q__lastMessage {
  color: #6b7280;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 180px;
  font-size: .9rem;
  overflow: hidden;
}

.ShareContacts-module__NiCP2q__messageStatus {
  align-items: center;
  gap: 6px;
  margin-top: -2px;
  display: flex;
}

.ShareContacts-module__NiCP2q__timestamp {
  color: #6b7280;
  white-space: nowrap;
  font-size: .8rem;
}

.ShareContacts-module__NiCP2q__tickIcon {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 600;
}

.ShareContacts-module__NiCP2q__tickRead {
  color: var(--color-primary-light);
}

.ShareContacts-module__NiCP2q__doubleTick {
  align-items: center;
  gap: 0;
  display: flex;
}

.ShareContacts-module__NiCP2q__doubleTick .ShareContacts-module__NiCP2q__tickIcon:last-child {
  margin-left: -11px;
}

.ShareContacts-module__NiCP2q__selectedIcon {
  color: #3b82f6;
  flex-shrink: 0;
  margin-left: 8px;
}

.ShareContacts-module__NiCP2q__footer {
  border-top: 1px solid var(--border-divider);
  justify-content: flex-end;
  padding: 16px 20px;
  display: flex;
}

.ShareContacts-module__NiCP2q__shareButton {
  background-color: var(--bg-tertiary);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
}

.ShareContacts-module__NiCP2q__shareButton:hover:not(:disabled) {
  background-color: #2563eb;
}

.ShareContacts-module__NiCP2q__shareButton:disabled {
  cursor: not-allowed;
  background-color: #9ca3af;
}

.ShareContacts-module__NiCP2q__selectionCheckbox {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}

.ShareContacts-module__NiCP2q__checkbox {
  accent-color: #3b82f6;
  cursor: pointer;
  width: 18px;
  height: 18px;
}

.ShareContacts-module__NiCP2q__contactsList::-webkit-scrollbar {
  width: 6px;
}

.ShareContacts-module__NiCP2q__contactsList::-webkit-scrollbar-track {
  background: #f1f5f9;
}

.ShareContacts-module__NiCP2q__contactsList::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.ShareContacts-module__NiCP2q__contactsList::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* [project]/src/features/conversation/components/ChatConversation.module.css [app-client] (css) */
.ChatConversation-module__1CiWPG__chatConversation {
  height: calc(100dvh - var(--keyboard-height, 0px));
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

/* [project]/src/features/conversation/components/MessageArea.module.css [app-client] (css) */
.MessageArea-module__o4cmBW__messageArea {
  background-color: #f0f2f5;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.MessageArea-module__o4cmBW__messageAreaContent {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  display: flex;
}

.MessageArea-module__o4cmBW__chatConversation {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.MessageArea-module__o4cmBW__chatMoreDetails {
  flex-direction: column;
  width: 440px;
  min-width: 440px;
  max-width: 440px;
  display: flex;
}

@media (max-width: 1550px) {
  .MessageArea-module__o4cmBW__chatMoreDetails {
    z-index: 1000;
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media (max-width: 1280px) {
  .MessageArea-module__o4cmBW__chatMoreDetails {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 1100px) {
  .MessageArea-module__o4cmBW__messageAreaContent {
    width: 100%;
    min-width: 400px;
    max-width: 100%;
  }
}

/* [project]/src/features/profile/components/ContactDetails.module.css [app-client] (css) */
.ContactDetails-module__KKoLmW__contactDetails {
  border-left: 1px solid var(--border-divider);
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100vh;
  display: flex;
}

.ContactDetails-module__KKoLmW__headerSection {
  background-color: #fff;
  flex-shrink: 0;
}

.ContactDetails-module__KKoLmW__middleContent {
  flex: 1;
  min-height: 0;
  overflow: hidden auto;
}

.ContactDetails-module__KKoLmW__bottomSection {
  background-color: #fff;
  flex-shrink: 0;
}

.ContactDetails-module__KKoLmW__header {
  align-items: center;
  min-height: 60px;
  padding: 16px 20px;
  display: flex;
}

.ContactDetails-module__KKoLmW__closeButton {
  color: #6b7280;
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-right: 8px;
  transition: all .2s;
  display: flex;
}

.ContactDetails-module__KKoLmW__closeButton:hover {
  color: #374151;
  background-color: #f3f4f6;
}

.ContactDetails-module__KKoLmW__title {
  color: #111827;
  margin: 0 0 0 12px;
  font-size: 18px;
  font-weight: 600;
}

.ContactDetails-module__KKoLmW__avatarSection {
  padding: 20px var(--spacing-md) var(--spacing-md);
  border-bottom: 1px solid var(--border-divider);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.ContactDetails-module__KKoLmW__avatar {
  background-color: var(--bg-tertiary);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
  overflow: hidden;
}

.ContactDetails-module__KKoLmW__avatarImage {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ContactDetails-module__KKoLmW__avatarInitials {
  color: #fff;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 40px;
  font-weight: 600;
  display: flex;
}

.ContactDetails-module__KKoLmW__contactName {
  text-align: center;
  color: #111827;
  margin-top: 12px;
  font-size: 1.4rem;
  font-weight: 600;
}

.ContactDetails-module__KKoLmW__section {
  border-bottom: 1px solid var(--border-divider);
}

.ContactDetails-module__KKoLmW__sectionTitle {
  color: var(--text-tertiary);
  text-transform: uppercase;
  margin-bottom: 12px;
  padding: 20px 20px 0;
  font-size: 12px;
  font-weight: 600;
}

.ContactDetails-module__KKoLmW__nameSection {
  padding: 0 20px 20px;
}

.ContactDetails-module__KKoLmW__nameField {
  margin-bottom: 16px;
}

.ContactDetails-module__KKoLmW__nameField:last-child {
  margin-bottom: 0;
}

.ContactDetails-module__KKoLmW__fieldLabel {
  color: #6b7280;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.ContactDetails-module__KKoLmW__nameInput {
  color: #111827;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
}

.ContactDetails-module__KKoLmW__nameInput:focus {
  border-color: #3b82f6;
  outline: none;
  box-shadow: 0 0 0 3px #3b82f61a;
}

.ContactDetails-module__KKoLmW__notificationsSection {
  border-bottom: 1px solid var(--border-divider);
  padding: 20px;
}

.ContactDetails-module__KKoLmW__configSection, .ContactDetails-module__KKoLmW__photoSection, .ContactDetails-module__KKoLmW__relationshipSection {
  padding: 0 20px 20px;
}

.ContactDetails-module__KKoLmW__photoCard {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px;
  position: relative;
  overflow: hidden;
}

.ContactDetails-module__KKoLmW__photoCard:before {
  content: "";
  background: linear-gradient(90deg, #3b82f6, #8b5cf6, #06b6d4);
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.ContactDetails-module__KKoLmW__photoCardHeader {
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.ContactDetails-module__KKoLmW__photoCardHeader svg {
  color: #3b82f6;
  margin-right: 8px;
}

.ContactDetails-module__KKoLmW__photoCardTitle {
  color: #1e293b;
  font-size: 16px;
  font-weight: 600;
}

.ContactDetails-module__KKoLmW__photoCardDescription {
  color: #64748b;
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.5;
}

.ContactDetails-module__KKoLmW__photoActions {
  gap: 8px;
  display: flex;
}

.ContactDetails-module__KKoLmW__photoActionButton {
  padding: var(--spacing-sm-md) var(--spacing-md);
  border-radius: var(--radius-sm);
  color: #374151;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e2e8f0;
  flex: 1;
  align-items: center;
  min-width: 100px;
  height: auto;
  font-size: .9rem;
  font-weight: 500;
  transition: all .2s;
  display: flex;
  box-shadow: 0 1px 2px #0000000d;
}

.ContactDetails-module__KKoLmW__photoActionButton:hover {
  background: #f8fafc;
  border-color: #3b82f6;
  transform: translateY(-1px);
  box-shadow: 0 4px 6px #0000001a;
}

.ContactDetails-module__KKoLmW__photoActionButton svg {
  color: #6b7280;
  margin-right: 8px;
  transition: color .2s;
}

.ContactDetails-module__KKoLmW__photoActionButton:hover svg {
  color: #3b82f6;
}

.ContactDetails-module__KKoLmW__actionsSection {
  padding: 0 20px 20px;
}

.ContactDetails-module__KKoLmW__relationshipButton, .ContactDetails-module__KKoLmW__configButton, .ContactDetails-module__KKoLmW__actionButton {
  width: 100%;
  padding: var(--spacing-sm-md) var(--spacing-md);
  color: #111827;
  cursor: pointer;
  text-align: left;
  border-radius: var(--radius-sm);
  background: none;
  border: 1px solid #d1d5db;
  align-items: center;
  min-width: 100px;
  height: auto;
  margin-bottom: 8px;
  font-size: .9rem;
  font-weight: 500;
  transition: background-color .2s;
  display: flex;
}

.ContactDetails-module__KKoLmW__relationshipButton:hover, .ContactDetails-module__KKoLmW__configButton:hover, .ContactDetails-module__KKoLmW__actionButton:hover {
  background-color: var(--bg-hover-normal);
}

.ContactDetails-module__KKoLmW__relationshipButton:last-child, .ContactDetails-module__KKoLmW__configButton:last-child, .ContactDetails-module__KKoLmW__actionButton:last-child {
  margin-bottom: 0;
}

.ContactDetails-module__KKoLmW__relationshipButton svg, .ContactDetails-module__KKoLmW__configButton svg, .ContactDetails-module__KKoLmW__actionButton svg {
  margin-right: 8px;
}

.ContactDetails-module__KKoLmW__actionButton.ContactDetails-module__KKoLmW__danger, .ContactDetails-module__KKoLmW__relationshipButton.ContactDetails-module__KKoLmW__danger {
  color: var(--color-error);
}

.ContactDetails-module__KKoLmW__confirmationBar {
  background: #fff;
  border-top: 1px solid #e2e8f0;
  flex-shrink: 0;
  padding: 16px 20px;
  box-shadow: 0 -2px 4px #0000000d;
}

.ContactDetails-module__KKoLmW__confirmationContent {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.ContactDetails-module__KKoLmW__confirmationText {
  color: #374151;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

.ContactDetails-module__KKoLmW__confirmationButtons {
  gap: 12px;
  width: 100%;
  display: flex;
}

.ContactDetails-module__KKoLmW__cancelButton, .ContactDetails-module__KKoLmW__saveButton {
  padding: var(--spacing-sm-md) var(--spacing-md);
  border-radius: var(--radius-sm);
  cursor: pointer;
  border: none;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  height: auto;
  font-size: .9rem;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.ContactDetails-module__KKoLmW__cancelButton {
  background: var(--border-divider);
  color: #374151;
}

.ContactDetails-module__KKoLmW__cancelButton:hover {
  background-color: #d1d5db;
}

.ContactDetails-module__KKoLmW__saveButton {
  color: #fff;
  background: #3b82f6;
}

.ContactDetails-module__KKoLmW__saveButton:hover {
  background: #2563eb;
}

/* [project]/src/shared/ui/FriendRequestTrigger.module.css [app-client] (css) */
.FriendRequestTrigger-module__sGng4q__triggerWrapper {
  flex: 1;
  min-width: 0;
  display: flex;
  position: relative;
}

.FriendRequestTrigger-module__sGng4q__friendsTrigger {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm);
  background-color: var(--bg-surface-secondary);
  color: var(--text-primary);
  border: 1px solid var(--border-divider);
  border-radius: var(--radius-sm);
  height: 40px;
  padding: var(--spacing-sm-md) var(--spacing-md);
  cursor: pointer;
  transition: all var(--transition-fast);
  white-space: nowrap;
  flex: 1;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  font-family: inherit;
  font-size: .95rem;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.FriendRequestTrigger-module__sGng4q__friendsTrigger.FriendRequestTrigger-module__sGng4q__sm {
  height: 32px;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: .85rem;
}

.FriendRequestTrigger-module__sGng4q__friendsTrigger:hover:not(:disabled), .FriendRequestTrigger-module__sGng4q__friendsTrigger.FriendRequestTrigger-module__sGng4q__open {
  background-color: var(--bg-hover-normal);
}

.FriendRequestTrigger-module__sGng4q__friendsTrigger:disabled {
  opacity: .6;
  cursor: default;
}

.FriendRequestTrigger-module__sGng4q__friendsTriggerLeft {
  align-items: center;
  gap: var(--spacing-sm);
  min-width: 0;
  display: inline-flex;
}

.FriendRequestTrigger-module__sGng4q__friendsTriggerChevron {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: transform .2s;
  display: inline-flex;
}

.FriendRequestTrigger-module__sGng4q__friendsTriggerChevron.FriendRequestTrigger-module__sGng4q__open {
  transform: rotate(180deg);
}

.FriendRequestTrigger-module__sGng4q__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@keyframes FriendRequestTrigger-module__sGng4q__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.FriendRequestTrigger-module__sGng4q__loadingIcon {
  animation: 1s linear infinite FriendRequestTrigger-module__sGng4q__spin;
}

/* [project]/src/features/profile/components/ProfileDetailHeader.module.css [app-client] (css) */
.ProfileDetailHeader-module__uwKtxG__headerTop {
  flex-shrink: 0;
  align-items: center;
  min-height: 60px;
  padding: 16px 20px;
  display: flex;
}

.ProfileDetailHeader-module__uwKtxG__closeButton {
  color: #6b7280;
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-right: 8px;
  transition: all .2s;
  display: flex;
}

.ProfileDetailHeader-module__uwKtxG__closeButton:hover {
  color: #374151;
  background-color: #f3f4f6;
}

.ProfileDetailHeader-module__uwKtxG__title {
  color: #111827;
  margin: 0 0 0 12px;
  font-size: 18px;
  font-weight: 600;
}

.ProfileDetailHeader-module__uwKtxG__headerProfile {
  border-bottom: 1px solid var(--border-divider);
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  padding: 20px;
  display: flex;
}

.ProfileDetailHeader-module__uwKtxG__avatarWrap {
  flex-shrink: 0;
  position: relative;
}

.ProfileDetailHeader-module__uwKtxG__avatarProfile {
  background-color: var(--bg-page);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
  overflow: hidden;
}

.ProfileDetailHeader-module__uwKtxG__onlineDot {
  background-color: var(--color-success);
  border: 3px solid #fff;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.ProfileDetailHeader-module__uwKtxG__avatarImage {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ProfileDetailHeader-module__uwKtxG__avatarInitialsProfile {
  color: #fff;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 40px;
  font-weight: 600;
  display: flex;
}

.ProfileDetailHeader-module__uwKtxG__contactName {
  text-align: center;
  color: #111827;
  margin-top: 12px;
  font-size: 1.4rem;
  font-weight: 600;
}

.ProfileDetailHeader-module__uwKtxG__headerCounts {
  justify-content: center;
  align-items: center;
  margin-top: 6px;
  display: flex;
}

.ProfileDetailHeader-module__uwKtxG__countNumber {
  color: var(--text-primary);
  margin-right: 4px;
  font-size: 1.1rem;
  font-weight: 700;
}

.ProfileDetailHeader-module__uwKtxG__countLabel {
  color: var(--text-secondary);
  font-size: .85rem;
}

.ProfileDetailHeader-module__uwKtxG__countDot {
  color: var(--text-secondary);
  margin: 0 4px 0 0;
}

.ProfileDetailHeader-module__uwKtxG__headerActions {
  gap: var(--spacing-sm);
  margin-top: 12px;
  display: flex;
}

.ProfileDetailHeader-module__uwKtxG__headerActions button {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm);
  min-width: 170px;
  display: flex;
}

.ProfileDetailHeader-module__uwKtxG__friendsTrigger {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-sm);
  background-color: var(--bg-surface-secondary);
  color: var(--text-primary);
  border: 1px solid var(--border-divider);
  border-radius: var(--radius-sm);
  height: 40px;
  padding: var(--spacing-sm-md) var(--spacing-md);
  cursor: pointer;
  transition: all var(--transition-fast);
  white-space: nowrap;
  max-width: 100%;
  font-family: inherit;
  font-size: .95rem;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.ProfileDetailHeader-module__uwKtxG__friendsTrigger:hover:not(:disabled), .ProfileDetailHeader-module__uwKtxG__friendsTrigger.ProfileDetailHeader-module__uwKtxG__open {
  background-color: var(--bg-hover-normal);
}

.ProfileDetailHeader-module__uwKtxG__friendsTrigger:disabled {
  opacity: .6;
  cursor: default;
}

.ProfileDetailHeader-module__uwKtxG__friendsTriggerLeft {
  align-items: center;
  gap: var(--spacing-sm);
  min-width: 0;
  display: inline-flex;
}

.ProfileDetailHeader-module__uwKtxG__friendsTriggerChevron {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: transform .2s;
  display: inline-flex;
}

.ProfileDetailHeader-module__uwKtxG__friendsTriggerChevron.ProfileDetailHeader-module__uwKtxG__open {
  transform: rotate(180deg);
}

@keyframes ProfileDetailHeader-module__uwKtxG__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.ProfileDetailHeader-module__uwKtxG__loadingIcon {
  animation: 1s linear infinite ProfileDetailHeader-module__uwKtxG__spin;
}

/* [project]/src/features/profile/components/ProfileDetailProfileTab.module.css [app-client] (css) */
.ProfileDetailProfileTab-module__jDqWFW__profileInfo {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.ProfileDetailProfileTab-module__jDqWFW__infoItem {
  border: 1px solid var(--border-divider);
  border-radius: var(--radius-sm);
  flex-direction: column;
  padding: 12px 16px;
  transition: all .2s;
  display: flex;
}

.ProfileDetailProfileTab-module__jDqWFW__infoLabel {
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 500;
}

.ProfileDetailProfileTab-module__jDqWFW__infoValue {
  color: var(--text-primary);
  font-size: 13px;
}

.ProfileDetailProfileTab-module__jDqWFW__subTabsScroll {
  white-space: nowrap;
  gap: 8px;
  padding: 14px 20px 8px;
  display: flex;
  overflow-x: auto;
}

.ProfileDetailProfileTab-module__jDqWFW__subTab {
  border: 1px solid var(--border-divider);
  color: var(--text-secondary);
  cursor: pointer;
  background: #fff;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: .85rem;
}

.ProfileDetailProfileTab-module__jDqWFW__subTab[data-active="true"] {
  background: var(--selection-bg);
  color: var(--selection-text);
  border-color: #245adf59;
}

/* [project]/src/features/profile/components/CommonFriendAvatar.module.css [app-client] (css) */
.CommonFriendAvatar-module___SI7aq__commonFriendAvatar {
  object-fit: cover;
  background-color: var(--bg-page);
  border: 2px solid #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

img.CommonFriendAvatar-module___SI7aq__commonFriendAvatar {
  opacity: 0;
}

img.CommonFriendAvatar-module___SI7aq__commonFriendAvatar.CommonFriendAvatar-module___SI7aq__commonFriendAvatarLoaded {
  opacity: 1;
}

.CommonFriendAvatar-module___SI7aq__commonFriendAvatar span {
  margin-top: 2px;
  font-size: .6rem;
}

/* [project]/src/features/profile/components/ProfileDetailFriendsTab.module.css [app-client] (css) */
.ProfileDetailFriendsTab-module__BWVCOW__sectionTitle {
  color: var(--text-primary);
  margin-top: -5px;
  font-size: 18px;
  font-weight: 600;
}

.ProfileDetailFriendsTab-module__BWVCOW__friendsLoading {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.ProfileDetailFriendsTab-module__BWVCOW__friendsList {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.ProfileDetailFriendsTab-module__BWVCOW__friendsContainer {
  flex-direction: column;
  display: flex;
}

.ProfileDetailFriendsTab-module__BWVCOW__chatItem {
  border-radius: var(--radius-sm);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 12px 10px;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.ProfileDetailFriendsTab-module__BWVCOW__chatItem:hover, .ProfileDetailFriendsTab-module__BWVCOW__chatItemActive {
  background-color: var(--bg-hover-normal);
}

.ProfileDetailFriendsTab-module__BWVCOW__chatItem:active {
  background-color: #f3f4f6;
}

.ProfileDetailFriendsTab-module__BWVCOW__avatarContainer {
  flex-shrink: 0;
  margin-right: 12px;
  position: relative;
}

.ProfileDetailFriendsTab-module__BWVCOW__avatar {
  background-color: var(--bg-page);
  border-radius: 50%;
  width: 55px;
  height: 55px;
  overflow: hidden;
}

.ProfileDetailFriendsTab-module__BWVCOW__avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ProfileDetailFriendsTab-module__BWVCOW__avatarInitials {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.ProfileDetailFriendsTab-module__BWVCOW__chatMainContent {
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
}

.ProfileDetailFriendsTab-module__BWVCOW__chatContent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.ProfileDetailFriendsTab-module__BWVCOW__chatHeader {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ProfileDetailFriendsTab-module__BWVCOW__chatName {
  color: #111827;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  font-size: 1rem;
  font-weight: 600;
  overflow: hidden;
}

.ProfileDetailFriendsTab-module__BWVCOW__timestamp {
  color: #6b7280;
  white-space: nowrap;
  font-size: .9rem;
}

.ProfileDetailFriendsTab-module__BWVCOW__onlineText {
  color: var(--color-success);
}

.ProfileDetailFriendsTab-module__BWVCOW__actionButton {
  flex: 1;
  width: 100%;
  min-width: 0;
}

.ProfileDetailFriendsTab-module__BWVCOW__chatPreview {
  justify-content: space-between;
  align-items: center;
  gap: 0;
  width: 100%;
  display: flex;
}

.ProfileDetailFriendsTab-module__BWVCOW__requestPreview {
  flex-direction: column;
  gap: 4px;
  width: 100%;
  display: flex;
}

.ProfileDetailFriendsTab-module__BWVCOW__messageContent {
  flex: 1;
  align-items: center;
  gap: 0;
  min-width: 0;
  display: flex;
}

.ProfileDetailFriendsTab-module__BWVCOW__requestActions {
  gap: var(--spacing-sm);
  display: flex;
}

.ProfileDetailFriendsTab-module__BWVCOW__mutualCount, .ProfileDetailFriendsTab-module__BWVCOW__meStatus {
  color: #6b7280;
  margin-top: -4px;
  font-size: .9rem;
}

.ProfileDetailFriendsTab-module__BWVCOW__commonFriends {
  align-items: center;
  gap: 8px;
  margin-top: -4px;
  display: flex;
}

.ProfileDetailFriendsTab-module__BWVCOW__commonFriendsAvatars {
  align-items: center;
  display: flex;
}

.ProfileDetailFriendsTab-module__BWVCOW__onlineIndicator {
  background-color: var(--color-success);
  border: 2px solid #fff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  margin: -25px 0 0 15px;
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
}

.ProfileDetailFriendsTab-module__BWVCOW__subTabsScroll {
  white-space: nowrap;
  gap: 8px;
  padding: 14px 20px 8px;
  display: flex;
  overflow-x: auto;
}

.ProfileDetailFriendsTab-module__BWVCOW__subTab {
  border: 1px solid var(--border-divider);
  color: var(--text-secondary);
  cursor: pointer;
  background: #fff;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: .85rem;
}

.ProfileDetailFriendsTab-module__BWVCOW__subTab[data-active="true"] {
  background: var(--selection-bg);
  color: var(--selection-text);
  border-color: #245adf59;
}

/* [project]/src/features/profile/components/ProfileDetailContent.module.css [app-client] (css) */
.ProfileDetailContent-module__DmZpvG__tabsContainer {
  scrollbar-width: none;
  -ms-overflow-style: none;
  background-color: var(--bg-primary);
  flex-shrink: 0;
  padding: 0 20px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 2px 4px #0000001a;
}

.ProfileDetailContent-module__DmZpvG__tabsContainer::-webkit-scrollbar {
  display: none;
}

.ProfileDetailContent-module__DmZpvG__tab {
  color: #6b7280;
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  border-bottom: 3px solid #0000;
  padding: 12px;
  font-size: .9rem;
  font-weight: 600;
  transition: all .2s;
}

.ProfileDetailContent-module__DmZpvG__tab:hover {
  color: #374151;
}

.ProfileDetailContent-module__DmZpvG__tab.ProfileDetailContent-module__DmZpvG__active {
  color: var(--color-primary-light);
  border-bottom: 3px solid var(--color-primary-light);
}

.ProfileDetailContent-module__DmZpvG__tabContent {
  flex: 1;
  min-height: 0;
  padding: 16px 20px;
  overflow-y: auto;
}

.ProfileDetailContent-module__DmZpvG__sectionTitle {
  color: var(--text-primary);
  margin-top: -5px;
  font-size: 18px;
  font-weight: 600;
}

.ProfileDetailContent-module__DmZpvG__groupsList {
  flex-direction: column;
  display: flex;
}

.ProfileDetailContent-module__DmZpvG__groupsContainer {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.ProfileDetailContent-module__DmZpvG__groupItem {
  background-color: var(--bg-secondary);
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  padding: 12px;
  transition: background-color .2s;
  display: flex;
}

.ProfileDetailContent-module__DmZpvG__groupItem:hover {
  background-color: var(--bg-hover-normal);
}

.ProfileDetailContent-module__DmZpvG__groupAvatar {
  background-color: var(--bg-tertiary);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.ProfileDetailContent-module__DmZpvG__groupAvatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ProfileDetailContent-module__DmZpvG__groupInitials {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
}

.ProfileDetailContent-module__DmZpvG__groupInfo {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.ProfileDetailContent-module__DmZpvG__groupName {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 500;
}

.ProfileDetailContent-module__DmZpvG__groupMembers {
  color: var(--text-secondary);
  font-size: 12px;
}

.ProfileDetailContent-module__DmZpvG__channelsList {
  flex-direction: column;
  display: flex;
}

.ProfileDetailContent-module__DmZpvG__channelsContainer {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.ProfileDetailContent-module__DmZpvG__channelItem {
  background-color: var(--bg-secondary);
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  padding: 12px;
  transition: background-color .2s;
  display: flex;
}

.ProfileDetailContent-module__DmZpvG__channelItem:hover {
  background-color: var(--bg-hover-normal);
}

.ProfileDetailContent-module__DmZpvG__channelAvatar {
  background-color: var(--bg-tertiary);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.ProfileDetailContent-module__DmZpvG__channelAvatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ProfileDetailContent-module__DmZpvG__channelInitials {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
}

.ProfileDetailContent-module__DmZpvG__channelInfo {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.ProfileDetailContent-module__DmZpvG__channelName {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 500;
}

.ProfileDetailContent-module__DmZpvG__channelFollowers {
  color: var(--text-secondary);
  font-size: 12px;
}

.ProfileDetailContent-module__DmZpvG__subTabsScroll {
  white-space: nowrap;
  gap: 8px;
  padding: 14px 20px 8px;
  display: flex;
  overflow-x: auto;
}

.ProfileDetailContent-module__DmZpvG__subTab {
  border: 1px solid var(--border-divider);
  color: var(--text-secondary);
  cursor: pointer;
  background: #fff;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: .85rem;
}

.ProfileDetailContent-module__DmZpvG__subTab[data-active="true"] {
  background: var(--selection-bg);
  color: var(--selection-text);
  border-color: #245adf59;
}

.ProfileDetailContent-module__DmZpvG__subTabContent {
  flex: 1;
}

.ProfileDetailContent-module__DmZpvG__emptyState {
  text-align: center;
  color: var(--text-secondary);
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  display: flex;
}

.ProfileDetailContent-module__DmZpvG__emptyState p {
  margin: 0;
  font-size: 14px;
}

/* [project]/src/features/profile/components/ProfileDetail.module.css [app-client] (css) */
.ProfileDetail-module__YWYt8q__profileDetail {
  border-left: 1px solid var(--border-divider);
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  display: flex;
}

/* [project]/src/features/chat/components/ChatArea/ChatArea.module.css [app-client] (css) */
.ChatArea-module__f62u2G__chatPreviewPanel {
  background-color: var(--bg-primary);
  z-index: 1;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  height: 100%;
  display: flex;
  position: relative;
}

.ChatArea-module__f62u2G__chatAreaContent {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  display: flex;
}

.ChatArea-module__f62u2G__chatSidePanel {
  flex-direction: column;
  width: 440px;
  min-width: 440px;
  max-width: 440px;
  display: flex;
}

@media (max-width: 1550px) {
  .ChatArea-module__f62u2G__chatSidePanel {
    z-index: 1000;
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media (max-width: 1280px) {
  .ChatArea-module__f62u2G__chatSidePanel {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}

.ChatArea-module__f62u2G__spinner {
  animation: 1s linear infinite ChatArea-module__f62u2G__spin;
}

@keyframes ChatArea-module__f62u2G__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

/* [project]/src/features/chat/components/ChatList/ChatListHeader.module.css [app-client] (css) */
.ChatListHeader-module__HGzYBa__header {
  background-color: var(--bg-primary);
  flex-shrink: 0;
  box-shadow: 0 2px 4px #0000001a;
}

.ChatListHeader-module__HGzYBa__headerTop {
  padding: var(--spacing-md);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ChatListHeader-module__HGzYBa__title {
  color: var(--text-primary);
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
}

.ChatListHeader-module__HGzYBa__headerActions {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ChatListHeader-module__HGzYBa__searchWrapper {
  padding: 0 var(--spacing-md) var(--spacing-sm);
}

.ChatListHeader-module__HGzYBa__searchInputWrapper {
  flex: 1;
}

.ChatListHeader-module__HGzYBa__iconButton {
  border-radius: var(--radius-sm);
  cursor: pointer;
  width: 36px;
  height: 36px;
  color: var(--text-secondary);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  transition: background .2s;
  display: flex;
}

.ChatListHeader-module__HGzYBa__iconButton:hover {
  background: var(--bg-hover-normal);
}

/* [project]/src/shared/ui/SubTabs.module.css [app-client] (css) */
.SubTabs-module__5QcWaG__subTab {
  border: 1px solid var(--border-divider);
  color: var(--text-secondary);
  cursor: pointer;
  white-space: nowrap;
  background: #fff;
  border-radius: 999px;
  margin-top: 5px;
  padding: 6px 12px;
  font-size: .85rem;
  transition: all .2s;
}

.SubTabs-module__5QcWaG__subTab[data-active="true"] {
  background: var(--selection-bg);
  color: var(--selection-text);
  border-color: #245adf59;
}

.SubTabs-module__5QcWaG__subTabsScroll {
  white-space: nowrap;
  scrollbar-width: thin;
  scrollbar-color: #0003 transparent;
  gap: 8px;
  padding: 8px 20px;
  display: flex;
  overflow-x: auto;
}

.SubTabs-module__5QcWaG__subTabsScrollNoPad {
  white-space: nowrap;
  scrollbar-width: thin;
  scrollbar-color: #0003 transparent;
  gap: 8px;
  display: flex;
  overflow-x: auto;
}

@media (pointer: coarse) {
  .SubTabs-module__5QcWaG__subTabsScroll, .SubTabs-module__5QcWaG__subTabsScrollNoPad {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .SubTabs-module__5QcWaG__subTabsScroll::-webkit-scrollbar {
    display: none;
  }

  .SubTabs-module__5QcWaG__subTabsScrollNoPad::-webkit-scrollbar {
    display: none;
  }
}

/* [project]/src/features/chat/components/ChatList/ChatListBottom.module.css [app-client] (css) */
.ChatListBottom-module__3izBhG__bottom {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.ChatListBottom-module__3izBhG__subTabsBar {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  display: flex;
}

.ChatListBottom-module__3izBhG__chatList {
  flex: 1;
  padding: 8px;
  overflow-y: auto;
}

.ChatListBottom-module__3izBhG__grid .ChatListBottom-module__3izBhG__chatItem {
  width: calc(50% - 8px);
}

.ChatListBottom-module__3izBhG__loading, .ChatListBottom-module__3izBhG__error {
  color: #6b7280;
  justify-content: center;
  align-items: center;
  height: 200px;
  font-size: 14px;
  display: flex;
}

.ChatListBottom-module__3izBhG__emptyState {
  min-height: 100%;
  padding: var(--spacing-md, 16px);
  justify-content: center;
  align-items: center;
  display: flex;
}

.ChatListBottom-module__3izBhG__loadingWrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.ChatListBottom-module__3izBhG__error {
  color: #ef4444;
}

.ChatListBottom-module__3izBhG__chatItem {
  border-radius: var(--radius-sm);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 12px 10px;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.ChatListBottom-module__3izBhG__chatItem:hover, .ChatListBottom-module__3izBhG__chatItemActive {
  background-color: var(--bg-hover-normal);
}

.ChatListBottom-module__3izBhG__chatItem:active {
  background-color: #f3f4f6;
}

.ChatListBottom-module__3izBhG__avatarWrap {
  flex-shrink: 0;
  margin-right: 12px;
  position: relative;
}

.ChatListBottom-module__3izBhG__avatar {
  background-color: var(--bg-page);
  border-radius: 50%;
  width: 55px;
  height: 55px;
  overflow: hidden;
}

.ChatListBottom-module__3izBhG__onlineDot {
  background-color: var(--color-success);
  border: 2px solid #fff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.ChatListBottom-module__3izBhG__avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ChatListBottom-module__3izBhG__avatarInitials {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.ChatListBottom-module__3izBhG__chatMainContent {
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
}

.ChatListBottom-module__3izBhG__chatContent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.ChatListBottom-module__3izBhG__chatHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.ChatListBottom-module__3izBhG__chatName {
  color: #111827;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  font-size: 1rem;
  font-weight: 600;
  overflow: hidden;
}

.ChatListBottom-module__3izBhG__timestamp {
  color: #6b7280;
  white-space: nowrap;
  font-size: .8rem;
}

.ChatListBottom-module__3izBhG__chatPreview {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: -4px;
  display: flex;
}

.ChatListBottom-module__3izBhG__requestPreview {
  flex-direction: column;
  gap: 4px;
  width: 100%;
  display: flex;
}

.ChatListBottom-module__3izBhG__chatPreviewBody {
  flex: 1;
  align-items: center;
  display: flex;
}

.ChatListBottom-module__3izBhG__messageStatus {
  align-items: center;
  margin-top: -2px;
  display: inline-flex;
}

.ChatListBottom-module__3izBhG__messageContent {
  flex: 1;
  align-items: center;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.ChatListBottom-module__3izBhG__requestActions {
  gap: var(--spacing-sm);
  display: flex;
}

.ChatListBottom-module__3izBhG__requestActionBtn {
  flex: 1;
  min-width: 0;
}

.ChatListBottom-module__3izBhG__requestBtnPrimary {
  background: var(--color-primary-light);
  color: #fff;
  padding: var(--spacing-sm-md) var(--spacing-md);
  border-radius: var(--radius-sm);
  cursor: pointer;
  border: none;
  width: 100%;
  font-size: .9rem;
  font-weight: 500;
}

.ChatListBottom-module__3izBhG__requestBtnSecondary {
  color: #374151;
  padding: var(--spacing-sm-md) var(--spacing-md);
  border-radius: var(--radius-sm);
  cursor: pointer;
  background: #e5e7eb;
  border: none;
  width: 100%;
  font-size: .9rem;
  font-weight: 500;
}

.ChatListBottom-module__3izBhG__requestStatus {
  font-size: .9rem;
}

.ChatListBottom-module__3izBhG__requestAccepted {
  color: #059669;
}

.ChatListBottom-module__3izBhG__requestRejected {
  color: #ef4444;
}

.ChatListBottom-module__3izBhG__requestMeta {
  color: #6b7280;
  margin-top: -4px;
  font-size: .9rem;
}

.ChatListBottom-module__3izBhG__lastMessage {
  color: #6b7280;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  font-size: .9rem;
  overflow: hidden;
}

.ChatListBottom-module__3izBhG__readIndicator {
  color: #10b981;
  margin-left: 4px;
  font-size: 12px;
}

.ChatListBottom-module__3izBhG__tickIcon {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 600;
}

.ChatListBottom-module__3izBhG__tickRead {
  color: var(--color-primary-light);
}

.ChatListBottom-module__3izBhG__doubleTick {
  align-items: center;
  gap: 0;
  display: flex;
}

.ChatListBottom-module__3izBhG__doubleTick .ChatListBottom-module__3izBhG__tickIcon:last-child {
  margin-left: -11px;
}

.ChatListBottom-module__3izBhG__chevronButton {
  color: #9ca3af;
  cursor: pointer;
  border-radius: var(--radius-sm);
  opacity: 0;
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 24px;
  padding: 0;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.ChatListBottom-module__3izBhG__chatItem:hover .ChatListBottom-module__3izBhG__chevronButton, .ChatListBottom-module__3izBhG__chatItem.ChatListBottom-module__3izBhG__chatItemActive .ChatListBottom-module__3izBhG__chevronButton {
  opacity: 1;
  width: 24px;
}

.ChatListBottom-module__3izBhG__chevronButton:hover {
  background-color: var(--bg-hover-normal);
  color: var(--text-secondary);
}

.ChatListBottom-module__3izBhG__chevronContainer {
  flex-shrink: 0;
  align-items: center;
  display: flex;
  position: relative;
}

.ChatListBottom-module__3izBhG__chatItem:hover .ChatListBottom-module__3izBhG__chevronContainer, .ChatListBottom-module__3izBhG__chatItem.ChatListBottom-module__3izBhG__chatItemActive .ChatListBottom-module__3izBhG__chevronContainer {
  gap: 6px;
}

.ChatListBottom-module__3izBhG__chatItem:hover .ChatListBottom-module__3izBhG__chevronContainer .ChatListBottom-module__3izBhG__chevronButton {
  display: flex !important;
}

.ChatListBottom-module__3izBhG__moreOptions {
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: flex;
}

.ChatListBottom-module__3izBhG__statusIcons {
  align-items: center;
  gap: 6px;
  display: flex;
}

.ChatListBottom-module__3izBhG__statusIcon {
  color: #9ca3af;
  justify-content: center;
  align-items: center;
  width: 14px;
  min-width: 14px;
  display: flex;
}

.ChatListBottom-module__3izBhG__statusDot {
  border-radius: 50%;
  width: 12px;
  min-width: 12px;
  height: 12px;
}

.ChatListBottom-module__3izBhG__unreadDot {
  background: #9ca3af;
}

.ChatListBottom-module__3izBhG__unreadBadge {
  background: var(--color-primary-light);
  color: #fff;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.ChatListBottom-module__3izBhG__chatItem:hover .ChatListBottom-module__3izBhG__chatDropdown .ChatListBottom-module__3izBhG__chevronButton {
  display: flex !important;
}

.ChatListBottom-module__3izBhG__callStatus {
  align-items: center;
  gap: 4px;
  margin-right: 6px;
  display: flex;
}

.ChatListBottom-module__3izBhG__callIconMissed {
  color: #ef4444;
}

.ChatListBottom-module__3izBhG__callIconAnswered {
  color: #10b981;
}

.ChatListBottom-module__3izBhG__callDuration {
  color: #9ca3af;
  font-size: .8rem;
}

.ChatListBottom-module__3izBhG__callButtons {
  align-items: center;
  gap: 4px;
  padding-right: 8px;
  display: flex;
  position: absolute;
  right: 0;
}

.ChatListBottom-module__3izBhG__callButton {
  background: var(--bg-hover-normal);
  width: 28px;
  height: 28px;
  color: var(--text-secondary);
  cursor: pointer;
  border-radius: var(--radius-sm);
  border: none;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.ChatListBottom-module__3izBhG__chatItem:hover .ChatListBottom-module__3izBhG__callButton {
  background: #fff;
}

.ChatListBottom-module__3izBhG__callButton:hover {
  background-color: var(--color-primary-light);
}

.ChatListBottom-module__3izBhG__chatContainer.ChatListBottom-module__3izBhG__compact .ChatListBottom-module__3izBhG__chatItem {
  padding: 8px 16px;
}

.ChatListBottom-module__3izBhG__chatContainer.ChatListBottom-module__3izBhG__compact .ChatListBottom-module__3izBhG__avatar {
  width: 40px;
  height: 40px;
}

.ChatListBottom-module__3izBhG__chatContainer.ChatListBottom-module__3izBhG__compact .ChatListBottom-module__3izBhG__chatName {
  font-size: 14px;
}

.ChatListBottom-module__3izBhG__chatContainer.ChatListBottom-module__3izBhG__compact .ChatListBottom-module__3izBhG__chatPreview {
  font-size: 12px;
}

.ChatListBottom-module__3izBhG__chatContainer.ChatListBottom-module__3izBhG__compact .ChatListBottom-module__3izBhG__timestamp {
  font-size: 11px;
}

.ChatListBottom-module__3izBhG__chatContainer.ChatListBottom-module__3izBhG__expanded .ChatListBottom-module__3izBhG__chatItem {
  padding: 16px 20px;
}

.ChatListBottom-module__3izBhG__chatContainer.ChatListBottom-module__3izBhG__expanded .ChatListBottom-module__3izBhG__avatar {
  width: 60px;
  height: 60px;
}

.ChatListBottom-module__3izBhG__chatContainer.ChatListBottom-module__3izBhG__expanded .ChatListBottom-module__3izBhG__chatName {
  font-size: 16px;
}

.ChatListBottom-module__3izBhG__chatContainer.ChatListBottom-module__3izBhG__expanded .ChatListBottom-module__3izBhG__chatPreview {
  font-size: 14px;
  line-height: 1.4;
}

.ChatListBottom-module__3izBhG__chatContainer.ChatListBottom-module__3izBhG__expanded .ChatListBottom-module__3izBhG__timestamp {
  font-size: 13px;
}

.ChatListBottom-module__3izBhG__chatList.ChatListBottom-module__3izBhG__grid {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #0003 transparent;
  grid-template-columns: 1fr 1fr;
  align-content: start;
  gap: 10px;
  padding: 16px;
  display: grid;
  overflow: hidden auto;
}

.ChatListBottom-module__3izBhG__chatList.ChatListBottom-module__3izBhG__grid .ChatListBottom-module__3izBhG__chatItem {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-width: 0;
  height: 160px;
  padding: 16px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.ChatListBottom-module__3izBhG__chatList.ChatListBottom-module__3izBhG__grid .ChatListBottom-module__3izBhG__chatItem:hover {
  background-color: #f8fafc;
  border-color: #d1d5db;
}

.ChatListBottom-module__3izBhG__chatList.ChatListBottom-module__3izBhG__grid .ChatListBottom-module__3izBhG__chatMainContent {
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ChatListBottom-module__3izBhG__chatList.ChatListBottom-module__3izBhG__grid .ChatListBottom-module__3izBhG__avatar {
  width: 50px;
  height: 50px;
  margin-bottom: 8px;
  margin-right: 0;
}

.ChatListBottom-module__3izBhG__chatList.ChatListBottom-module__3izBhG__grid .ChatListBottom-module__3izBhG__chatName {
  text-align: center;
  width: 100%;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
}

.ChatListBottom-module__3izBhG__chatList.ChatListBottom-module__3izBhG__grid .ChatListBottom-module__3izBhG__chatPreview {
  color: var(--text-secondary);
  text-align: center;
  max-height: 32px;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1.3;
  overflow: hidden;
}

.ChatListBottom-module__3izBhG__chatList.ChatListBottom-module__3izBhG__grid .ChatListBottom-module__3izBhG__timestamp {
  color: var(--text-tertiary);
  font-size: 10px;
  position: absolute;
  bottom: 12px;
  left: 12px;
}

.ChatListBottom-module__3izBhG__chatList.ChatListBottom-module__3izBhG__grid .ChatListBottom-module__3izBhG__chevronContainer {
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.ChatListBottom-module__3izBhG__viewModeBar {
  background-color: #f8fafc;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  display: flex;
}

.ChatListBottom-module__3izBhG__viewModeInfo {
  align-items: center;
  gap: 12px;
  display: flex;
}

.ChatListBottom-module__3izBhG__viewModeTitle {
  color: #374151;
  font-size: 14px;
  font-weight: 500;
}

.ChatListBottom-module__3izBhG__viewModeActions {
  gap: 4px;
  display: flex;
}

.ChatListBottom-module__3izBhG__viewModeActionBtn {
  color: #6b7280;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: all .2s;
  display: flex;
}

.ChatListBottom-module__3izBhG__viewModeActionBtn:hover {
  background-color: var(--bg-tertiary);
  color: #fff;
}

.ChatListBottom-module__3izBhG__viewModeActionBtnActive {
  background-color: var(--bg-tertiary);
  color: #fff;
  font-weight: 600;
}

.ChatListBottom-module__3izBhG__selectionBar {
  background-color: #f8fafc;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  display: flex;
}

.ChatListBottom-module__3izBhG__selectionInfo {
  align-items: center;
  gap: 12px;
  display: flex;
}

.ChatListBottom-module__3izBhG__selectionCount {
  color: #374151;
  font-size: 14px;
  font-weight: 500;
}

.ChatListBottom-module__3izBhG__selectionActions {
  gap: 4px;
  display: flex;
}

.ChatListBottom-module__3izBhG__selectionActionBtn {
  color: #6b7280;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: all .2s;
  display: flex;
}

.ChatListBottom-module__3izBhG__selectionActionBtn:hover {
  color: #374151;
  background-color: #fff;
}

.ChatListBottom-module__3izBhG__selectionMode {
  cursor: pointer;
}

.ChatListBottom-module__3izBhG__selectionMode:hover {
  background-color: #f8fafc;
}

.ChatListBottom-module__3izBhG__selectionMode .ChatListBottom-module__3izBhG__avatar {
  margin-left: 32px;
}

.ChatListBottom-module__3izBhG__selectionCheckbox {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}

.ChatListBottom-module__3izBhG__checkbox {
  accent-color: #3b82f6;
  cursor: pointer;
  width: 18px;
  height: 18px;
}

.ChatListBottom-module__3izBhG__sortBar {
  background-color: #f8fafc;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  display: flex;
}

.ChatListBottom-module__3izBhG__sortInfo {
  align-items: center;
  gap: 12px;
  display: flex;
}

.ChatListBottom-module__3izBhG__sortTitle {
  color: #374151;
  font-size: 14px;
  font-weight: 500;
}

.ChatListBottom-module__3izBhG__sortActions {
  gap: 4px;
  display: flex;
}

.ChatListBottom-module__3izBhG__sortActionBtn {
  color: #6b7280;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: all .2s;
  display: flex;
}

.ChatListBottom-module__3izBhG__sortActionBtn:hover {
  background-color: var(--bg-tertiary);
  color: #fff;
}

.ChatListBottom-module__3izBhG__sortActionBtnActive {
  background-color: var(--bg-tertiary);
  color: #fff;
  font-weight: 600;
}

/* [project]/src/features/chat/components/ChatList/ChatList.module.css [app-client] (css) */
.ChatList-module__iuKgKa__container {
  border-right: 1px solid var(--border-divider);
  background-color: #fff;
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

/* [project]/src/features/chat/components/ChatMore/ChatMoreHeader.module.css [app-client] (css) */
.ChatMoreHeader-module__u2pdXq__header {
  background-color: var(--bg-primary);
  flex-shrink: 0;
  box-shadow: 0 2px 4px #0000001a;
}

.ChatMoreHeader-module__u2pdXq__headerTop {
  padding: var(--spacing-md);
  align-items: center;
  display: flex;
}

.ChatMoreHeader-module__u2pdXq__headerCenter {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ChatMoreHeader-module__u2pdXq__headerActions {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ChatMoreHeader-module__u2pdXq__searchWrapper {
  padding: 0 var(--spacing-md) var(--spacing-sm);
}

.ChatMoreHeader-module__u2pdXq__title {
  color: var(--text-primary);
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
}

.ChatMoreHeader-module__u2pdXq__iconButton {
  border-radius: var(--radius-sm);
  cursor: pointer;
  width: 36px;
  height: 36px;
  color: var(--text-secondary);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  transition: background .2s;
  display: flex;
}

.ChatMoreHeader-module__u2pdXq__iconButton:hover {
  background: var(--bg-hover-normal);
}

/* [project]/src/features/chat/components/ChatMore/ChatMoreBottom.module.css [app-client] (css) */
.ChatMoreBottom-module__X5458W__bottom {
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ChatMoreBottom-module__X5458W__chatList {
  flex: 1;
  height: 100%;
  padding: 0 8px 8px;
  overflow-y: auto;
}

.ChatMoreBottom-module__X5458W__loading, .ChatMoreBottom-module__X5458W__error, .ChatMoreBottom-module__X5458W__emptyState {
  color: #6b7280;
  justify-content: center;
  align-items: center;
  height: 200px;
  font-size: 14px;
  display: flex;
}

.ChatMoreBottom-module__X5458W__error {
  color: #ef4444;
}

.ChatMoreBottom-module__X5458W__chatItem {
  border-radius: var(--radius-sm);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 12px 10px;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.ChatMoreBottom-module__X5458W__chatItem:hover, .ChatMoreBottom-module__X5458W__chatItemActive {
  background-color: var(--bg-hover-normal);
}

.ChatMoreBottom-module__X5458W__chatItem:active {
  background-color: #f3f4f6;
}

.ChatMoreBottom-module__X5458W__avatarContainer {
  flex-shrink: 0;
  margin-right: 12px;
  position: relative;
}

.ChatMoreBottom-module__X5458W__avatar {
  background-color: var(--bg-page);
  border-radius: 50%;
  width: 55px;
  height: 55px;
  overflow: hidden;
}

.ChatMoreBottom-module__X5458W__avatar img {
  object-fit: cover;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: opacity .2s;
}

.ChatMoreBottom-module__X5458W__avatar img.ChatMoreBottom-module__X5458W__loaded {
  opacity: 1;
}

.ChatMoreBottom-module__X5458W__avatarInitials {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.ChatMoreBottom-module__X5458W__chatMainContent {
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
}

.ChatMoreBottom-module__X5458W__chatContent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.ChatMoreBottom-module__X5458W__chatHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.ChatMoreBottom-module__X5458W__chatName {
  color: #111827;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  font-size: 1rem;
  font-weight: 600;
  overflow: hidden;
}

.ChatMoreBottom-module__X5458W__timestamp {
  color: #6b7280;
  white-space: nowrap;
  font-size: .9rem;
}

.ChatMoreBottom-module__X5458W__onlineText {
  color: var(--color-success);
  white-space: nowrap;
  font-size: .9rem;
}

.ChatMoreBottom-module__X5458W__chatPreview {
  justify-content: space-between;
  align-items: center;
  gap: 0;
  width: 100%;
  margin-top: -4px;
  display: flex;
}

.ChatMoreBottom-module__X5458W__requestPreview {
  flex-direction: column;
  gap: 4px;
  width: 100%;
  display: flex;
}

.ChatMoreBottom-module__X5458W__chatPreviewBody {
  flex: 1;
  align-items: center;
  display: flex;
}

.ChatMoreBottom-module__X5458W__messageStatus {
  margin-top: -2px;
}

.ChatMoreBottom-module__X5458W__messageContent {
  flex: 1;
  align-items: center;
  gap: 0;
  min-width: 0;
  display: flex;
}

.ChatMoreBottom-module__X5458W__requestActions {
  gap: var(--spacing-sm);
  display: flex;
}

.ChatMoreBottom-module__X5458W__actionButton {
  flex: 1;
  width: 100%;
  min-width: 0;
}

.ChatMoreBottom-module__X5458W__requestStatus {
  font-size: .9rem;
}

.ChatMoreBottom-module__X5458W__requestAccepted {
  color: #3b82f6;
}

.ChatMoreBottom-module__X5458W__requestRejected {
  color: #ef4444;
}

.ChatMoreBottom-module__X5458W__requestMeta {
  color: #6b7280;
  margin-top: -4px;
  font-size: .9rem;
}

.ChatMoreBottom-module__X5458W__lastMessage {
  color: #6b7280;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 180px;
  font-size: .9rem;
  overflow: hidden;
}

.ChatMoreBottom-module__X5458W__readIndicator {
  color: #3b82f6;
  margin-left: 4px;
  font-size: 12px;
}

.ChatMoreBottom-module__X5458W__tickIcon {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 600;
}

.ChatMoreBottom-module__X5458W__tickRead {
  color: var(--color-primary-light);
}

.ChatMoreBottom-module__X5458W__doubleTick {
  align-items: center;
  gap: 0;
  display: flex;
}

.ChatMoreBottom-module__X5458W__doubleTick .ChatMoreBottom-module__X5458W__tickIcon:last-child {
  margin-left: -11px;
}

.ChatMoreBottom-module__X5458W__chevronButton {
  color: #9ca3af;
  cursor: pointer;
  border-radius: var(--radius-sm);
  opacity: 0;
  background: none;
  border: none;
  flex-shrink: 0;
  transition: all .2s;
  display: flex;
}

.ChatMoreBottom-module__X5458W__chatItem:hover .ChatMoreBottom-module__X5458W__chevronButton {
  opacity: 1;
}

.ChatMoreBottom-module__X5458W__chevronButton:hover {
  background-color: var(--bg-hover-normal);
  color: var(--text-secondary);
}

.ChatMoreBottom-module__X5458W__chevronContainer {
  align-items: center;
  gap: 6px;
  padding-right: 5px;
  display: flex;
  position: absolute;
  right: 0;
}

.ChatMoreBottom-module__X5458W__chatItem:hover .ChatMoreBottom-module__X5458W__chevronContainer .ChatMoreBottom-module__X5458W__chevronButton {
  display: flex !important;
}

.ChatMoreBottom-module__X5458W__moreOptions {
  align-items: center;
  gap: 6px;
  padding-right: 8px;
  display: flex;
  position: absolute;
  right: 0;
}

.ChatMoreBottom-module__X5458W__chatItem:hover .ChatMoreBottom-module__X5458W__moreOptions {
  align-items: center;
  gap: 6px;
  padding-right: 0;
  display: flex;
  position: relative;
}

.ChatMoreBottom-module__X5458W__statusIcons {
  align-items: center;
  gap: 6px;
  display: flex;
}

.ChatMoreBottom-module__X5458W__statusIcon {
  color: #9ca3af;
  justify-content: center;
  align-items: center;
  width: 14px;
  min-width: 14px;
  display: flex;
}

.ChatMoreBottom-module__X5458W__statusDot {
  border-radius: 50%;
  width: 12px;
  min-width: 12px;
  height: 12px;
}

.ChatMoreBottom-module__X5458W__unreadDot {
  background: #9ca3af;
}

.ChatMoreBottom-module__X5458W__unreadBadge {
  background: var(--color-primary-light);
  color: #fff;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.ChatMoreBottom-module__X5458W__chatItem:hover .ChatMoreBottom-module__X5458W__chatDropdown .ChatMoreBottom-module__X5458W__chevronButton {
  display: flex !important;
}

.ChatMoreBottom-module__X5458W__callStatus {
  align-items: center;
  gap: 4px;
  margin-right: 6px;
  display: flex;
}

.ChatMoreBottom-module__X5458W__callIconMissed {
  color: #ef4444;
}

.ChatMoreBottom-module__X5458W__callIconAnswered {
  color: #10b981;
}

.ChatMoreBottom-module__X5458W__callDuration {
  color: #9ca3af;
  font-size: .8rem;
}

.ChatMoreBottom-module__X5458W__callButtons {
  align-items: center;
  gap: 4px;
  padding-right: 8px;
  display: flex;
  position: absolute;
  right: 0;
}

.ChatMoreBottom-module__X5458W__callButton {
  background: var(--bg-hover-normal);
  width: 28px;
  height: 28px;
  color: var(--text-secondary);
  cursor: pointer;
  border-radius: var(--radius-sm);
  border: none;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.ChatMoreBottom-module__X5458W__chatItem:hover .ChatMoreBottom-module__X5458W__callButton {
  background: #fff;
}

.ChatMoreBottom-module__X5458W__callButton:hover {
  background-color: var(--color-primary-light);
}

.ChatMoreBottom-module__X5458W__fab {
  background-color: var(--color-primary-light);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  transition: all .2s;
  display: flex;
  position: absolute;
  bottom: 20px;
  right: 20px;
  box-shadow: 0 4px 12px #3b82f64d;
}

.ChatMoreBottom-module__X5458W__fab:hover {
  background-color: var(--bg-tertiary);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px #245adf66;
}

.ChatMoreBottom-module__X5458W__fab:active {
  transform: translateY(0);
}

.ChatMoreBottom-module__X5458W__commonFriends {
  align-items: center;
  gap: 8px;
  margin-top: -4px;
  display: flex;
}

.ChatMoreBottom-module__X5458W__commonFriendsAvatars {
  align-items: center;
  display: flex;
}

.ChatMoreBottom-module__X5458W__commonFriendAvatar {
  object-fit: cover;
  background-color: var(--bg-page);
  border: 2px solid #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

img.ChatMoreBottom-module__X5458W__commonFriendAvatar {
  opacity: 0;
}

img.ChatMoreBottom-module__X5458W__commonFriendAvatar.ChatMoreBottom-module__X5458W__commonFriendAvatarLoaded {
  opacity: 1;
}

.ChatMoreBottom-module__X5458W__commonFriendAvatar span {
  margin-top: 2px;
  font-size: .6rem;
}

.ChatMoreBottom-module__X5458W__mutualCount {
  color: #6b7280;
  font-size: .9rem;
}

.ChatMoreBottom-module__X5458W__biography {
  color: #6b7280;
  font-size: .9rem;
  font-style: italic;
}

.ChatMoreBottom-module__X5458W__onlineIndicator {
  background-color: var(--color-success);
  border: 2px solid #fff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  margin: -25px 0 0 15px;
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
}

.ChatMoreBottom-module__X5458W__infiniteScrollSentinel {
  color: #6b7280;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  padding: 12px;
  font-size: 14px;
  display: flex;
}

.ChatMoreBottom-module__X5458W__loadingWrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

/* [project]/src/features/chat/components/ChatMore/ChatMore.module.css [app-client] (css) */
.ChatMore-module__Oo-khG__container {
  border-right: 1px solid var(--border-divider);
  background-color: #fff;
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

/* [project]/src/features/chat/components/Chat.module.css [app-client] (css) */
.Chat-module__qzFh4G__chatWrapper {
  height: calc(100dvh - var(--keyboard-height, 0px));
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.Chat-module__qzFh4G__fab {
  background-color: var(--color-primary-light);
  color: #fff;
  cursor: pointer;
  z-index: 100;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  transition: all .2s;
  display: flex;
  position: absolute;
  bottom: 20px;
  right: 20px;
  box-shadow: 0 4px 12px #3b82f64d;
}

.Chat-module__qzFh4G__fab:hover {
  background-color: var(--bg-tertiary);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px #245adf66;
}

.Chat-module__qzFh4G__fab:active {
  transform: translateY(0);
}

/* [project]/src/app/stories/page.module.css [app-client] (css) */
.page-module__Sz-EgW__storiesContainer {
  background-color: var(--bg-page);
  height: 100vh;
  display: flex;
}

.page-module__Sz-EgW__storiesList {
  background-color: var(--bg-primary);
  border-right: 1px solid var(--color-gray-200);
  flex-direction: column;
  width: 350px;
  min-width: 350px;
  display: flex;
}

.page-module__Sz-EgW__storiesHeader {
  border-bottom: 1px solid var(--color-gray-200);
  padding: 16px;
}

.page-module__Sz-EgW__title {
  color: var(--text-primary);
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}

.page-module__Sz-EgW__myStorySection {
  border-bottom: 1px solid var(--color-gray-200);
  padding: 16px;
}

.page-module__Sz-EgW__myStoryItem {
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  padding: 8px;
  transition: background-color .2s;
  display: flex;
}

.page-module__Sz-EgW__myStoryItem:hover {
  background-color: var(--bg-hover-normal);
}

.page-module__Sz-EgW__myStoryAvatar {
  margin-right: 12px;
  position: relative;
}

.page-module__Sz-EgW__avatarBase {
  background-color: var(--color-gray-200);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 24px;
  display: flex;
}

.page-module__Sz-EgW__addStoryButton {
  background-color: var(--color-primary);
  color: #fff;
  cursor: pointer;
  border: 2px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  bottom: -2px;
  right: -2px;
}

.page-module__Sz-EgW__separator {
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: .5px;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 600;
}

.page-module__Sz-EgW__storyList {
  flex: 1;
  padding: 8px 0;
  overflow-y: auto;
}

.page-module__Sz-EgW__storyItem {
  cursor: pointer;
  align-items: center;
  padding: 12px 16px;
  transition: background-color .2s;
  display: flex;
}

.page-module__Sz-EgW__storyItem:hover {
  background-color: var(--bg-hover-normal);
}

.page-module__Sz-EgW__storyItem.page-module__Sz-EgW__selected {
  background-color: var(--color-primary);
  color: #fff;
}

.page-module__Sz-EgW__storyItem.page-module__Sz-EgW__selected .page-module__Sz-EgW__storyName, .page-module__Sz-EgW__storyItem.page-module__Sz-EgW__selected .page-module__Sz-EgW__storyTime {
  color: #fff;
}

.page-module__Sz-EgW__storyAvatar {
  border: 3px solid;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-right: 12px;
  font-size: 24px;
  display: flex;
}

.page-module__Sz-EgW__storyAvatar.page-module__Sz-EgW__viewed {
  border-color: var(--color-gray-300);
}

.page-module__Sz-EgW__storyAvatar.page-module__Sz-EgW__unviewed {
  border-color: var(--color-primary);
}

.page-module__Sz-EgW__storyContent {
  flex: 1;
}

.page-module__Sz-EgW__storyName {
  color: var(--text-primary);
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 500;
}

.page-module__Sz-EgW__storyTime {
  color: var(--text-secondary);
  margin: 0;
  font-size: 14px;
}

.page-module__Sz-EgW__storyViewer {
  background-color: var(--bg-page);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.page-module__Sz-EgW__storyHeader {
  background-color: var(--bg-primary);
  border-bottom: 1px solid var(--color-gray-200);
  align-items: center;
  padding: 16px;
  display: flex;
}

.page-module__Sz-EgW__storyInfo {
  align-items: center;
  display: flex;
}

.page-module__Sz-EgW__storyUserAvatar {
  background-color: var(--color-gray-200);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  font-size: 20px;
  display: flex;
}

.page-module__Sz-EgW__storyUserName {
  color: var(--text-primary);
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 600;
}

.page-module__Sz-EgW__storyTimestamp {
  color: var(--text-secondary);
  margin: 0;
  font-size: 14px;
}

.page-module__Sz-EgW__storyContent {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}

.page-module__Sz-EgW__storySlide {
  background-color: var(--bg-primary);
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 20px;
  box-shadow: 0 2px 8px #0000001a;
}

.page-module__Sz-EgW__storyMedia {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  display: flex;
}

.page-module__Sz-EgW__imagePlaceholder, .page-module__Sz-EgW__videoPlaceholder, .page-module__Sz-EgW__textStory {
  color: var(--text-secondary);
  flex-direction: column;
  align-items: center;
  gap: 12px;
  display: flex;
}

.page-module__Sz-EgW__textStory {
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
  color: #fff;
  border-radius: 12px;
  justify-content: center;
  min-height: 150px;
  padding: 30px;
}

.page-module__Sz-EgW__textStory p {
  text-align: center;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
}

.page-module__Sz-EgW__storyTimestamp {
  text-align: right;
  color: var(--text-secondary);
  margin-top: 12px;
  font-size: 12px;
}

.page-module__Sz-EgW__emptyState {
  text-align: center;
  height: 100%;
  color: var(--text-secondary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.page-module__Sz-EgW__emptyIcon {
  opacity: .5;
  margin-bottom: 16px;
}

.page-module__Sz-EgW__emptyState h3 {
  color: var(--text-primary);
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 500;
}

.page-module__Sz-EgW__emptyState p {
  margin: 0 0 24px;
  font-size: 14px;
  line-height: 1.5;
}

.page-module__Sz-EgW__createStoryOptions {
  gap: 12px;
  display: flex;
}

.page-module__Sz-EgW__createButton {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  cursor: pointer;
  border: none;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 8px #0000001a;
}

.page-module__Sz-EgW__createButton:hover {
  background-color: var(--color-primary);
  color: #fff;
  transform: translateY(-2px);
}

.page-module__Sz-EgW__createButton span {
  font-size: 12px;
  font-weight: 500;
}

.page-module__Sz-EgW__storyList::-webkit-scrollbar {
  width: 6px;
}

.page-module__Sz-EgW__storyContent::-webkit-scrollbar {
  width: 6px;
}

.page-module__Sz-EgW__storyList::-webkit-scrollbar-track {
  background: none;
}

.page-module__Sz-EgW__storyContent::-webkit-scrollbar-track {
  background: none;
}

.page-module__Sz-EgW__storyList::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: 3px;
}

.page-module__Sz-EgW__storyContent::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: 3px;
}

.page-module__Sz-EgW__storyList::-webkit-scrollbar-thumb:hover {
  background-color: #0000004d;
}

.page-module__Sz-EgW__storyContent::-webkit-scrollbar-thumb:hover {
  background-color: #0000004d;
}

@media (max-width: 768px) {
  .page-module__Sz-EgW__storiesContainer {
    flex-direction: column;
  }

  .page-module__Sz-EgW__storiesList {
    width: 100%;
    height: 50%;
  }

  .page-module__Sz-EgW__storyViewer {
    height: 50%;
  }
}

/* [project]/src/app/groups/page.module.css [app-client] (css) */
.page-module__n2f4ya__groupsContainer {
  background-color: var(--bg-page);
  height: 100vh;
  display: flex;
}

.page-module__n2f4ya__groupsList {
  background-color: var(--bg-primary);
  border-right: 1px solid var(--color-gray-200);
  flex-direction: column;
  width: 350px;
  min-width: 350px;
  display: flex;
}

.page-module__n2f4ya__groupsHeader {
  border-bottom: 1px solid var(--color-gray-200);
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  display: flex;
}

.page-module__n2f4ya__title {
  color: var(--text-primary);
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}

.page-module__n2f4ya__newGroupButton {
  background-color: var(--color-primary);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: background-color .2s;
  display: flex;
}

.page-module__n2f4ya__newGroupButton:hover {
  background-color: var(--color-primary-dark);
}

.page-module__n2f4ya__searchContainer {
  border-bottom: 1px solid var(--color-gray-200);
  padding: 16px;
  position: relative;
}

.page-module__n2f4ya__searchInput {
  background-color: var(--bg-secondary);
  width: 100%;
  height: 40px;
  color: var(--text-primary);
  border: none;
  border-radius: 20px;
  outline: none;
  padding: 0 16px 0 40px;
  font-size: 14px;
}

.page-module__n2f4ya__searchInput::placeholder {
  color: var(--text-secondary);
}

.page-module__n2f4ya__searchIcon {
  color: var(--text-secondary);
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
}

.page-module__n2f4ya__filterTabs {
  border-bottom: 1px solid var(--color-gray-200);
  gap: 4px;
  padding: 16px;
  display: flex;
}

.page-module__n2f4ya__filterTab {
  color: var(--text-secondary);
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 16px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 500;
  transition: all .2s;
}

.page-module__n2f4ya__filterTab:hover {
  background-color: var(--bg-hover-normal);
}

.page-module__n2f4ya__filterTab.page-module__n2f4ya__active {
  background-color: var(--color-primary);
  color: #fff;
}

.page-module__n2f4ya__groupsListContent {
  flex: 1;
  overflow-y: auto;
}

.page-module__n2f4ya__groupItem {
  cursor: pointer;
  border-bottom: 1px solid #0000000d;
  align-items: center;
  padding: 12px 16px;
  transition: background-color .2s;
  display: flex;
}

.page-module__n2f4ya__groupItem:hover {
  background-color: var(--bg-hover-normal);
}

.page-module__n2f4ya__groupItem.page-module__n2f4ya__selected {
  background-color: var(--color-primary);
  color: #fff;
}

.page-module__n2f4ya__groupItem.page-module__n2f4ya__selected .page-module__n2f4ya__groupName, .page-module__n2f4ya__groupItem.page-module__n2f4ya__selected .page-module__n2f4ya__lastActivity, .page-module__n2f4ya__groupItem.page-module__n2f4ya__selected .page-module__n2f4ya__groupTime {
  color: #fff;
}

.page-module__n2f4ya__avatar {
  background-color: var(--color-gray-200);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-right: 12px;
  display: flex;
  position: relative;
}

.page-module__n2f4ya__avatarEmoji {
  font-size: 24px;
}

.page-module__n2f4ya__groupType {
  background-color: var(--bg-primary);
  border: 2px solid var(--bg-primary);
  width: 20px;
  height: 20px;
  color: var(--text-secondary);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: -2px;
  right: -2px;
}

.page-module__n2f4ya__groupContent {
  flex: 1;
  min-width: 0;
}

.page-module__n2f4ya__groupHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.page-module__n2f4ya__groupName {
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
}

.page-module__n2f4ya__groupTime {
  color: var(--text-secondary);
  flex-shrink: 0;
  margin-left: 8px;
  font-size: 12px;
}

.page-module__n2f4ya__groupFooter {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.page-module__n2f4ya__lastActivity {
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  margin: 0;
  font-size: 14px;
  overflow: hidden;
}

.page-module__n2f4ya__groupMeta {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  margin-left: 8px;
  display: flex;
}

.page-module__n2f4ya__memberCount {
  color: var(--text-secondary);
  align-items: center;
  gap: 4px;
  font-size: 12px;
  display: flex;
}

.page-module__n2f4ya__unreadBadge {
  background-color: var(--color-success);
  color: #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.page-module__n2f4ya__groupViewer {
  background-color: var(--bg-page);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.page-module__n2f4ya__groupHeader {
  background-color: var(--bg-primary);
  border-bottom: 1px solid var(--color-gray-200);
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  display: flex;
}

.page-module__n2f4ya__groupInfo {
  align-items: center;
  display: flex;
}

.page-module__n2f4ya__groupAvatar {
  background-color: var(--color-gray-200);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 16px;
  font-size: 28px;
  display: flex;
  position: relative;
}

.page-module__n2f4ya__groupTypeIndicator {
  background-color: var(--bg-primary);
  border: 2px solid var(--bg-primary);
  width: 24px;
  height: 24px;
  color: var(--text-secondary);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: -2px;
  right: -2px;
}

.page-module__n2f4ya__groupTitle {
  color: var(--text-primary);
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 600;
}

.page-module__n2f4ya__groupDescription {
  color: var(--text-secondary);
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.4;
}

.page-module__n2f4ya__groupStats {
  color: var(--text-secondary);
  align-items: center;
  gap: 4px;
  font-size: 12px;
  display: flex;
}

.page-module__n2f4ya__separator {
  margin: 0 4px;
}

.page-module__n2f4ya__joinButton {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  cursor: pointer;
  background-color: #0000;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
}

.page-module__n2f4ya__joinButton:hover {
  background-color: var(--color-primary);
  color: #fff;
}

.page-module__n2f4ya__groupTabs {
  background-color: var(--bg-primary);
  border-bottom: 1px solid var(--color-gray-200);
  display: flex;
}

.page-module__n2f4ya__groupTab {
  color: var(--text-secondary);
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-bottom: 2px solid #0000;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
}

.page-module__n2f4ya__groupTab:hover {
  background-color: var(--bg-hover-normal);
}

.page-module__n2f4ya__groupTab.page-module__n2f4ya__active {
  color: var(--color-primary);
  border-bottom-color: var(--color-primary);
}

.page-module__n2f4ya__groupContent {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.page-module__n2f4ya__conversation {
  flex-direction: column;
  flex: 1;
  gap: 12px;
  padding: 16px;
  display: flex;
  overflow-y: auto;
}

.page-module__n2f4ya__message {
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.page-module__n2f4ya__messageAvatar {
  background-color: var(--color-gray-200);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 16px;
  display: flex;
}

.page-module__n2f4ya__messageContent {
  background-color: var(--bg-primary);
  border-radius: 12px;
  flex: 1;
  padding: 8px 12px;
  box-shadow: 0 1px 3px #0000001a;
}

.page-module__n2f4ya__messageHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.page-module__n2f4ya__messageSender {
  color: var(--color-primary);
  font-size: 12px;
  font-weight: 600;
}

.page-module__n2f4ya__messageTime {
  color: var(--text-secondary);
  font-size: 11px;
}

.page-module__n2f4ya__messageText {
  color: var(--text-primary);
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.page-module__n2f4ya__messageInput {
  background-color: var(--bg-primary);
  border-top: 1px solid var(--color-gray-200);
  align-items: center;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.page-module__n2f4ya__textInput {
  border: 1px solid var(--color-gray-200);
  background-color: var(--bg-secondary);
  height: 40px;
  color: var(--text-primary);
  border-radius: 20px;
  outline: none;
  flex: 1;
  padding: 0 16px;
  font-size: 14px;
}

.page-module__n2f4ya__textInput::placeholder {
  color: var(--text-secondary);
}

.page-module__n2f4ya__sendButton {
  background-color: var(--color-primary);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 20px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .2s;
}

.page-module__n2f4ya__sendButton:hover {
  background-color: var(--color-primary-dark);
}

.page-module__n2f4ya__emptyState {
  text-align: center;
  height: 100%;
  color: var(--text-secondary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.page-module__n2f4ya__emptyIcon {
  opacity: .5;
  margin-bottom: 16px;
}

.page-module__n2f4ya__emptyState h3 {
  color: var(--text-primary);
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 500;
}

.page-module__n2f4ya__emptyState p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.page-module__n2f4ya__groupsListContent::-webkit-scrollbar {
  width: 6px;
}

.page-module__n2f4ya__conversation::-webkit-scrollbar {
  width: 6px;
}

.page-module__n2f4ya__groupsListContent::-webkit-scrollbar-track {
  background: none;
}

.page-module__n2f4ya__conversation::-webkit-scrollbar-track {
  background: none;
}

.page-module__n2f4ya__groupsListContent::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: 3px;
}

.page-module__n2f4ya__conversation::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: 3px;
}

.page-module__n2f4ya__groupsListContent::-webkit-scrollbar-thumb:hover {
  background-color: #0000004d;
}

.page-module__n2f4ya__conversation::-webkit-scrollbar-thumb:hover {
  background-color: #0000004d;
}

@media (max-width: 768px) {
  .page-module__n2f4ya__groupsContainer {
    flex-direction: column;
  }

  .page-module__n2f4ya__groupsList {
    width: 100%;
    height: 50%;
  }

  .page-module__n2f4ya__groupViewer {
    height: 50%;
  }
}

/* [project]/src/app/channels/page.module.css [app-client] (css) */
.page-module__CWEE4q__channelsContainer {
  background-color: var(--bg-page);
  height: 100vh;
  display: flex;
}

.page-module__CWEE4q__channelsList {
  background-color: var(--bg-primary);
  border-right: 1px solid var(--color-gray-200);
  flex-direction: column;
  width: 350px;
  min-width: 350px;
  display: flex;
}

.page-module__CWEE4q__channelsHeader {
  border-bottom: 1px solid var(--color-gray-200);
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  display: flex;
}

.page-module__CWEE4q__title {
  color: var(--text-primary);
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}

.page-module__CWEE4q__newChannelButton {
  background-color: var(--color-primary);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: background-color .2s;
  display: flex;
}

.page-module__CWEE4q__newChannelButton:hover {
  background-color: var(--color-primary-dark);
}

.page-module__CWEE4q__searchContainer {
  border-bottom: 1px solid var(--color-gray-200);
  padding: 16px;
  position: relative;
}

.page-module__CWEE4q__searchInput {
  background-color: var(--bg-secondary);
  width: 100%;
  height: 40px;
  color: var(--text-primary);
  border: none;
  border-radius: 20px;
  outline: none;
  padding: 0 16px 0 40px;
  font-size: 14px;
}

.page-module__CWEE4q__searchInput::placeholder {
  color: var(--text-secondary);
}

.page-module__CWEE4q__searchIcon {
  color: var(--text-secondary);
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
}

.page-module__CWEE4q__filterTabs {
  border-bottom: 1px solid var(--color-gray-200);
  gap: 4px;
  padding: 16px;
  display: flex;
}

.page-module__CWEE4q__filterTab {
  color: var(--text-secondary);
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 16px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 500;
  transition: all .2s;
}

.page-module__CWEE4q__filterTab:hover {
  background-color: var(--bg-hover-normal);
}

.page-module__CWEE4q__filterTab.page-module__CWEE4q__active {
  background-color: var(--color-primary);
  color: #fff;
}

.page-module__CWEE4q__channelsListContent {
  flex: 1;
  overflow-y: auto;
}

.page-module__CWEE4q__channelItem {
  cursor: pointer;
  border-bottom: 1px solid #0000000d;
  align-items: center;
  padding: 12px 16px;
  transition: background-color .2s;
  display: flex;
}

.page-module__CWEE4q__channelItem:hover {
  background-color: var(--bg-hover-normal);
}

.page-module__CWEE4q__channelItem.page-module__CWEE4q__selected {
  background-color: var(--color-primary);
  color: #fff;
}

.page-module__CWEE4q__channelItem.page-module__CWEE4q__selected .page-module__CWEE4q__channelName, .page-module__CWEE4q__channelItem.page-module__CWEE4q__selected .page-module__CWEE4q__lastPost, .page-module__CWEE4q__channelItem.page-module__CWEE4q__selected .page-module__CWEE4q__channelTime {
  color: #fff;
}

.page-module__CWEE4q__avatar {
  background-color: var(--color-gray-200);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-right: 12px;
  display: flex;
}

.page-module__CWEE4q__avatarEmoji {
  font-size: 24px;
}

.page-module__CWEE4q__channelContent {
  flex: 1;
  min-width: 0;
}

.page-module__CWEE4q__channelHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.page-module__CWEE4q__channelName {
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
}

.page-module__CWEE4q__channelTime {
  color: var(--text-secondary);
  flex-shrink: 0;
  margin-left: 8px;
  font-size: 12px;
}

.page-module__CWEE4q__channelFooter {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.page-module__CWEE4q__lastPost {
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  margin: 0;
  font-size: 14px;
  overflow: hidden;
}

.page-module__CWEE4q__subscriberCount {
  color: var(--text-secondary);
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
  font-size: 12px;
  display: flex;
}

.page-module__CWEE4q__channelViewer {
  background-color: var(--bg-page);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.page-module__CWEE4q__channelHeader {
  background-color: var(--bg-primary);
  border-bottom: 1px solid var(--color-gray-200);
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  display: flex;
}

.page-module__CWEE4q__channelInfo {
  align-items: center;
  display: flex;
}

.page-module__CWEE4q__channelAvatar {
  background-color: var(--color-gray-200);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 16px;
  font-size: 28px;
  display: flex;
}

.page-module__CWEE4q__channelTitle {
  color: var(--text-primary);
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 600;
}

.page-module__CWEE4q__channelDescription {
  color: var(--text-secondary);
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.4;
}

.page-module__CWEE4q__channelStats {
  color: var(--text-secondary);
  align-items: center;
  gap: 4px;
  font-size: 12px;
  display: flex;
}

.page-module__CWEE4q__subscribeButton {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  cursor: pointer;
  background-color: #0000;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
}

.page-module__CWEE4q__subscribeButton:hover, .page-module__CWEE4q__subscribeButton.page-module__CWEE4q__subscribed {
  background-color: var(--color-primary);
  color: #fff;
}

.page-module__CWEE4q__channelPosts {
  flex: 1;
  padding: 16px;
  overflow-y: auto;
}

.page-module__CWEE4q__post {
  background-color: var(--bg-primary);
  border-radius: 12px;
  margin-bottom: 16px;
  padding: 16px;
  box-shadow: 0 2px 8px #0000001a;
}

.page-module__CWEE4q__postHeader {
  margin-bottom: 12px;
}

.page-module__CWEE4q__postTime {
  color: var(--text-secondary);
  font-size: 12px;
}

.page-module__CWEE4q__postContent {
  margin-bottom: 12px;
}

.page-module__CWEE4q__postContent p {
  color: var(--text-primary);
  margin: 0;
  line-height: 1.5;
}

.page-module__CWEE4q__postStats {
  color: var(--text-secondary);
  font-size: 12px;
}

.page-module__CWEE4q__emptyState {
  text-align: center;
  height: 100%;
  color: var(--text-secondary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.page-module__CWEE4q__emptyIcon {
  opacity: .5;
  margin-bottom: 16px;
}

.page-module__CWEE4q__emptyState h3 {
  color: var(--text-primary);
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 500;
}

.page-module__CWEE4q__emptyState p {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.5;
}

.page-module__CWEE4q__createChannelButton {
  background-color: var(--color-primary);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 20px;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .2s;
  display: flex;
}

.page-module__CWEE4q__createChannelButton:hover {
  background-color: var(--color-primary-dark);
}

.page-module__CWEE4q__channelsListContent::-webkit-scrollbar {
  width: 6px;
}

.page-module__CWEE4q__channelPosts::-webkit-scrollbar {
  width: 6px;
}

.page-module__CWEE4q__channelsListContent::-webkit-scrollbar-track {
  background: none;
}

.page-module__CWEE4q__channelPosts::-webkit-scrollbar-track {
  background: none;
}

.page-module__CWEE4q__channelsListContent::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: 3px;
}

.page-module__CWEE4q__channelPosts::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: 3px;
}

.page-module__CWEE4q__channelsListContent::-webkit-scrollbar-thumb:hover {
  background-color: #0000004d;
}

.page-module__CWEE4q__channelPosts::-webkit-scrollbar-thumb:hover {
  background-color: #0000004d;
}

/* [project]/src/app/settings/page.module.css [app-client] (css) */
.page-module__C3yneq__configContainer {
  background-color: var(--bg-page);
  height: 100vh;
  display: flex;
}

.page-module__C3yneq__configList {
  background-color: var(--bg-primary);
  border-right: 1px solid var(--color-gray-200);
  flex-direction: column;
  width: 400px;
  min-width: 400px;
  display: flex;
}

.page-module__C3yneq__configHeader {
  border-bottom: 1px solid var(--color-gray-200);
  padding: 16px;
}

.page-module__C3yneq__title {
  color: var(--text-primary);
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}

.page-module__C3yneq__sectionsList {
  flex: 1;
  padding: 8px 0;
  overflow-y: auto;
}

.page-module__C3yneq__sectionGroup {
  margin-bottom: 4px;
}

.page-module__C3yneq__sectionItem {
  cursor: pointer;
  border-bottom: 1px solid #0000000d;
  align-items: center;
  padding: 16px;
  transition: background-color .2s;
  display: flex;
}

.page-module__C3yneq__sectionItem:hover {
  background-color: var(--bg-hover-normal);
}

.page-module__C3yneq__sectionItem.page-module__C3yneq__selected {
  background-color: var(--color-primary);
  color: #fff;
}

.page-module__C3yneq__sectionItem.page-module__C3yneq__selected .page-module__C3yneq__sectionTitle, .page-module__C3yneq__sectionItem.page-module__C3yneq__selected .page-module__C3yneq__sectionDescription {
  color: #fff;
}

.page-module__C3yneq__sectionIcon {
  background-color: var(--bg-secondary);
  width: 40px;
  height: 40px;
  color: var(--color-primary);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  display: flex;
}

.page-module__C3yneq__sectionItem.page-module__C3yneq__selected .page-module__C3yneq__sectionIcon {
  color: #fff;
  background-color: #fff3;
}

.page-module__C3yneq__sectionContent {
  flex: 1;
  min-width: 0;
}

.page-module__C3yneq__sectionTitle {
  color: var(--text-primary);
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 500;
}

.page-module__C3yneq__sectionDescription {
  color: var(--text-secondary);
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
}

.page-module__C3yneq__chevron {
  color: var(--text-secondary);
  transition: transform .2s;
}

.page-module__C3yneq__chevron.page-module__C3yneq__rotated {
  transform: rotate(90deg);
}

.page-module__C3yneq__sectionItem.page-module__C3yneq__selected .page-module__C3yneq__chevron {
  color: #fff;
}

.page-module__C3yneq__sectionDetails {
  background-color: var(--bg-secondary);
  border-top: 1px solid var(--color-gray-200);
}

.page-module__C3yneq__configItem {
  border-bottom: 1px solid #0000000d;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.page-module__C3yneq__configItem:last-child {
  border-bottom: none;
}

.page-module__C3yneq__itemContent {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.page-module__C3yneq__itemLabel {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 500;
}

.page-module__C3yneq__itemValue {
  color: var(--text-secondary);
  font-size: 14px;
}

.page-module__C3yneq__toggleButton {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  padding: 4px;
  transition: background-color .2s;
}

.page-module__C3yneq__toggleButton:hover {
  background-color: var(--bg-hover-normal);
}

.page-module__C3yneq__toggle {
  background-color: var(--color-gray-300);
  border-radius: 10px;
  width: 40px;
  height: 20px;
  transition: background-color .2s;
  position: relative;
}

.page-module__C3yneq__toggle:after {
  content: "";
  background-color: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  transition: transform .2s;
  position: absolute;
  top: 2px;
  left: 2px;
}

.page-module__C3yneq__toggle.page-module__C3yneq__active {
  background-color: var(--color-primary);
}

.page-module__C3yneq__toggle.page-module__C3yneq__active:after {
  transform: translateX(20px);
}

.page-module__C3yneq__itemChevron {
  color: var(--text-secondary);
}

.page-module__C3yneq__configDetails {
  background-color: var(--bg-page);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.page-module__C3yneq__detailsContent {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.page-module__C3yneq__detailsHeader {
  background-color: var(--bg-primary);
  border-bottom: 1px solid var(--color-gray-200);
  padding: 24px;
}

.page-module__C3yneq__detailsTitle {
  color: var(--text-primary);
  margin: 0 0 8px;
  font-size: 28px;
  font-weight: 600;
}

.page-module__C3yneq__detailsDescription {
  color: var(--text-secondary);
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

.page-module__C3yneq__detailsBody {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
}

.page-module__C3yneq__previewCard {
  background-color: var(--bg-primary);
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 8px #0000001a;
}

.page-module__C3yneq__previewCard h3 {
  color: var(--text-primary);
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 600;
}

.page-module__C3yneq__previewContent {
  min-height: 200px;
}

.page-module__C3yneq__themePreview {
  border-radius: 8px;
  padding: 20px;
  transition: all .3s;
}

.page-module__C3yneq__themePreview.page-module__C3yneq__light {
  color: #111b21;
  background-color: #f0f2f5;
}

.page-module__C3yneq__themePreview.page-module__C3yneq__dark {
  color: #e9edef;
  background-color: #0b141a;
}

.page-module__C3yneq__previewHeader {
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.page-module__C3yneq__previewAvatar {
  background-color: var(--color-primary);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 12px;
}

.page-module__C3yneq__previewText {
  flex: 1;
}

.page-module__C3yneq__previewName {
  opacity: .3;
  background-color: currentColor;
  border-radius: 4px;
  width: 120px;
  height: 16px;
  margin-bottom: 8px;
}

.page-module__C3yneq__previewMessage {
  opacity: .2;
  background-color: currentColor;
  border-radius: 4px;
  width: 200px;
  height: 12px;
}

.page-module__C3yneq__previewChat {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.page-module__C3yneq__previewBubble {
  background-color: var(--color-primary);
  opacity: .8;
  border-radius: 16px;
  height: 32px;
}

.page-module__C3yneq__previewBubble:first-child {
  align-self: flex-end;
  width: 60%;
}

.page-module__C3yneq__previewBubble:last-child {
  opacity: .3;
  background-color: currentColor;
  align-self: flex-start;
  width: 40%;
}

.page-module__C3yneq__notificationPreview {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.page-module__C3yneq__notificationItem {
  background-color: var(--bg-secondary);
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  padding: 12px;
  display: flex;
}

.page-module__C3yneq__accountPreview {
  justify-content: center;
  display: flex;
}

.page-module__C3yneq__profilePreview {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.page-module__C3yneq__profileAvatar {
  background-color: var(--color-primary);
  color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-bottom: 16px;
  display: flex;
}

.page-module__C3yneq__profileInfo h4 {
  color: var(--text-primary);
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 600;
}

.page-module__C3yneq__profileInfo p {
  color: var(--text-secondary);
  margin: 0 0 4px;
  font-size: 14px;
}

.page-module__C3yneq__genericPreview {
  text-align: center;
  color: var(--text-secondary);
  padding: 40px 20px;
}

.page-module__C3yneq__genericPreview p {
  margin: 0 0 8px;
  line-height: 1.5;
}

.page-module__C3yneq__emptyState {
  text-align: center;
  height: 100%;
  color: var(--text-secondary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.page-module__C3yneq__emptyIcon {
  opacity: .5;
  margin-bottom: 16px;
}

.page-module__C3yneq__emptyState h3 {
  color: var(--text-primary);
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 500;
}

.page-module__C3yneq__emptyState p {
  max-width: 400px;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.page-module__C3yneq__sectionsList::-webkit-scrollbar {
  width: 6px;
}

.page-module__C3yneq__detailsBody::-webkit-scrollbar {
  width: 6px;
}

.page-module__C3yneq__sectionsList::-webkit-scrollbar-track {
  background: none;
}

.page-module__C3yneq__detailsBody::-webkit-scrollbar-track {
  background: none;
}

.page-module__C3yneq__sectionsList::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: 3px;
}

.page-module__C3yneq__detailsBody::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: 3px;
}

.page-module__C3yneq__sectionsList::-webkit-scrollbar-thumb:hover {
  background-color: #0000004d;
}

.page-module__C3yneq__detailsBody::-webkit-scrollbar-thumb:hover {
  background-color: #0000004d;
}

@media (max-width: 768px) {
  .page-module__C3yneq__configContainer {
    flex-direction: column;
  }

  .page-module__C3yneq__configList {
    width: 100%;
    height: 50%;
  }

  .page-module__C3yneq__configDetails {
    height: 50%;
  }
}

/* [project]/src/app/chats/page.module.css [app-client] (css) */
.page-module__AJ7qaW__chatsContainer {
  background-color: #fff;
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.page-module__AJ7qaW__chatList {
  background-color: #fff;
  flex-direction: column;
  width: 500px;
  min-width: 550px;
  max-width: 550px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-module__AJ7qaW__messageArea {
  background-color: var(--bg-page);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

@media (max-width: 1700px) {
  .page-module__AJ7qaW__chatList {
    width: 480px;
    min-width: 480px;
    max-width: 480px;
  }
}

@media (max-width: 1600px) {
  .page-module__AJ7qaW__chatList {
    width: 450px;
    min-width: 450px;
    max-width: 450px;
  }
}

@media (max-width: 1000px) {
  .page-module__AJ7qaW__chatsContainer {
    position: relative;
  }

  .page-module__AJ7qaW__chatList {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .page-module__AJ7qaW__messageArea {
    z-index: 2;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(100%);
  }

  .page-module__AJ7qaW__chatsContainer[data-selected-contact="true"] .page-module__AJ7qaW__messageArea {
    transform: translateX(0);
  }

  .page-module__AJ7qaW__chatsContainer[data-selected-contact="true"] .page-module__AJ7qaW__chatList {
    display: none;
  }
}

/* [project]/src/shared/components/layout/MenuTabs.module.css [app-client] (css) */
.MenuTabs-module__bhhqDW__main {
  width: 100%;
  height: 100%;
  transition: margin-left .25s ease-in-out;
  overflow-y: auto;
}

/* [project]/src/app/layout.module.css [app-client] (css) */
.layout-module__L5FxyW__container {
  flex-direction: flex;
  background-color: var(--bg-page);
  height: 100dvh;
  display: flex;
  overflow: hidden;
}

.layout-module__L5FxyW__sidebar {
  flex-shrink: 0;
  height: 100%;
  overflow: hidden;
}

.layout-module__L5FxyW__main {
  flex: 1;
  width: 100%;
  min-width: 0;
  height: 100%;
  overflow: hidden;
}

.layout-module__L5FxyW__mobileSidebar {
  display: none;
}

@media (max-width: 600px) {
  .layout-module__L5FxyW__container {
    flex-direction: column;
  }

  .layout-module__L5FxyW__sidebar {
    display: none;
  }

  .layout-module__L5FxyW__main {
    flex: 1;
    height: calc(100% - 70px);
  }

  .layout-module__L5FxyW__mobileSidebar {
    flex-shrink: 0;
    display: block;
  }

  body[data-chat-open="true"] .layout-module__L5FxyW__mobileSidebar {
    display: none;
  }

  body[data-chat-open="true"] .layout-module__L5FxyW__main {
    height: 100vh;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__5a5d3ac1._.css.map*/