/*
 * TELENURE_LIGHT_THEME_M10G
 *
 * Loaded after the legacy stylesheet.
 * Only active while html.tnLightThemeV1 is present.
 */

html.tnLightThemeV1 {
  color-scheme: light;

  --bg: #eef3f7;
  --text: #17212b;
  --muted: #71808e;
  --border: rgba(31, 53, 72, .13);
}


html.tnLightThemeV1 body {
  background: #eef3f7 !important;
  color: #17212b !important;
}


/* ===== BOOT ===== */

html.tnLightThemeV1 #bootGateV3 {
  background: #eef3f7 !important;
}

html.tnLightThemeV1 #bootGateV3 > span {
  border-color:
    rgba(34, 58, 78, .15) !important;

  border-top-color:
    rgba(42, 135, 255, .78) !important;
}


/* ===== AUTH ===== */

html.tnLightThemeV1 #authBox {
  background:
    radial-gradient(
      900px 600px at 70% 10%,
      rgba(42,135,255,.10),
      transparent 60%
    ),
    radial-gradient(
      900px 700px at 20% 70%,
      rgba(59,180,113,.07),
      transparent 60%
    ),
    linear-gradient(
      180deg,
      #f7fafc,
      #edf3f7
    )
    !important;
}

html.tnLightThemeV1 #authBox .card {
  background:
    rgba(255,255,255,.96) !important;

  border-color:
    rgba(31,53,72,.12) !important;

  color:
    #17212b !important;

  box-shadow:
    0 18px 60px
    rgba(31,53,72,.15)
    !important;
}

html.tnLightThemeV1 .card input,
html.tnLightThemeV1 .uiModalInput {
  background:
    #f3f6f9 !important;

  border-color:
    rgba(31,53,72,.13) !important;

  color:
    #17212b !important;

  caret-color:
    #2a87ff !important;
}

html.tnLightThemeV1 .card input::placeholder,
html.tnLightThemeV1 textarea::placeholder,
html.tnLightThemeV1 input::placeholder {
  color:
    #8795a1 !important;
}

html.tnLightThemeV1 .card button:not(.linkBtn),
html.tnLightThemeV1 .uiModal button {
  border-color:
    rgba(31,53,72,.12);

  background:
    #e7edf3;

  color:
    #17212b;
}

html.tnLightThemeV1 .card button.secondary {
  background:
    transparent !important;
}

html.tnLightThemeV1 .linkBtn {
  color:
    #2688d9 !important;
}


/* ===== MAIN SHELL ===== */

html.tnLightThemeV1 .tg {
  background:
    radial-gradient(
      1200px 800px at 80% 20%,
      rgba(42,135,255,.075),
      transparent 60%
    ),
    radial-gradient(
      900px 700px at 20% 70%,
      rgba(59,180,113,.045),
      transparent 60%
    ),
    linear-gradient(
      180deg,
      #f7fafc,
      #edf3f7
    )
    !important;

  color:
    #17212b !important;
}

html.tnLightThemeV1 .tgLeft,
html.tnLightThemeV1 .tgRight,
html.tnLightThemeV1 .tgCenter,
html.tnLightThemeV1 .chatArea,
html.tnLightThemeV1 .tgMsgs,
html.tnLightThemeV1 .tgMsgsInner {
  color:
    #17212b !important;
}


/* ===== TOP SHELL ===== */

html.tnLightThemeV1 .tgShellTopV1,
html.tnLightThemeV1 .tgTop,
html.tnLightThemeV1 .tgTop.tgUnifiedHeaderV2 {
  background:
    rgba(255,255,255,.88) !important;

  border-color:
    rgba(31,53,72,.11) !important;

  color:
    #17212b !important;
}

html.tnLightThemeV1 #tgSidebarSearchV1 {
  background:
    #eef2f5 !important;

  border-color:
    rgba(31,53,72,.09) !important;

  color:
    #17212b !important;
}

html.tnLightThemeV1 #tgSidebarSearchV1::placeholder {
  color:
    #8997a3 !important;
}

html.tnLightThemeV1 .tgSidebarMenuBtnV1 {
  color:
    #415466 !important;
}


/* ===== CHAT LIST ===== */

html.tnLightThemeV1 .chatCard {
  background:
    rgba(255,255,255,.72) !important;

  border-color:
    rgba(31,53,72,.09) !important;

  color:
    #17212b !important;
}

html.tnLightThemeV1 .chatCard:hover {
  background:
    #ffffff !important;
}

html.tnLightThemeV1 .chatCard.active,
html.tnLightThemeV1 .chatCardActive {
  background:
    #dceeff !important;

  border-color:
    rgba(42,135,255,.30) !important;

  color:
    #17212b !important;
}

html.tnLightThemeV1 .avatar {
  background:
    #e4ebf1 !important;

  border-color:
    rgba(31,53,72,.10) !important;

  color:
    #33495d !important;
}

html.tnLightThemeV1 .chatTitle,
html.tnLightThemeV1 .tgTitle,
html.tnLightThemeV1 #chatTitle {
  color:
    #17212b !important;
}

html.tnLightThemeV1 .chatTime,
html.tnLightThemeV1 .chatLast,
html.tnLightThemeV1 #chatSub,
html.tnLightThemeV1 .chatSub {
  color:
    #71808e !important;
}


/* ===== CHAT HEADER ===== */

html.tnLightThemeV1 .tgTop {
  border-bottom-color:
    rgba(31,53,72,.10) !important;
}

html.tnLightThemeV1
.tgTop.tgUnifiedHeaderV2
.dtfHeaderActionSafeV1 {
  color:
    #536779 !important;
}

html.tnLightThemeV1
.tgTop.tgUnifiedHeaderV2
.dtfHeaderActionSafeV1:hover {
  background:
    rgba(31,53,72,.07) !important;
}


/* ===== EMPTY / DATES ===== */

html.tnLightThemeV1 .emptyState,
html.tnLightThemeV1 .kbdHint {
  color:
    #7a8996 !important;
}

html.tnLightThemeV1 .dateSep {
  color:
    #72818e !important;
}

html.tnLightThemeV1 .dateSep::before,
html.tnLightThemeV1 .dateSep::after {
  background:
    rgba(31,53,72,.12) !important;
}


/* ===== MESSAGE BUBBLES ===== */

html.tnLightThemeV1 .msgRow.other .bubble {
  background:
    #ffffff !important;

  border-color:
    rgba(31,53,72,.10) !important;

  color:
    #17212b !important;

  box-shadow:
    0 1px 2px
    rgba(31,53,72,.08);
}

html.tnLightThemeV1 .msgRow.me .bubble {
  background:
    #d7eeff !important;

  border-color:
    rgba(42,135,255,.18) !important;

  color:
    #17212b !important;
}

html.tnLightThemeV1 .bubble .time,
html.tnLightThemeV1 .msgRow .time {
  color:
    #71808e !important;
}

html.tnLightThemeV1 .bubble .text {
  color:
    #17212b !important;
}


/* ===== COMPOSER ===== */

html.tnLightThemeV1 .tgInput textarea,
html.tnLightThemeV1 #msgText {
  background:
    #ffffff !important;

  border-color:
    rgba(31,53,72,.13) !important;

  color:
    #17212b !important;

  box-shadow:
    0 1px 3px
    rgba(31,53,72,.06);
}

html.tnLightThemeV1 .groupTools {
  background:
    rgba(255,255,255,.82) !important;

  border-color:
    rgba(31,53,72,.10) !important;
}

html.tnLightThemeV1 .groupTools input,
html.tnLightThemeV1 .tgDm input,
html.tnLightThemeV1 .tgGroup input {
  background:
    #f2f5f8 !important;

  border-color:
    rgba(31,53,72,.12) !important;

  color:
    #17212b !important;
}


/* ===== MODALS ===== */

html.tnLightThemeV1 .modal {
  background:
    rgba(25,42,56,.30) !important;
}

html.tnLightThemeV1 .modalCard {
  background:
    #ffffff !important;

  border-color:
    rgba(31,53,72,.12) !important;

  color:
    #17212b !important;

  box-shadow:
    0 20px 70px
    rgba(31,53,72,.20)
    !important;
}

html.tnLightThemeV1 .modalTop {
  border-bottom-color:
    rgba(31,53,72,.10) !important;
}

html.tnLightThemeV1 .memberItem {
  background:
    #f5f7f9 !important;

  border-color:
    rgba(31,53,72,.09) !important;
}

html.tnLightThemeV1 .memberAvatar {
  background:
    #e7edf2 !important;

  border-color:
    rgba(31,53,72,.10) !important;

  color:
    #33495d !important;
}

html.tnLightThemeV1 .memberMeta {
  color:
    #738290 !important;
}


/* ===== SETTINGS ===== */

html.tnLightThemeV1 .tgSettingsPanelV1,
html.tnLightThemeV1 .tgProfileEditPanelV2 {
  background:
    #f7f9fb !important;

  border-color:
    rgba(31,53,72,.12) !important;

  color:
    #17212b !important;

  box-shadow:
    0 18px 70px
    rgba(31,53,72,.18)
    !important;
}

html.tnLightThemeV1 .tgSettingsCardV1 {
  background:
    #ffffff !important;

  border-color:
    rgba(31,53,72,.10) !important;
}

html.tnLightThemeV1 .tgSettingsInfoRowV1,
html.tnLightThemeV1 .tgSettingsStaticRowV1,
html.tnLightThemeV1 .tgSettingsActionsV1 button,
html.tnLightThemeV1 #tgSettingsAddAccountV1 {
  color:
    #17212b !important;

  border-color:
    rgba(31,53,72,.09) !important;
}

html.tnLightThemeV1 .tgSettingsIconV1 {
  color:
    #718393 !important;
}

html.tnLightThemeV1
.tgSettingsInfoRowV1 small,
html.tnLightThemeV1
.tgSettingsStaticRowV1 em,
html.tnLightThemeV1
#tgSettingsAccountLimitV1 {
  color:
    #768694 !important;
}


/* ===== PROFILE EDIT ===== */

html.tnLightThemeV1 .tgProfileEditOverlayV2 {
  background:
    rgba(25,42,56,.28) !important;
}

html.tnLightThemeV1
.tgProfileEditPanelV2 input,
html.tnLightThemeV1
.tgProfileEditPanelV2 textarea {
  background:
    #ffffff !important;

  border-color:
    rgba(31,53,72,.12) !important;

  color:
    #17212b !important;
}


/* ===== SCROLLBARS ===== */

html.tnLightThemeV1
.tgChats::-webkit-scrollbar-thumb,
html.tnLightThemeV1
.tgMsgs::-webkit-scrollbar-thumb,
html.tnLightThemeV1
.tgInput textarea::-webkit-scrollbar-thumb,
html.tnLightThemeV1
.membersList::-webkit-scrollbar-thumb {
  background:
    rgba(66,87,104,.23) !important;
}


/* ===== SELECTION / CONTEXT SURFACES ===== */

html.tnLightThemeV1 .chatContextMenu {
  background:
    #ffffff !important;

  border-color:
    rgba(31,53,72,.11) !important;

  color:
    #17212b !important;

  box-shadow:
    0 14px 40px
    rgba(31,53,72,.18)
    !important;
}

html.tnLightThemeV1 .chatContextItem:hover {
  background:
    #eef3f7 !important;
}


/*
 * Media viewers intentionally remain dark.
 * Photos/video are easier to inspect against a dark canvas.
 */

/* TELENURE_LIGHT_THEME_M10G_END */


/* =========================================================
   TELENURE_LIGHT_THEME_M10G2_POLISH_START
   Telegram-like light visual pass
   ========================================================= */


/* ===== OVERALL LAYOUT ===== */

html.tnLightThemeV1 .tg {
  background:
    #f2f5f7
    !important;
}


html.tnLightThemeV1 .tgLeft {
  background:
    #ffffff
    !important;

  border-right:
    1px solid
    #dfe6eb
    !important;
}


html.tnLightThemeV1 .tgRight,
html.tnLightThemeV1 .tgCenter,
html.tnLightThemeV1 .chatArea {
  background:
    #f4f7f9
    !important;
}


/* ===== LEFT TOP / SEARCH ===== */

html.tnLightThemeV1 .tgShellTopV1 {
  background:
    #ffffff
    !important;

  border-bottom:
    1px solid
    #e4eaee
    !important;

  box-shadow:
    none
    !important;
}


html.tnLightThemeV1 #tgSidebarSearchV1 {
  background:
    #f1f4f6
    !important;

  border:
    1px solid
    transparent
    !important;

  color:
    #17212b
    !important;
}


html.tnLightThemeV1 #tgSidebarSearchV1:focus {
  background:
    #ffffff
    !important;

  border-color:
    rgba(42,135,210,.38)
    !important;

  box-shadow:
    0 0 0 3px
    rgba(42,135,210,.08)
    !important;
}


html.tnLightThemeV1
#tgSidebarSearchV1::placeholder {
  color:
    #8796a3
    !important;
}


/* ===== CHAT LIST ===== */

html.tnLightThemeV1 .tgChats {
  gap:
    2px
    !important;

  padding:
    5px 6px 10px
    !important;

  background:
    #ffffff
    !important;
}


html.tnLightThemeV1 .chatCard {
  margin:
    0
    !important;

  padding:
    10px
    !important;

  border:
    0
    !important;

  border-radius:
    11px
    !important;

  background:
    transparent
    !important;

  box-shadow:
    none
    !important;

  color:
    #17212b
    !important;
}


html.tnLightThemeV1 .chatCard:hover {
  background:
    #f1f5f7
    !important;
}


html.tnLightThemeV1 .chatCard.active,
html.tnLightThemeV1 .chatCardActive {
  background:
    #3390ec
    !important;

  color:
    #ffffff
    !important;
}


html.tnLightThemeV1
.chatCard.active .chatTitle,
html.tnLightThemeV1
.chatCardActive .chatTitle {
  color:
    #ffffff
    !important;
}


html.tnLightThemeV1
.chatCard.active .chatLast,
html.tnLightThemeV1
.chatCard.active .chatTime,
html.tnLightThemeV1
.chatCardActive .chatLast,
html.tnLightThemeV1
.chatCardActive .chatTime {
  color:
    rgba(255,255,255,.82)
    !important;
}


html.tnLightThemeV1 .chatTitle {
  color:
    #17212b
    !important;

  font-weight:
    700
    !important;
}


html.tnLightThemeV1 .chatLast {
  color:
    #71808d
    !important;
}


html.tnLightThemeV1 .chatTime {
  color:
    #80909d
    !important;
}


html.tnLightThemeV1 .avatar {
  background:
    #e8eef2
    !important;

  border:
    1px solid
    #d6e0e6
    !important;

  color:
    #40586b
    !important;
}


/* ===== CHAT HEADER ===== */

html.tnLightThemeV1 .tgTop,
html.tnLightThemeV1
.tgTop.tgUnifiedHeaderV2 {
  background:
    rgba(255,255,255,.97)
    !important;

  border-bottom:
    1px solid
    #e0e7ec
    !important;

  box-shadow:
    none
    !important;

  color:
    #17212b
    !important;
}


html.tnLightThemeV1 #chatTitle,
html.tnLightThemeV1 .tgTitle {
  color:
    #17212b
    !important;
}


html.tnLightThemeV1 #chatSub,
html.tnLightThemeV1 .chatSub {
  color:
    #71808d
    !important;
}


/* ===== EMPTY CHAT AREA ===== */

html.tnLightThemeV1 .emptyState {
  background:
    #f4f7f9
    !important;

  color:
    #8493a0
    !important;

  font-size:
    15px
    !important;
}


/* ===== MESSAGE AREA ===== */

html.tnLightThemeV1 .tgMsgs {
  background:
    #eef3f6
    !important;
}


html.tnLightThemeV1 .tgMsgsInner {
  background:
    transparent
    !important;
}


html.tnLightThemeV1
.msgRow.other .bubble {
  background:
    #ffffff
    !important;

  border:
    1px solid
    rgba(45,65,82,.08)
    !important;

  color:
    #17212b
    !important;

  box-shadow:
    0 1px 1px
    rgba(31,53,72,.05)
    !important;
}


html.tnLightThemeV1
.msgRow.me .bubble {
  background:
    #d9f0ff
    !important;

  border:
    1px solid
    rgba(42,135,210,.10)
    !important;

  color:
    #17212b
    !important;

  box-shadow:
    0 1px 1px
    rgba(31,53,72,.04)
    !important;
}


/* ===== COMPOSER ===== */

html.tnLightThemeV1 .tgInput {
  background:
    rgba(244,247,249,.96)
    !important;
}


html.tnLightThemeV1 .tgInput textarea,
html.tnLightThemeV1 #msgText {
  background:
    #ffffff
    !important;

  border:
    1px solid
    #dbe3e8
    !important;

  color:
    #17212b
    !important;

  box-shadow:
    0 1px 3px
    rgba(31,53,72,.07)
    !important;
}


html.tnLightThemeV1 .kbdHint {
  color:
    #8795a1
    !important;
}


/* ===== SIDEBAR DRAWER ===== */

html.tnLightThemeV1
.tgSidebarBackdropV1 {
  background:
    rgba(28,42,52,.28)
    !important;
}


html.tnLightThemeV1
.tgSidebarMenuV1 {
  border:
    1px solid
    #dce4e9
    !important;

  background:
    #ffffff
    !important;

  color:
    #17212b
    !important;

  box-shadow:
    0 14px 42px
    rgba(31,53,72,.20)
    !important;
}


html.tnLightThemeV1
.tgSidebarProfileV1 {
  color:
    #17212b
    !important;

  opacity:
    1
    !important;
}


html.tnLightThemeV1
.tgSidebarProfileV1:hover {
  background:
    #f2f5f7
    !important;
}


html.tnLightThemeV1
#tgSidebarProfileNameV1 {
  color:
    #17212b
    !important;
}


html.tnLightThemeV1
#tgSidebarProfileSubV1 {
  color:
    #758592
    !important;
}


html.tnLightThemeV1
.tgSidebarItemV1 {
  color:
    #1b2732
    !important;
}


html.tnLightThemeV1
.tgSidebarItemV1:hover {
  background:
    #f1f4f6
    !important;
}


html.tnLightThemeV1
.tgSidebarItemIconV1 {
  color:
    #607585
    !important;
}


/* Settings was too pale in first light-theme pass. */

html.tnLightThemeV1
#profileGear.tgSidebarItemV1 {
  opacity:
    1
    !important;

  color:
    #1b2732
    !important;
}


html.tnLightThemeV1
#profileGear.tgSidebarItemV1
.tgSidebarItemIconV1 {
  color:
    #607585
    !important;
}


html.tnLightThemeV1
.tgSidebarItemDisabledV1 {
  opacity:
    .48
    !important;
}


html.tnLightThemeV1
#tgSidebarAddAccountV1 {
  color:
    #2486d1
    !important;

  opacity:
    1
    !important;
}


html.tnLightThemeV1
#tgSidebarAddAccountV1
.tgSidebarItemIconV1 {
  color:
    #2486d1
    !important;
}


html.tnLightThemeV1
.tgSidebarDividerV1 {
  background:
    #e3e9ed
    !important;
}


html.tnLightThemeV1
#btnLogout.tgSidebarItemV1,
html.tnLightThemeV1
#btnLogout.tgSidebarItemV1
.tgSidebarItemIconV1 {
  color:
    #e9545c
    !important;
}


/* ===== SAVED ACCOUNTS ===== */

html.tnLightThemeV1
.tnSidebarAccountV1 {
  color:
    #17212b
    !important;

  opacity:
    1
    !important;
}


html.tnLightThemeV1
.tnSidebarAccountV1:hover {
  background:
    #f1f4f6
    !important;
}


html.tnLightThemeV1
.tnSidebarAccountTextV1 strong {
  color:
    #17212b
    !important;
}


html.tnLightThemeV1
.tnSidebarAccountTextV1 small {
  color:
    #748592
    !important;
}


/* ===== MORE MENU ===== */

html.tnLightThemeV1
.tnMoreMenuV1 {
  border:
    1px solid
    #dce4e9
    !important;

  background:
    #ffffff
    !important;

  color:
    #17212b
    !important;

  box-shadow:
    0 18px 50px
    rgba(31,53,72,.20)
    !important;
}


html.tnLightThemeV1
.tnMoreItemV1 {
  color:
    #17212b
    !important;
}


html.tnLightThemeV1
.tnMoreItemV1:hover {
  background:
    #f1f4f6
    !important;
}


html.tnLightThemeV1
.tnMoreItemIconV1 {
  color:
    #607585
    !important;
}


/* ===== ACTION MODALS ===== */

html.tnLightThemeV1
.tnActionOverlayV1 {
  background:
    rgba(28,42,52,.30)
    !important;
}


html.tnLightThemeV1
.tnActionModalV1 {
  background:
    #ffffff
    !important;

  border:
    1px solid
    #d9e2e8
    !important;

  color:
    #17212b
    !important;

  box-shadow:
    0 24px 70px
    rgba(31,53,72,.22)
    !important;
}


html.tnLightThemeV1
.tnActionHeaderV1 {
  border-bottom:
    1px solid
    #e3e9ed
    !important;
}


html.tnLightThemeV1
.tnActionLeadV1,
html.tnLightThemeV1
.tnInstallCardV1 p {
  color:
    #667887
    !important;
}


html.tnLightThemeV1
.tnBugTextareaV1 {
  background:
    #f6f8fa
    !important;

  border:
    1px solid
    #d8e1e7
    !important;

  color:
    #17212b
    !important;
}


html.tnLightThemeV1
.tnInstallCardV1 {
  background:
    #f7f9fa
    !important;

  border:
    1px solid
    #dde5ea
    !important;
}


/* ===== GENERIC MODALS ===== */

html.tnLightThemeV1 .modalCard {
  background:
    #ffffff
    !important;

  color:
    #17212b
    !important;

  border-color:
    #dce4e9
    !important;
}


/* ===== SETTINGS ===== */

html.tnLightThemeV1
.tgSettingsPanelV1,
html.tnLightThemeV1
.tgProfileEditPanelV2 {
  background:
    #f6f8fa
    !important;

  color:
    #17212b
    !important;
}


html.tnLightThemeV1
.tgSettingsCardV1 {
  background:
    #ffffff
    !important;

  border-color:
    #dfe6eb
    !important;
}


/* ===== MOBILE ===== */

@media (max-width: 760px) {
  html.tnLightThemeV1 .tgLeft,
  html.tnLightThemeV1 .tgRight {
    background:
      #ffffff
      !important;
  }

  html.tnLightThemeV1
  .tg.mobileChatMode
  .tgRight {
    background:
      #f4f7f9
      !important;
  }
}


/* =========================================================
   TELENURE_LIGHT_THEME_M10G2_POLISH_END
   ========================================================= */


/* =========================================================
   TELENURE_LIGHT_THEME_M10G4_FIX1_START
   Softer light palette + stronger visual edges
   ========================================================= */


/* ===== GLOBAL ===== */

html.tnLightThemeV1 {
  --bg: #e8edf1 !important;
  --text: #1d2b38 !important;
  --muted: #647687 !important;
  --border: rgba(48, 68, 84, .17) !important;
}

html.tnLightThemeV1 body {
  background:
    #e8edf1 !important;

  color:
    #1d2b38 !important;
}

html.tnLightThemeV1 .tg {
  background:
    #e8edf1 !important;

  color:
    #1d2b38 !important;
}


/* ===== LEFT COLUMN ===== */

html.tnLightThemeV1 .tgLeft {
  background:
    #f1f4f6 !important;

  border-right:
    1px solid
    #cdd6dd !important;

  box-shadow:
    1px 0 0
    rgba(255,255,255,.65)
    !important;
}

html.tnLightThemeV1 .tgChats {
  background:
    #f1f4f6 !important;

  gap:
    3px !important;

  padding:
    6px !important;
}


/* ===== SEARCH / LEFT HEADER ===== */

html.tnLightThemeV1 .tgShellTopV1 {
  background:
    #f4f6f8 !important;

  border-bottom:
    1px solid
    #d1d9df !important;
}

html.tnLightThemeV1 #tgSidebarSearchV1 {
  background:
    #e8edf1 !important;

  border:
    1px solid
    #d0d9e0 !important;

  color:
    #243442 !important;

  box-shadow:
    inset 0 1px 2px
    rgba(26, 42, 55, .035)
    !important;
}

html.tnLightThemeV1 #tgSidebarSearchV1:focus {
  background:
    #f8fafb !important;

  border-color:
    #88bde6 !important;

  box-shadow:
    0 0 0 3px
    rgba(42,135,210,.10)
    !important;
}

html.tnLightThemeV1
#tgSidebarSearchV1::placeholder {
  color:
    #718391 !important;
}


/* ===== CHAT ROWS ===== */

html.tnLightThemeV1 .chatCard {
  background:
    rgba(248,250,251,.72)
    !important;

  border:
    1px solid
    transparent !important;

  border-radius:
    11px !important;

  box-shadow:
    none !important;

  color:
    #1d2b38 !important;
}

html.tnLightThemeV1 .chatCard:hover {
  background:
    #e7edf2 !important;

  border-color:
    #d0dae2 !important;
}

html.tnLightThemeV1 .chatCard.active,
html.tnLightThemeV1 .chatCardActive {
  background:
    linear-gradient(
      180deg,
      #4199ee,
      #318be2
    )
    !important;

  border:
    1px solid
    #287dce !important;

  box-shadow:
    0 2px 8px
    rgba(33,110,180,.18)
    !important;

  color:
    #ffffff !important;
}

html.tnLightThemeV1
.chatCard.active .chatTitle,
html.tnLightThemeV1
.chatCardActive .chatTitle {
  color:
    #ffffff !important;
}

html.tnLightThemeV1
.chatCard.active .chatLast,
html.tnLightThemeV1
.chatCard.active .chatTime,
html.tnLightThemeV1
.chatCardActive .chatLast,
html.tnLightThemeV1
.chatCardActive .chatTime {
  color:
    rgba(255,255,255,.88)
    !important;
}

html.tnLightThemeV1 .chatTitle {
  color:
    #172633 !important;

  font-weight:
    720 !important;
}

html.tnLightThemeV1 .chatLast {
  color:
    #607382 !important;
}

html.tnLightThemeV1 .chatTime {
  color:
    #677b8b !important;
}


/* ===== AVATARS ===== */

html.tnLightThemeV1 .avatar {
  background:
    #dde6ec !important;

  border:
    1px solid
    #c6d2db !important;

  color:
    #365266 !important;

  box-shadow:
    0 1px 2px
    rgba(30,50,66,.05)
    !important;
}


/* ===== MAIN CHAT ===== */

html.tnLightThemeV1 .tgRight,
html.tnLightThemeV1 .tgCenter,
html.tnLightThemeV1 .chatArea {
  background:
    #e9eef2 !important;
}

html.tnLightThemeV1 .tgMsgs {
  background:
    #e9eef2 !important;
}

html.tnLightThemeV1 .emptyState {
  background:
    #e9eef2 !important;

  color:
    #6f8190 !important;
}


/* ===== HEADER ===== */

html.tnLightThemeV1 .tgTop,
html.tnLightThemeV1
.tgTop.tgUnifiedHeaderV2 {
  background:
    #f4f6f8 !important;

  border:
    1px solid
    #d3dce3 !important;

  border-radius:
    14px !important;

  box-shadow:
    0 1px 3px
    rgba(31,48,61,.055)
    !important;

  color:
    #172633 !important;
}

html.tnLightThemeV1 #chatTitle,
html.tnLightThemeV1 .tgTitle {
  color:
    #172633 !important;
}

html.tnLightThemeV1 #chatSub,
html.tnLightThemeV1 .chatSub {
  color:
    #627687 !important;
}

html.tnLightThemeV1
.tgTop.tgUnifiedHeaderV2
.dtfHeaderActionSafeV1 {
  border:
    1px solid
    transparent !important;

  border-radius:
    9px !important;

  color:
    #526a7c !important;
}

html.tnLightThemeV1
.tgTop.tgUnifiedHeaderV2
.dtfHeaderActionSafeV1:hover {
  background:
    #e4ebf0 !important;

  border-color:
    #ccd7df !important;
}


/* ===== MESSAGE BUBBLES ===== */

html.tnLightThemeV1
.msgRow.other .bubble {
  background:
    #f5f7f9 !important;

  border:
    1px solid
    #d1dbe2 !important;

  color:
    #1d2b38 !important;

  box-shadow:
    0 1px 3px
    rgba(32,50,64,.055)
    !important;
}

html.tnLightThemeV1
.msgRow.me .bubble {
  background:
    #cfe8f8 !important;

  border:
    1px solid
    #afd3ea !important;

  color:
    #172633 !important;

  box-shadow:
    0 1px 3px
    rgba(32,86,120,.07)
    !important;
}

html.tnLightThemeV1 .bubble .text {
  color:
    #1d2b38 !important;
}

html.tnLightThemeV1 .bubble .time,
html.tnLightThemeV1 .msgRow .time {
  color:
    #627687 !important;
}


/* ===== DATE SEPARATOR ===== */

html.tnLightThemeV1 .dateSep {
  color:
    #526979 !important;
}

html.tnLightThemeV1 .dateSep::before,
html.tnLightThemeV1 .dateSep::after {
  background:
    #c9d3da !important;
}


/* ===== COMPOSER ===== */

html.tnLightThemeV1 .tgInput {
  background:
    #e7edf1 !important;

  border-top:
    1px solid
    #ccd6dd !important;
}

html.tnLightThemeV1
.tgInput textarea,
html.tnLightThemeV1 #msgText {
  background:
    #f7f9fa !important;

  border:
    1px solid
    #cbd6de !important;

  color:
    #1d2b38 !important;

  box-shadow:
    inset 0 1px 2px
    rgba(24,42,55,.025),
    0 1px 3px
    rgba(24,42,55,.05)
    !important;
}

html.tnLightThemeV1
.tgInput textarea:focus,
html.tnLightThemeV1
#msgText:focus {
  border-color:
    #7fb7e2 !important;

  box-shadow:
    0 0 0 3px
    rgba(42,135,210,.09)
    !important;
}

html.tnLightThemeV1
.tgInput textarea::placeholder,
html.tnLightThemeV1
#msgText::placeholder {
  color:
    #728493 !important;
}

html.tnLightThemeV1 .kbdHint {
  color:
    #667989 !important;
}


/* ===== COMMON BUTTON EDGES ===== */

html.tnLightThemeV1 button:not(
  .chatCard
):not(
  .tgSidebarProfileV1
):not(
  .tgSidebarItemV1
) {
  border-color:
    rgba(66,87,104,.20);
}

html.tnLightThemeV1
.tnActionButtonV1 {
  border:
    1px solid
    #cbd6de !important;

  box-shadow:
    0 1px 2px
    rgba(29,46,59,.045)
    !important;
}

html.tnLightThemeV1
.tnActionButtonPrimaryV1,
html.tnLightThemeV1
.tnDownloadApkV1 {
  border:
    1px solid
    #2479bb !important;

  background:
    linear-gradient(
      180deg,
      #3493d8,
      #2584c8
    )
    !important;

  box-shadow:
    0 2px 5px
    rgba(31,111,169,.15)
    !important;
}


/* ===== SIDEBAR DRAWER ===== */

html.tnLightThemeV1
.tgSidebarBackdropV1 {
  background:
    rgba(32,48,60,.30)
    !important;
}

html.tnLightThemeV1
.tgSidebarMenuV1 {
  background:
    #f4f6f8 !important;

  border:
    1px solid
    #ccd6de !important;

  color:
    #1c2a37 !important;

  box-shadow:
    0 16px 45px
    rgba(32,49,62,.22)
    !important;
}

html.tnLightThemeV1
.tgSidebarProfileV1,
html.tnLightThemeV1
.tgSidebarItemV1 {
  color:
    #1c2a37 !important;
}

html.tnLightThemeV1
.tgSidebarProfileV1:hover,
html.tnLightThemeV1
.tgSidebarItemV1:hover {
  background:
    #e6ecf1 !important;
}

html.tnLightThemeV1
.tgSidebarItemIconV1 {
  color:
    #50697b !important;
}

html.tnLightThemeV1
#tgSidebarProfileNameV1 {
  color:
    #172633 !important;
}

html.tnLightThemeV1
#tgSidebarProfileSubV1 {
  color:
    #647888 !important;
}

html.tnLightThemeV1
.tgSidebarDividerV1 {
  background:
    #ccd6de !important;
}

html.tnLightThemeV1
#profileGear.tgSidebarItemV1 {
  color:
    #1c2a37 !important;

  opacity:
    1 !important;
}

html.tnLightThemeV1
#btnLogout.tgSidebarItemV1,
html.tnLightThemeV1
#btnLogout.tgSidebarItemV1
.tgSidebarItemIconV1 {
  color:
    #df4e57 !important;
}


/* ===== SAVED ACCOUNT ROWS ===== */

html.tnLightThemeV1
.tnSidebarAccountV1 {
  color:
    #1c2a37 !important;
}

html.tnLightThemeV1
.tnSidebarAccountV1:hover {
  background:
    #e6ecf1 !important;
}

html.tnLightThemeV1
.tnSidebarAccountTextV1 strong {
  color:
    #172633 !important;
}

html.tnLightThemeV1
.tnSidebarAccountTextV1 small {
  color:
    #647888 !important;
}


/* ===== MORE MENU ===== */

html.tnLightThemeV1
.tnMoreMenuV1 {
  background:
    #f4f6f8 !important;

  border:
    1px solid
    #cbd6de !important;

  color:
    #1c2a37 !important;

  box-shadow:
    0 17px 48px
    rgba(32,49,62,.22)
    !important;
}

html.tnLightThemeV1
.tnMoreItemV1 {
  color:
    #1c2a37 !important;
}

html.tnLightThemeV1
.tnMoreItemV1:hover {
  background:
    #e5ebf0 !important;
}

html.tnLightThemeV1
.tnMoreItemIconV1 {
  color:
    #526b7d !important;
}


/* ===== CUSTOM MODALS ===== */

html.tnLightThemeV1
.tnActionOverlayV1 {
  background:
    rgba(31,46,58,.34)
    !important;
}

html.tnLightThemeV1
.tnActionModalV1 {
  background:
    #f3f6f8 !important;

  border:
    1px solid
    #c9d4dc !important;

  color:
    #1b2936 !important;

  box-shadow:
    0 24px 75px
    rgba(29,45,57,.24)
    !important;
}

html.tnLightThemeV1
.tnActionHeaderV1 {
  background:
    #edf2f5 !important;

  border-bottom:
    1px solid
    #ccd6de !important;
}

html.tnLightThemeV1
.tnActionLeadV1,
html.tnLightThemeV1
.tnInstallCardV1 p {
  color:
    #5d7181 !important;
}

html.tnLightThemeV1
.tnBugTextareaV1 {
  background:
    #e9eef2 !important;

  border:
    1px solid
    #c6d2db !important;

  color:
    #1b2936 !important;
}

html.tnLightThemeV1
.tnInstallCardV1 {
  background:
    #e9eef2 !important;

  border:
    1px solid
    #c8d3db !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.65)
    !important;
}

html.tnLightThemeV1
.tnInstallPlatformIconV1 {
  background:
    #dce5eb !important;

  border:
    1px solid
    #c4d0d9 !important;
}


/* ===== GENERIC MODALS ===== */

html.tnLightThemeV1 .modalCard {
  background:
    #f3f6f8 !important;

  border:
    1px solid
    #cbd6de !important;

  color:
    #1b2936 !important;

  box-shadow:
    0 20px 65px
    rgba(29,45,57,.22)
    !important;
}


/* ===== SETTINGS ===== */

html.tnLightThemeV1
.tgSettingsPanelV1,
html.tnLightThemeV1
.tgProfileEditPanelV2 {
  background:
    #edf2f5 !important;

  border-color:
    #cbd6de !important;

  color:
    #1b2936 !important;
}

html.tnLightThemeV1
.tgSettingsCardV1 {
  background:
    #f5f7f9 !important;

  border:
    1px solid
    #cbd6de !important;

  box-shadow:
    0 1px 3px
    rgba(29,46,59,.045)
    !important;
}


/* ===== SCROLLBARS ===== */

html.tnLightThemeV1
.tgChats::-webkit-scrollbar-thumb,
html.tnLightThemeV1
.tgMsgs::-webkit-scrollbar-thumb,
html.tnLightThemeV1
.tgInput textarea::-webkit-scrollbar-thumb,
html.tnLightThemeV1
.membersList::-webkit-scrollbar-thumb {
  background:
    #aebdc8 !important;

  border:
    2px solid
    transparent !important;

  background-clip:
    padding-box !important;
}


/* =========================================================
   TELENURE_LIGHT_THEME_M10G4_FIX1_END
   ========================================================= */


/* =========================================================
   TELENURE_LIGHT_THEME_M10G5_FINAL_START
   Final contrast / controls / hierarchy pass
   ========================================================= */


/* ===== TOP CHAT HEADER ===== */

html.tnLightThemeV1 .tgTop,
html.tnLightThemeV1
.tgTop.tgUnifiedHeaderV2 {
  background:
    #edf2f5 !important;

  border-color:
    #c8d3db !important;

  box-shadow:
    0 1px 4px
    rgba(30,48,61,.07)
    !important;
}


/* Main chat title */

html.tnLightThemeV1 #chatTitle,
html.tnLightThemeV1 .tgTitle,
html.tnLightThemeV1
.tgTop.tgUnifiedHeaderV2 #chatTitle {
  color:
    #142532 !important;

  opacity:
    1 !important;
}


/* Subtitle / last-seen / status */

html.tnLightThemeV1 #chatSub,
html.tnLightThemeV1 .chatSub,
html.tnLightThemeV1
.tgTop.tgUnifiedHeaderV2 #chatSub {
  color:
    #536b7d !important;

  opacity:
    1 !important;
}


/* ===== HEADER ACTION ICONS ===== */

html.tnLightThemeV1
.tgTop.tgUnifiedHeaderV2
.dtfHeaderActionSafeV1,
html.tnLightThemeV1
.tgTop.tgUnifiedHeaderV2
.chatMenuBtn,
html.tnLightThemeV1
.tgTop .chatMenuBtn {
  min-width:
    36px !important;

  min-height:
    36px !important;

  border:
    1px solid
    #cbd6de !important;

  border-radius:
    10px !important;

  background:
    #f4f7f9 !important;

  color:
    #405b6e !important;

  box-shadow:
    0 1px 2px
    rgba(30,47,60,.045)
    !important;
}


html.tnLightThemeV1
.tgTop.tgUnifiedHeaderV2
.dtfHeaderActionSafeV1:hover,
html.tnLightThemeV1
.tgTop.tgUnifiedHeaderV2
.chatMenuBtn:hover,
html.tnLightThemeV1
.tgTop .chatMenuBtn:hover {
  background:
    #dfe7ed !important;

  border-color:
    #b8c7d2 !important;

  color:
    #243d50 !important;
}


/* SVG inside header controls */

html.tnLightThemeV1
.tgTop.tgUnifiedHeaderV2
.dtfHeaderActionSafeV1 svg,
html.tnLightThemeV1
.tgTop .chatMenuBtn svg {
  stroke:
    currentColor !important;
}


/* ===== LEFT HAMBURGER ===== */

html.tnLightThemeV1
.tgSidebarMenuBtnV1 {
  border:
    1px solid
    #cad5dd !important;

  border-radius:
    10px !important;

  background:
    #edf2f5 !important;

  color:
    #465f72 !important;

  opacity:
    1 !important;

  box-shadow:
    0 1px 2px
    rgba(31,48,62,.045)
    !important;
}


html.tnLightThemeV1
.tgSidebarMenuBtnV1:hover {
  background:
    #dfe7ed !important;

  border-color:
    #b8c7d1 !important;

  color:
    #263f52 !important;
}


html.tnLightThemeV1
.tgSidebarMenuBtnV1 span {
  opacity:
    1 !important;

  background-color:
    currentColor !important;
}


/* ===== SEARCH ===== */

html.tnLightThemeV1
#tgSidebarSearchV1 {
  background:
    #e3e9ee !important;

  border-color:
    #c5d0d9 !important;

  color:
    #213441 !important;

  box-shadow:
    inset 0 1px 2px
    rgba(28,44,57,.035)
    !important;
}


html.tnLightThemeV1
#tgSidebarSearchV1:hover {
  border-color:
    #b8c7d2 !important;
}


html.tnLightThemeV1
#tgSidebarSearchV1:focus {
  background:
    #f3f6f8 !important;

  border-color:
    #6eadde !important;
}


/* ===== INACTIVE CHAT ROWS ===== */

html.tnLightThemeV1
.chatCard:not(.active):not(.chatCardActive) {
  background:
    #edf2f5 !important;

  border-color:
    rgba(164,180,191,.26)
    !important;
}


html.tnLightThemeV1
.chatCard:not(.active):not(.chatCardActive):hover {
  background:
    #e1e8ed !important;

  border-color:
    #c3cfd8 !important;
}


/* Active remains clearly blue */

html.tnLightThemeV1 .chatCard.active,
html.tnLightThemeV1 .chatCardActive {
  background:
    linear-gradient(
      180deg,
      #4198eb,
      #3189df
    )
    !important;

  border-color:
    #287aca !important;
}


/* ===== CHAT LIST TEXT ===== */

html.tnLightThemeV1 .chatLast {
  color:
    #536a7b !important;
}

html.tnLightThemeV1 .chatTime {
  color:
    #5a7183 !important;
}

html.tnLightThemeV1
.chatCard.active .chatLast,
html.tnLightThemeV1
.chatCard.active .chatTime,
html.tnLightThemeV1
.chatCardActive .chatLast,
html.tnLightThemeV1
.chatCardActive .chatTime {
  color:
    rgba(255,255,255,.90)
    !important;
}


/* ===== MESSAGE AREA ===== */

html.tnLightThemeV1 .tgMsgs,
html.tnLightThemeV1 .chatArea {
  background:
    #e5ebef !important;
}


/* Slightly stronger separators */

html.tnLightThemeV1
.dateSep::before,
html.tnLightThemeV1
.dateSep::after {
  background:
    #bcc9d2 !important;
}


/* ===== COMPOSER CONTAINER ===== */

html.tnLightThemeV1 .tgInput {
  background:
    #e1e8ed !important;

  border-top:
    1px solid
    #c1ccd5 !important;
}


/* Input itself */

html.tnLightThemeV1
.tgInput textarea,
html.tnLightThemeV1 #msgText {
  background:
    #f4f7f9 !important;

  border:
    1px solid
    #bcc9d3 !important;

  color:
    #172a38 !important;

  box-shadow:
    inset 0 1px 2px
    rgba(25,42,55,.03),
    0 1px 3px
    rgba(25,42,55,.06)
    !important;
}


/* ===== COMPOSER ACTION BUTTONS ===== */

html.tnLightThemeV1
.tgInput button {
  border:
    1px solid
    #bdc9d2 !important;

  box-shadow:
    0 2px 5px
    rgba(28,46,60,.08)
    !important;
}


/*
 * Non-primary composer buttons:
 * attachment / emoji / similar controls.
 */

html.tnLightThemeV1
.tgInput button:not(#btnSend) {
  background:
    #344d60 !important;

  color:
    #ffffff !important;
}


html.tnLightThemeV1
.tgInput button:not(#btnSend):hover {
  background:
    #293f50 !important;

  border-color:
    #213746 !important;
}


/* Send / voice primary action */

html.tnLightThemeV1
#btnSend {
  border-color:
    #277ac3 !important;

  box-shadow:
    0 3px 8px
    rgba(39,122,195,.18)
    !important;
}


/* ===== SIDEBAR SECONDARY TEXT ===== */

html.tnLightThemeV1
#tgSidebarProfileSubV1,
html.tnLightThemeV1
.tnSidebarAccountTextV1 small {
  color:
    #536b7d !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
.tgSidebarProfileArrowV1,
html.tnLightThemeV1
.tnSidebarAccountArrowV1,
html.tnLightThemeV1
.tgSidebarMoreArrowV1 {
  color:
    #667d8e !important;

  opacity:
    1 !important;
}


/* ===== SIDEBAR MENU TEXT ===== */

html.tnLightThemeV1
.tgSidebarItemTextV1 {
  color:
    #1c2d39 !important;
}


html.tnLightThemeV1
.tgSidebarItemIconV1 {
  color:
    #4b6578 !important;
}


/* Disabled items stay disabled but readable */

html.tnLightThemeV1
.tgSidebarItemDisabledV1 {
  opacity:
    .52 !important;
}


/* ===== MORE MENU ===== */

html.tnLightThemeV1
.tnMoreMenuV1 {
  background:
    #edf2f5 !important;

  border-color:
    #c2ced7 !important;
}


html.tnLightThemeV1
.tnMoreItemV1 {
  color:
    #1b2d3a !important;
}


html.tnLightThemeV1
.tnMoreItemIconV1 {
  color:
    #4e697c !important;
}


/* ===== CUSTOM MODAL TEXT ===== */

html.tnLightThemeV1
.tnActionModalV1 {
  color:
    #192b38 !important;
}


html.tnLightThemeV1
.tnActionLeadV1,
html.tnLightThemeV1
.tnInstallCardV1 p {
  color:
    #536a7b !important;
}


/* ===== INSTALL CARDS ===== */

html.tnLightThemeV1
.tnInstallCardV1 {
  background:
    #e4eaef !important;

  border-color:
    #becbd4 !important;
}


html.tnLightThemeV1
.tnInstallPlatformIconV1 {
  background:
    #d4dde4 !important;

  border-color:
    #b7c5cf !important;

  color:
    #344d60 !important;
}


/* =========================================================
   TELENURE_LIGHT_THEME_M10G5_FINAL_END
   ========================================================= */


/* =========================================================
   TELENURE_LIGHT_THEME_M10G6_START
   Active chat contrast + fallback avatar visibility
   ========================================================= */


/* ===== ACTIVE CHAT ===== */

html.tnLightThemeV1 .chatCard.active,
html.tnLightThemeV1 .chatCardActive {
  background:
    linear-gradient(
      180deg,
      #3794e8 0%,
      #2d86d7 100%
    )
    !important;

  border:
    1px solid
    #2374bb !important;

  box-shadow:
    0 3px 9px
    rgba(31,105,169,.20)
    !important;
}


html.tnLightThemeV1
.chatCard.active .chatTitle,
html.tnLightThemeV1
.chatCardActive .chatTitle {
  color:
    #ffffff !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
.chatCard.active .chatLast,
html.tnLightThemeV1
.chatCardActive .chatLast {
  color:
    rgba(255,255,255,.92)
    !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
.chatCard.active .chatTime,
html.tnLightThemeV1
.chatCardActive .chatTime {
  color:
    rgba(255,255,255,.94)
    !important;

  opacity:
    1 !important;
}


/*
 * Pins, check marks, menu dots and other small metadata
 * should not disappear against the blue active row.
 */

html.tnLightThemeV1
.chatCard.active
.chatTopRow,
html.tnLightThemeV1
.chatCardActive
.chatTopRow,
html.tnLightThemeV1
.chatCard.active
.chatBottomRow,
html.tnLightThemeV1
.chatCardActive
.chatBottomRow {
  color:
    #ffffff !important;
}


html.tnLightThemeV1
.chatCard.active button,
html.tnLightThemeV1
.chatCardActive button {
  color:
    rgba(255,255,255,.96)
    !important;
}


/* ===== FALLBACK AVATARS ===== */

html.tnLightThemeV1 .avatar,
html.tnLightThemeV1 .memberAvatar {
  background:
    linear-gradient(
      145deg,
      #d8e4ec,
      #c9d8e2
    )
    !important;

  border:
    1px solid
    #aebfcb !important;

  color:
    #294d65 !important;

  font-weight:
    800 !important;

  text-shadow:
    none !important;

  box-shadow:
    0 1px 3px
    rgba(32,56,72,.12)
    !important;
}


/*
 * Real avatar images remain visible above the fallback
 * background and receive a subtle edge.
 */

html.tnLightThemeV1 .avatarImg,
html.tnLightThemeV1
.tgSidebarAvatarBtnV1 img,
html.tnLightThemeV1
.tgSidebarDrawerAvatarV1 img {
  border:
    1px solid
    rgba(66,91,109,.20)
    !important;

  box-shadow:
    0 1px 3px
    rgba(32,53,68,.13)
    !important;
}


/* Active-row fallback avatar */

html.tnLightThemeV1
.chatCard.active .avatar,
html.tnLightThemeV1
.chatCardActive .avatar {
  background:
    rgba(19,79,130,.46)
    !important;

  border-color:
    rgba(255,255,255,.55)
    !important;

  color:
    #ffffff !important;

  box-shadow:
    0 1px 3px
    rgba(15,55,90,.22)
    !important;
}


/* ===== HEADER AVATAR ===== */

html.tnLightThemeV1
.dm-chat-header-avatar-v7,
html.tnLightThemeV1
.dtf-chat-header-avatar,
html.tnLightThemeV1
.tg-chat-header-group-avatar-v2 {
  border:
    1px solid
    #acbdc9 !important;

  box-shadow:
    0 1px 3px
    rgba(33,55,70,.13)
    !important;
}


/* ===== SIDEBAR ACCOUNT AVATARS ===== */

html.tnLightThemeV1
.tgSidebarDrawerAvatarV1,
html.tnLightThemeV1
.tgSidebarAvatarBtnV1,
html.tnLightThemeV1
.tnSidebarAccountAvatarV1 {
  border:
    1px solid
    #aebfcb !important;

  box-shadow:
    0 1px 3px
    rgba(32,53,68,.13)
    !important;
}


/* ===== NON-ACTIVE CHAT TEXT ===== */

html.tnLightThemeV1
.chatCard:not(.active):not(.chatCardActive)
.chatTitle {
  color:
    #142735 !important;
}


html.tnLightThemeV1
.chatCard:not(.active):not(.chatCardActive)
.chatLast {
  color:
    #526a7a !important;
}


html.tnLightThemeV1
.chatCard:not(.active):not(.chatCardActive)
.chatTime {
  color:
    #577083 !important;
}


/* =========================================================
   TELENURE_LIGHT_THEME_M10G6_END
   ========================================================= */

/* M10G.7_DIALOG_AVATAR_POLISH_START */
body.light-theme :is([class*="avatar"], [id*="avatar"]) {
  overflow: hidden;
  border-radius: 999px;
  border: 1px solid #c4d1de;
  background: linear-gradient(180deg, #ffffff 0%, #eef3f8 100%);
  box-shadow:
    0 1px 2px rgba(31, 45, 61, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

body.light-theme :is([class*="avatar"], [id*="avatar"]) img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: inherit;
}

body.light-theme :is([class*="avatar"], [id*="avatar"]),
body.light-theme :is([class*="avatar"], [id*="avatar"]) > span,
body.light-theme :is([class*="avatar"], [id*="avatar"]) > strong,
body.light-theme :is([class*="avatar"], [id*="avatar"]) > b,
body.light-theme :is([class*="avatar"], [id*="avatar"]) > small {
  color: #5f7084 !important;
}

body.light-theme :is([class*="avatar"], [id*="avatar"]):not(:has(img)) {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
}

body.light-theme :is(.chat-item.active,
                     .chat-item.selected,
                     .chat-item.current,
                     .chat-card.active,
                     .chat-card.selected,
                     .dialog-item.active,
                     .dialog-item.selected,
                     .chat.selected,
                     .chat.active,
                     [aria-selected="true"])
:is([class*="avatar"], [id*="avatar"]) {
  border-color: rgba(255, 255, 255, 0.82);
  background: linear-gradient(180deg, #ffffff 0%, #f2f7fd 100%);
  box-shadow:
    0 0 0 2px rgba(255, 255, 255, 0.22),
    0 8px 18px rgba(55, 132, 220, 0.22);
}

body.light-theme :is(.chat-item.active,
                     .chat-item.selected,
                     .chat-item.current,
                     .chat-card.active,
                     .chat-card.selected,
                     .dialog-item.active,
                     .dialog-item.selected,
                     .chat.selected,
                     .chat.active,
                     [aria-selected="true"])
:is([class*="avatar"], [id*="avatar"]),
body.light-theme :is(.chat-item.active,
                     .chat-item.selected,
                     .chat-item.current,
                     .chat-card.active,
                     .chat-card.selected,
                     .dialog-item.active,
                     .dialog-item.selected,
                     .chat.selected,
                     .chat.active,
                     [aria-selected="true"])
:is([class*="avatar"], [id*="avatar"]) > span,
body.light-theme :is(.chat-item.active,
                     .chat-item.selected,
                     .chat-item.current,
                     .chat-card.active,
                     .chat-card.selected,
                     .dialog-item.active,
                     .dialog-item.selected,
                     .chat.selected,
                     .chat.active,
                     [aria-selected="true"])
:is([class*="avatar"], [id*="avatar"]) > strong,
body.light-theme :is(.chat-item.active,
                     .chat-item.selected,
                     .chat-item.current,
                     .chat-card.active,
                     .chat-card.selected,
                     .dialog-item.active,
                     .dialog-item.selected,
                     .chat.selected,
                     .chat.active,
                     [aria-selected="true"])
:is([class*="avatar"], [id*="avatar"]) > b,
body.light-theme :is(.chat-item.active,
                     .chat-item.selected,
                     .chat-item.current,
                     .chat-card.active,
                     .chat-card.selected,
                     .dialog-item.active,
                     .dialog-item.selected,
                     .chat.selected,
                     .chat.active,
                     [aria-selected="true"])
:is([class*="avatar"], [id*="avatar"]) > small {
  color: #ffffff !important;
}

body.light-theme :is(.chat-item,
                     .chat-card,
                     .dialog-item,
                     .chat,
                     .contact-row,
                     .contact-item)
:is([class*="avatar"], [id*="avatar"]) {
  transition:
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    transform 0.18s ease,
    background 0.18s ease;
}

body.light-theme :is(.chat-item:hover,
                     .chat-card:hover,
                     .dialog-item:hover,
                     .chat:hover,
                     .contact-row:hover,
                     .contact-item:hover)
:is([class*="avatar"], [id*="avatar"]) {
  border-color: #b7c8d9;
  box-shadow:
    0 2px 6px rgba(31, 45, 61, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
}
/* M10G.7_DIALOG_AVATAR_POLISH_END */


/* =========================================================
   TELENURE_LIGHT_THEME_M10G8_MESSAGE_AVATAR_START
   Exact message avatar styling
   ========================================================= */


/*
 * Message avatar container.
 * Exact runtime class: .msgAvatar
 */

html.tnLightThemeV1 .msgAvatar {
  width:
    36px !important;

  height:
    36px !important;

  min-width:
    36px !important;

  min-height:
    36px !important;

  flex:
    0 0 36px !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  overflow:
    hidden !important;

  border-radius:
    50% !important;

  background:
    linear-gradient(
      145deg,
      #5b9bd4 0%,
      #377bb7 100%
    )
    !important;

  border:
    2px solid
    #f3f7fa !important;

  outline:
    1px solid
    #9fb7c9 !important;

  color:
    #ffffff !important;

  font-size:
    11px !important;

  line-height:
    1 !important;

  font-weight:
    800 !important;

  letter-spacing:
    .02em !important;

  text-shadow:
    0 1px 1px
    rgba(20,55,82,.20)
    !important;

  box-shadow:
    0 2px 6px
    rgba(38,76,103,.18)
    !important;
}


/*
 * Actual profile photo inside message avatar.
 */

html.tnLightThemeV1 .msgAvatarImg {
  display:
    block !important;

  width:
    100% !important;

  height:
    100% !important;

  min-width:
    100% !important;

  min-height:
    100% !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  border:
    0 !important;

  border-radius:
    50% !important;

  background:
    #d6e1e8 !important;
}


/*
 * Incoming message avatar alignment.
 */

html.tnLightThemeV1
.msgRow.other {
  align-items:
    flex-end !important;
}


html.tnLightThemeV1
.msgRow.other .msgAvatar {
  margin:
    0 2px 2px 0 !important;
}


/*
 * Slight hover response only when hovering the message.
 */

html.tnLightThemeV1
.msgRow.other:hover .msgAvatar {
  border-color:
    #ffffff !important;

  outline-color:
    #7fa7c4 !important;

  box-shadow:
    0 3px 9px
    rgba(38,76,103,.22)
    !important;
}


/*
 * Own-message avatar, if current runtime renders one,
 * remains visually distinct.
 */

html.tnLightThemeV1
.msgRow.me .msgAvatar {
  background:
    linear-gradient(
      145deg,
      #52a7e8 0%,
      #3488c9 100%
    )
    !important;

  border-color:
    #f4f8fb !important;

  outline-color:
    #8eb5cf !important;
}


/*
 * Prevent legacy generic M10G.7 avatar rule
 * from washing out the exact message avatar.
 */

html.tnLightThemeV1
.msgAvatar:not(:has(.msgAvatarImg)) {
  background:
    linear-gradient(
      145deg,
      #5b9bd4 0%,
      #377bb7 100%
    )
    !important;

  color:
    #ffffff !important;

  opacity:
    1 !important;
}


/* =========================================================
   TELENURE_LIGHT_THEME_M10G8_MESSAGE_AVATAR_END
   ========================================================= */


/* =========================================================
   TELENURE_DTF_LIGHT_M10H1_START
   DTF cards adapted for TeleNure light theme
   ========================================================= */


/* ===== CARD SURFACE ===== */

html.tnLightThemeV1
.msgRow.dtfNewsMsg .bubble,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .bubble {
  background:
    linear-gradient(
      145deg,
      #f5f8fa 0%,
      #e7edf2 100%
    )
    !important;

  border:
    1px solid
    #b7c6d1 !important;

  color:
    #172a38 !important;

  box-shadow:
    0 5px 16px
    rgba(38,59,74,.10),
    inset 0 1px 0
    rgba(255,255,255,.82)
    !important;
}


/* ===== MESSAGE AUTHOR ABOVE CARD ===== */

html.tnLightThemeV1
.msgRow.dtfNewsMsg .msgName,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .msgName {
  color:
    #506879 !important;

  opacity:
    1 !important;

  text-shadow:
    none !important;
}


/* ===== PENDING / COMPACT CARD ===== */

html.tnLightThemeV1
.dtfPendingCard {
  background:
    transparent !important;

  color:
    #172a38 !important;
}


html.tnLightThemeV1
.dtfPendingLabel {
  color:
    #557082 !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
.dtfPendingTitle {
  color:
    #152937 !important;

  opacity:
    1 !important;

  text-shadow:
    none !important;
}


html.tnLightThemeV1
.dtfPendingBottom {
  color:
    #687d8d !important;

  opacity:
    1 !important;
}


/* ===== FULL / PREVIEW ARTICLE ===== */

html.tnLightThemeV1
.msgRow.dtfNewsMsg .dtfArticle,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .dtfArticle {
  color:
    #182c39 !important;
}


html.tnLightThemeV1
.msgRow.dtfNewsMsg .dtfArticleHeader,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .dtfArticleHeader {
  color:
    #182c39 !important;
}


html.tnLightThemeV1
.msgRow.dtfNewsMsg .dtfArticleSourceRow,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .dtfArticleSourceRow {
  color:
    #627787 !important;
}


html.tnLightThemeV1
.msgRow.dtfNewsMsg .dtfArticleAuthor,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .dtfArticleAuthor {
  color:
    #367fb5 !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
.msgRow.dtfNewsMsg .dtfArticleSection,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .dtfArticleSection {
  color:
    #367fb5 !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
.msgRow.dtfNewsMsg .dtfArticleDot,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .dtfArticleDot,
html.tnLightThemeV1
.msgRow.dtfNewsMsg .dtfArticlePublished,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .dtfArticlePublished {
  color:
    #718594 !important;

  opacity:
    1 !important;
}


/* ===== TITLE ===== */

html.tnLightThemeV1
.msgRow.dtfNewsMsg .dtfArticleTitle,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .dtfArticleTitle {
  color:
    #142936 !important;

  opacity:
    1 !important;

  text-shadow:
    none !important;
}


/* ===== LEAD / DESCRIPTION ===== */

html.tnLightThemeV1
.msgRow.dtfNewsMsg .dtfArticleLead,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .dtfArticleLead {
  color:
    #526a7b !important;

  opacity:
    1 !important;
}


/* ===== DTF LOGO ===== */

html.tnLightThemeV1
.msgRow.dtfNewsMsg .dtfArticleLogo,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .dtfArticleLogo {
  background:
    #168de2 !important;

  border:
    1px solid
    #1179c2 !important;

  color:
    #ffffff !important;

  box-shadow:
    0 1px 3px
    rgba(22,105,165,.16)
    !important;
}


/* ===== ACTION AREA ===== */

html.tnLightThemeV1
.msgRow.dtfNewsMsg .dtfArticleActions,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .dtfArticleActions {
  color:
    #315e7e !important;
}


/* Main "Open article" button */

html.tnLightThemeV1
.msgRow.dtfNewsMsg .dtfArticleExpandButton,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .dtfArticleExpandButton {
  background:
    #dcecf8 !important;

  border:
    1px solid
    #79b1dc !important;

  color:
    #176da9 !important;

  opacity:
    1 !important;

  box-shadow:
    0 1px 3px
    rgba(37,102,150,.09)
    !important;
}


html.tnLightThemeV1
.msgRow.dtfNewsMsg .dtfArticleExpandButton:hover,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .dtfArticleExpandButton:hover {
  background:
    #cfe6f6 !important;

  border-color:
    #599dce !important;

  color:
    #105f97 !important;
}


/* Small external link */

html.tnLightThemeV1
.msgRow.dtfNewsMsg .dtfArticleOpenSmall,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .dtfArticleOpenSmall {
  background:
    #edf3f7 !important;

  border:
    1px solid
    #b8c7d2 !important;

  color:
    #356e96 !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
.msgRow.dtfNewsMsg .dtfArticleOpenSmall:hover,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .dtfArticleOpenSmall:hover {
  background:
    #dfeaf1 !important;

  border-color:
    #99afbf !important;

  color:
    #235e88 !important;
}


/* ===== QUICK META ===== */

html.tnLightThemeV1
.msgRow.dtfNewsMsg .dtfArticleQuickMeta,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .dtfArticleQuickMeta {
  color:
    #627788 !important;
}


/* ===== MESSAGE TIME ===== */

html.tnLightThemeV1
.msgRow.dtfNewsMsg .meta,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .meta,
html.tnLightThemeV1
.msgRow.dtfNewsMsg .time,
html.tnLightThemeV1
.msgRow.dtfArticleMsg .time {
  color:
    #5a7182 !important;

  opacity:
    1 !important;
}


/* ===== PREVIEW IMAGE SIDE ===== */

html.tnLightThemeV1
.msgRow.dtfNewsMsg
.dtfArticleCardPreviewButton,
html.tnLightThemeV1
.msgRow.dtfArticleMsg
.dtfArticleCardPreviewButton {
  background:
    #dbe4ea !important;

  border-color:
    #b8c7d2 !important;
}


/* =========================================================
   TELENURE_DTF_LIGHT_M10H1_END
   ========================================================= */

/* TELENURE_LIGHT_UI_M10J1_START */

html.tnLightThemeV1
.chatCard:not(.active):not(.chatCardActive):hover,
html.tnLightThemeV1
.chatCard:not(.active):not(.chatCardActive):focus-visible {
  background: #d2dde5 !important;
  border-color: #aebfcb !important;
}

html.tnLightThemeV1
#tgSidebarMenuV1 .tgSidebarProfileV1:hover,
html.tnLightThemeV1
#tgSidebarMenuV1 .tnSidebarAccountV1:hover,
html.tnLightThemeV1
#tgSidebarMenuV1 .tgSidebarItemV1:hover,
html.tnLightThemeV1
#tgSidebarMenuV1 .tgSidebarProfileV1:focus-visible,
html.tnLightThemeV1
#tgSidebarMenuV1 .tnSidebarAccountV1:focus-visible,
html.tnLightThemeV1
#tgSidebarMenuV1 .tgSidebarItemV1:focus-visible {
  background: #d8e2e9 !important;
}

html.tnLightThemeV1
#tgSidebarMenuV1 .tgSidebarProfileV1:active,
html.tnLightThemeV1
#tgSidebarMenuV1 .tnSidebarAccountV1:active,
html.tnLightThemeV1
#tgSidebarMenuV1 .tgSidebarItemV1:active {
  background: #cbd8e1 !important;
}

html.tnLightThemeV1
.tnMoreMenuV1 .tnMoreItemV1:hover,
html.tnLightThemeV1
.tnMoreMenuV1 .tnMoreItemV1:focus-visible {
  background: #d8e2e9 !important;
}

html.tnLightThemeV1
#tgSidebarMoreV1 .tgSidebarItemIconV1 {
  color: #314d61 !important;
}

html.tnLightThemeV1
#tgSidebarMoreV1 .tgSidebarItemIconV1 svg path {
  stroke: currentColor !important;
  stroke-width: 3.4 !important;
  stroke-linecap: round !important;
}

html.tnLightThemeV1
#tgSidebarMoreV1 .tgSidebarMoreArrowV1 {
  color: #536b7d !important;
}

html.tnLightThemeV1
.tgRight .tgTop:not(.tgUnifiedHeaderV2) {
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-bottom: 1px solid #c9d4dc !important;
  border-radius: 0 !important;
  background: #edf2f5 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html.tnLightThemeV1
.tgRight .tgTop:not(.tgUnifiedHeaderV2) .tgTopMain {
  margin: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.tnLightThemeV1
.tgRight .tgTop:not(.tgUnifiedHeaderV2) #chatTitle {
  color: #17212b !important;
  font-size: 18px !important;
  line-height: 24px !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1 .tgSettingsHeaderV1,
html.tnLightThemeV1
#profileModal .tgProfileEditHeaderV2 {
  background: #e3e9ee !important;
  border-bottom: 1px solid #c6d2db !important;
  color: #17212b !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1 .tgSettingsHeaderV1 > strong,
html.tnLightThemeV1
#profileModal .tgProfileEditHeaderV2 > strong {
  color: #17212b !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1 .tgSettingsHeaderBtnV1,
html.tnLightThemeV1
#profileModal .tgProfileEditBackV2 {
  background: transparent !important;
  color: #425d70 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1 .tgSettingsHeaderBtnV1:hover,
html.tnLightThemeV1
#profileModal .tgProfileEditBackV2:hover {
  background: #d1dde5 !important;
  color: #243d50 !important;
}

html.tnLightThemeV1
#profileModal .tgProfileEditSaveV2 {
  background: transparent !important;
  color: #247fca !important;
}

html.tnLightThemeV1
#profileModal .tgProfileEditSaveV2:hover {
  background: #d1dde5 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1 .tgSettingsHeroV1,
html.tnLightThemeV1
#tgSettingsOverlayV1 .tgSettingsStaticRowV1,
html.tnLightThemeV1
#tgSettingsOverlayV1 .tgSettingsActionsV1 button {
  color: #17212b !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1 .tgSettingsHeroV1 h2,
html.tnLightThemeV1
#tgSettingsOverlayV1 .tgSettingsInfoRowV1 strong {
  color: #17212b !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1 .tgSettingsInfoRowV1 small,
html.tnLightThemeV1
#tgSettingsOverlayV1 .tgSettingsStaticRowV1 em {
  color: #647989 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1 .tgSettingsIconV1 {
  color: #587084 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1 .tgSettingsActionsV1 button:hover {
  background: #e5ecf1 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1 .tgSettingsMoreMenuV1 {
  background: #f7f9fa !important;
  border-color: #c7d3dc !important;
  color: #17212b !important;
  box-shadow: 0 14px 36px rgba(31,53,72,.18) !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1 .tgSettingsMoreMenuV1 button:hover {
  background: #e5ecf1 !important;
}

html.tnLightThemeV1
#profileModal .tgProfileEditScrollV2,
html.tnLightThemeV1
#profileModal .tgProfileEditReadOnlyV2 {
  color: #17212b !important;
}

html.tnLightThemeV1
#profileModal .tgProfileEditCardV2 {
  background: #f8fafb !important;
  border-color: #d0dae2 !important;
}

html.tnLightThemeV1
#profileModal .tgProfileEditFieldV2 > span,
html.tnLightThemeV1
#profileModal .tgProfileEditReadOnlyV2 strong,
html.tnLightThemeV1
#profileModal .tgProfileEditActionV2 {
  color: #17212b !important;
}

html.tnLightThemeV1
#profileModal .tgProfileEditFieldV2 input {
  background: transparent !important;
  color: #17212b !important;
  border-bottom-color: #c8d4dc !important;
}

html.tnLightThemeV1
#profileModal .tgProfileEditFieldV2 input:focus {
  border-bottom-color: #4f9edc !important;
}

html.tnLightThemeV1
#profileModal .tgProfileEditHelpV2,
html.tnLightThemeV1
#profileModal .tgProfileEditReadOnlyV2 small {
  color: #647989 !important;
}

html.tnLightThemeV1
#profileModal .tgProfileEditReadOnlyV2 > span {
  color: #647989 !important;
}

html.tnLightThemeV1
#profileModal .tgProfileEditSectionTitleV2 {
  color: #247fca !important;
}

html.tnLightThemeV1
#profileModal .tgProfileEditActionV2 {
  background: transparent !important;
  border-top-color: #d7e0e6 !important;
}

html.tnLightThemeV1
#profileModal .tgProfileEditActionV2:hover {
  background: #e5ecf1 !important;
}

html.tnLightThemeV1
.tnAccountsPanelV1 {
  background: #f3f6f8 !important;
  border: 1px solid #c9d4dc !important;
  color: #17212b !important;
}

html.tnLightThemeV1
.tnAccountsHeaderV1 {
  border-bottom-color: #cbd6de !important;
}

html.tnLightThemeV1
.tnAccountsCounterV1,
html.tnLightThemeV1
.tnAccountTextV1 small {
  color: #647989 !important;
}

html.tnLightThemeV1
.tnAccountRowV1:hover {
  background: #d8e2e9 !important;
}

html.tnLightThemeV1
.tnAccountAvatarV1 {
  background: #d6e1e8 !important;
  color: #294d65 !important;
}

html.tnLightThemeV1
.tnAccountRemoveV1 {
  color: #6b7d8b !important;
}

html.tnLightThemeV1
.tnAccountRemoveV1:hover {
  background: #eadde0 !important;
  color: #cf3f49 !important;
}

html.tnLightThemeV1
.tnAccountsFooterV1 {
  border-top-color: #d2dce3 !important;
}

html.tnLightThemeV1
.tnAccountsAddV1 {
  color: #247fca !important;
}

html.tnLightThemeV1
.tnAccountsAddV1:hover {
  background: #dceaf5 !important;
}

/* TELENURE_LIGHT_UI_M10J1_END */

/* TELENURE_MESSAGE_SURFACES_FINAL_B8_5_START */

html.tnLightThemeV1
.msgReplyBlock {
  background:
    #edf5fa !important;

  color:
    #172a38 !important;
}


html.tnLightThemeV1
.msgReplyBlock:hover {
  background:
    #e3f0f8 !important;
}


html.tnLightThemeV1
.msgReplyAuthor {
  color:
    #2878b3 !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
.msgReplyText {
  color:
    #314858 !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
.msgRow.voiceMsg
.bubble {
  min-width:
    0 !important;

  padding:
    0 !important;

  border:
    0 !important;

  background:
    transparent !important;

  box-shadow:
    none !important;

  overflow:
    visible !important;
}


html.tnLightThemeV1
.msgRow.voiceMsg
.msgVoicePlayer {
  border:
    0 !important;

  background:
    rgba(
      255,
      255,
      255,
      .24
    )
    !important;

  box-shadow:
    none !important;
}


html.tnLightThemeV1
.msgRow.me.voiceMsg
.msgVoicePlayer {
  background:
    rgba(
      91,
      170,
      226,
      .12
    )
    !important;
}


html.tnLightThemeV1
.msgRow.other.voiceMsg
.msgVoicePlayer {
  background:
    rgba(
      255,
      255,
      255,
      .24
    )
    !important;
}


html.tnLightThemeV1
.msgRow.voiceMsg
.meta {
  margin-top:
    3px !important;

  padding:
    0 6px 1px !important;
}


html.tnLightThemeV1
.msgRow.voiceMsg
.meta .time {
  color:
    #667b8a !important;
}


html.tnLightThemeV1
.voiceTimeRow {
  color:
    #526979 !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
.voiceCurrent,

html.tnLightThemeV1
.voiceDuration {
  color:
    #526979 !important;
}


html.tnLightThemeV1
.voiceListenStatus {
  color:
    #348947 !important;
}


html.tnLightThemeV1
.voiceSeek::-webkit-slider-runnable-track {
  background:
    linear-gradient(
      to right,
      #62bd5a 0%,
      #62bd5a var(--voice-progress, 0%),
      #b7c5ce var(--voice-progress, 0%),
      #b7c5ce 100%
    )
    !important;
}


html.tnLightThemeV1
.voiceSeek::-moz-range-track {
  background:
    #b7c5ce !important;
}


html.tnLightThemeV1
.voiceSeek::-moz-range-progress {
  background:
    #62bd5a !important;
}


html.tnLightThemeV1
.msgRow.videoCircleMsg
.bubble {
  width:
    fit-content !important;

  min-width:
    0 !important;

  padding:
    0 !important;

  border:
    0 !important;

  background:
    transparent !important;

  box-shadow:
    none !important;

  overflow:
    visible !important;
}


html.tnLightThemeV1
.msgRow.videoCircleMsg
.msgVideoCircleWrap {
  background:
    rgba(
      211,
      177,
      154,
      .12
    )
    !important;

  box-shadow:
    0 0 0 5px
    rgba(
      211,
      177,
      154,
      .10
    )
    !important;
}


html.tnLightThemeV1
.msgRow.fileMsg
.msgFile {
  background:
    rgba(
      255,
      255,
      255,
      .36
    )
    !important;

  border:
    1px solid
    rgba(
      74,
      96,
      112,
      .16
    )
    !important;

  color:
    #1d2b38 !important;

  box-shadow:
    none !important;
}


html.tnLightThemeV1
.msgRow.fileMsg
.msgFile:hover {
  background:
    rgba(
      255,
      255,
      255,
      .52
    )
    !important;
}


html.tnLightThemeV1
.msgRow.fileMsg
.msgFileName {
  color:
    #1d2b38 !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
.msgRow.fileMsg
.msgFileMeta {
  color:
    #718391 !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
.msgForwardBlock {
  background:
    rgba(
      76,
      175,
      80,
      .07
    )
    !important;

  color:
    #253744 !important;

  border-radius:
    10px !important;
}


html.tnLightThemeV1
.msgForwardBlock:hover {
  background:
    rgba(
      76,
      175,
      80,
      .11
    )
    !important;
}


html.tnLightThemeV1
.msgForwardBlock::before {
  background:
    linear-gradient(
      180deg,
      #69cf6c,
      #42b954
    )
    !important;
}


html.tnLightThemeV1
.msgForwardLabel {
  color:
    #45b657 !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
.msgForwardAuthor {
  color:
    #526979 !important;

  opacity:
    1 !important;
}

/* TELENURE_MESSAGE_SURFACES_FINAL_B8_5_END */


/* TELENURE_LIGHT_SURFACES_FINAL_B8_6_START */


/* =========================================================
   MEDIA META — TELEGRAM STYLE
   ========================================================= */

/*
 * Remove M10L2 bottom metadata strip.
 *
 * Time + checks return inside the preview,
 * but now as a small Telegram-like translucent badge.
 */

html.tnLightThemeV1
.msgRow.imageMsg
.bubble,

html.tnLightThemeV1
.msgRow.videoMsg
.bubble,

html.tnLightThemeV1
.msgRow.gifMsg
.bubble {
  position:
    relative !important;

  width:
    fit-content !important;

  min-width:
    0 !important;

  padding:
    0 !important;

  border:
    0 !important;

  background:
    transparent !important;

  box-shadow:
    none !important;

  overflow:
    hidden !important;
}


html.tnLightThemeV1
.msgRow.imageMsg
.meta,

html.tnLightThemeV1
.msgRow.videoMsg
.meta,

html.tnLightThemeV1
.msgRow.gifMsg
.meta {
  position:
    absolute !important;

  z-index:
    30 !important;

  right:
    5px !important;

  bottom:
    5px !important;

  width:
    auto !important;

  min-width:
    0 !important;

  max-width:
    calc(100% - 10px)
    !important;

  min-height:
    0 !important;

  margin:
    0 !important;

  padding:
    2px 4px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    flex-end !important;

  gap:
    2px !important;

  border:
    0 !important;

  border-radius:
    6px !important;

  background:
    rgba(
      25,
      25,
      25,
      .48
    )
    !important;

  color:
    #ffffff !important;

  box-shadow:
    none !important;

  text-shadow:
    0 1px 2px
    rgba(
      0,
      0,
      0,
      .60
    )
    !important;

  transform:
    none !important;

  backdrop-filter:
    blur(2px)
    !important;

  -webkit-backdrop-filter:
    blur(2px)
    !important;

  pointer-events:
    none !important;
}


/*
 * Telegram shows:
 *
 *     10:48 ✓✓
 *
 * Our DOM has checks before time,
 * so reorder visually with flex order.
 */

html.tnLightThemeV1
.msgRow.imageMsg
.meta .time,

html.tnLightThemeV1
.msgRow.videoMsg
.meta .time,

html.tnLightThemeV1
.msgRow.gifMsg
.meta .time {
  order:
    1 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  color:
    #ffffff !important;

  opacity:
    .96 !important;

  font-size:
    10px !important;

  line-height:
    11px !important;

  font-weight:
    600 !important;

  text-shadow:
    inherit !important;
}


html.tnLightThemeV1
.msgRow.imageMsg
.msgChecks,

html.tnLightThemeV1
.msgRow.videoMsg
.msgChecks,

html.tnLightThemeV1
.msgRow.gifMsg
.msgChecks {
  order:
    2 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  color:
    #d9f1ff !important;

  opacity:
    1 !important;

  font-size:
    10px !important;

  line-height:
    10px !important;

  font-weight:
    700 !important;

  letter-spacing:
    -1.6px !important;

  text-shadow:
    inherit !important;
}


/*
 * Prevent the old full-width lower strip from resurfacing.
 */

html.tnLightThemeV1
.msgRow.imageMsg
.meta::before,

html.tnLightThemeV1
.msgRow.imageMsg
.meta::after,

html.tnLightThemeV1
.msgRow.videoMsg
.meta::before,

html.tnLightThemeV1
.msgRow.videoMsg
.meta::after,

html.tnLightThemeV1
.msgRow.gifMsg
.meta::before,

html.tnLightThemeV1
.msgRow.gifMsg
.meta::after {
  content:
    none !important;

  display:
    none !important;
}


/* =========================================================
   MESSAGE CONTEXT MENU — LIGHT THEME
   ========================================================= */

/*
 * The light menu itself is white.
 * Legacy .messageContextItem was also white text,
 * therefore only red "Удалить" remained visible.
 */

html.tnLightThemeV1
.messageContextMenu {
  min-width:
    190px !important;

  padding:
    6px !important;

  border:
    1px solid
    #d7e0e6 !important;

  border-radius:
    13px !important;

  background:
    rgba(
      255,
      255,
      255,
      .98
    )
    !important;

  color:
    #1d2b38 !important;

  box-shadow:
    0 12px 34px
    rgba(
      31,
      53,
      72,
      .20
    )
    !important;

  backdrop-filter:
    blur(12px)
    !important;

  -webkit-backdrop-filter:
    blur(12px)
    !important;
}


html.tnLightThemeV1
.messageContextItem {
  width:
    100% !important;

  min-height:
    36px !important;

  padding:
    7px 10px !important;

  border:
    0 !important;

  border-radius:
    8px !important;

  background:
    transparent !important;

  color:
    #1d2b38 !important;

  text-align:
    left !important;

  font-size:
    13px !important;

  line-height:
    18px !important;

  font-weight:
    560 !important;

  box-shadow:
    none !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
.messageContextItem:hover,

html.tnLightThemeV1
.messageContextItem:focus-visible {
  background:
    #edf2f5 !important;

  color:
    #172633 !important;
}


html.tnLightThemeV1
.messageContextItem.danger {
  color:
    #e34e57 !important;
}


html.tnLightThemeV1
.messageContextItem.danger:hover,

html.tnLightThemeV1
.messageContextItem.danger:focus-visible {
  background:
    #fae9eb !important;

  color:
    #d93f49 !important;
}








/* =========================================================
   UI CONFIRM / PROMPT
   ========================================================= */

html.tnLightThemeV1
.uiOverlay {
  background:
    rgba(
      30,
      43,
      54,
      .36
    )
    !important;
}


html.tnLightThemeV1
.uiModal {
  background:
    #f7f9fa !important;

  border:
    1px solid
    #cfd9e0 !important;

  color:
    #1d2b38 !important;

  box-shadow:
    0 18px 54px
    rgba(
      31,
      53,
      72,
      .22
    )
    !important;
}


html.tnLightThemeV1
.uiModalTitle {
  color:
    #1d2b38 !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
.uiModalText {
  color:
    #607382 !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
.uiModal
#uiModalCancel.btnGhost {
  background:
    #e8eef2 !important;

  border:
    1px solid
    #cbd6de !important;

  color:
    #354b5c !important;
}


html.tnLightThemeV1
.uiModal
#uiModalCancel.btnGhost:hover {
  background:
    #dfe7ec !important;
}


html.tnLightThemeV1
.uiModal
#uiModalOk.btnPrimary {
  background:
    #3390ec !important;

  border:
    1px solid
    #2a83d9 !important;

  color:
    #ffffff !important;
}


html.tnLightThemeV1
.uiModal
#uiModalOk.btnPrimary:hover {
  background:
    #2d86dc !important;
}


/* =========================================================
   COMPOSER REPLY PREVIEW
   ========================================================= */

html.tnLightThemeV1
#replyPreview:not(.hidden) {
  border:
    0 !important;

  border-left:
    3px solid
    #3390ec !important;

  border-radius:
    9px !important;

  background:
    rgba(
      238,
      243,
      246,
      .96
    )
    !important;

  box-shadow:
    none !important;
}


html.tnLightThemeV1
#replyPreview
.replyPreviewBar {
  display:
    none !important;

  width:
    0 !important;

  min-width:
    0 !important;

  flex:
    0 0 0 !important;
}


html.tnLightThemeV1
#replyPreviewTitle {
  color:
    #3390ec !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
#replyPreviewText {
  color:
    #526979 !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
#replyPreviewClose {
  background:
    transparent !important;

  border:
    0 !important;

  color:
    #526979 !important;

  -webkit-text-fill-color:
    #526979 !important;
}


html.tnLightThemeV1
#replyPreviewClose:hover {
  background:
    rgba(
      74,
      101,
      121,
      .08
    )
    !important;

  color:
    #253b4c !important;
}


/* =========================================================
   FORWARD MODAL
   ========================================================= */

html.tnLightThemeV1
.forwardModal {
  background:
    rgba(
      30,
      43,
      54,
      .36
    )
    !important;
}


html.tnLightThemeV1
.forwardModalCard {
  background:
    #f7f9fa !important;

  border:
    1px solid
    #cfd9e0 !important;

  color:
    #1d2b38 !important;

  box-shadow:
    0 20px 60px
    rgba(
      31,
      53,
      72,
      .22
    )
    !important;
}


html.tnLightThemeV1
.forwardModalHeader {
  background:
    #f7f9fa !important;

  border-bottom:
    1px solid
    #dce4e9 !important;
}


html.tnLightThemeV1
.forwardModalTitle {
  color:
    #1d2b38 !important;
}


html.tnLightThemeV1
.forwardModalClose {
  background:
    transparent !important;

  border:
    0 !important;

  color:
    #607382 !important;

  -webkit-text-fill-color:
    #607382 !important;
}


html.tnLightThemeV1
.forwardModalClose:hover {
  background:
    #e8eef2 !important;

  color:
    #253b4c !important;
}


html.tnLightThemeV1
.forwardModalBody {
  background:
    #f7f9fa !important;
}


html.tnLightThemeV1
.forwardSearch {
  background:
    #eef3f6 !important;

  border:
    1px solid
    #cbd6de !important;

  color:
    #1d2b38 !important;

  caret-color:
    #3390ec !important;
}


html.tnLightThemeV1
.forwardSearch::placeholder {
  color:
    #7b8c99 !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
.forwardSearch:focus {
  background:
    #ffffff !important;

  border-color:
    #7db9e8 !important;

  box-shadow:
    0 0 0 3px
    rgba(
      51,
      144,
      236,
      .09
    )
    !important;
}


html.tnLightThemeV1
.forwardChatItem {
  background:
    #eef3f6 !important;

  border:
    1px solid
    transparent !important;

  color:
    #1d2b38 !important;

  box-shadow:
    none !important;
}


html.tnLightThemeV1
.forwardChatItem:hover {
  background:
    #e3ebf0 !important;

  border-color:
    #d2dde4 !important;
}


html.tnLightThemeV1
.forwardChatItemTitle {
  color:
    #1d2b38 !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
.forwardChatItemMeta {
  color:
    #718391 !important;

  opacity:
    1 !important;
}


/* TELENURE_LIGHT_SURFACES_FINAL_B8_6_END */


/* TELENURE_SELECTION_FINAL_B8_4_START */

html.tnLightThemeV1
#selectionToolbar:not(.hidden) {
  background:
    #f4f6f8 !important;

  color:
    #1d2b38 !important;

  border:
    0 !important;

  border-bottom:
    1px solid
    #d2dce3 !important;

  box-shadow:
    0 1px 3px
    rgba(
      31,
      53,
      72,
      .08
    )
    !important;

  backdrop-filter:
    none !important;

  -webkit-backdrop-filter:
    none !important;
}


@supports selector(
  .tgRight:has(#selectionToolbar:not(.hidden))
) {

  html.tnLightThemeV1
  .tgRight:has(
    #selectionToolbar:not(.hidden)
  )
  #selectionToolbar:not(.hidden) {
    background:
      #f4f6f8 !important;

    color:
      #1d2b38 !important;

    border:
      0 !important;

    border-bottom:
      1px solid
      #d2dce3 !important;

    box-shadow:
      0 1px 3px
      rgba(
        31,
        53,
        72,
        .08
      )
      !important;

    backdrop-filter:
      none !important;

    -webkit-backdrop-filter:
      none !important;
  }
}

/* TELENURE_SELECTION_SPECIFICITY_B8_4A_START */
/* TELENURE_SELECTION_SPECIFICITY_B8_4A_END */


html.tnLightThemeV1
#selectionToolbar
#selectionCount {
  color:
    #1d2b38 !important;

  -webkit-text-fill-color:
    #1d2b38 !important;

  opacity:
    1 !important;
}


html.tnLightThemeV1
#selectionToolbar
#selectionClose {
  background:
    transparent !important;

  border:
    0 !important;

  color:
    #526979 !important;

  -webkit-text-fill-color:
    #526979 !important;

  box-shadow:
    none !important;
}


html.tnLightThemeV1
#selectionToolbar
#selectionClose:hover,

html.tnLightThemeV1
#selectionToolbar
#selectionClose:active {
  background:
    #e5ebef !important;

  color:
    #263d4e !important;

  -webkit-text-fill-color:
    #263d4e !important;
}


html.tnLightThemeV1
#selectionToolbar
.selectionToolbarActions {
  background:
    transparent !important;

  border:
    0 !important;

  box-shadow:
    none !important;
}


html.tnLightThemeV1
#selectionToolbar
#selectionReply,

html.tnLightThemeV1
#selectionToolbar
#selectionForward,

html.tnLightThemeV1
#selectionToolbar
#selectionDelete {
  background:
    transparent !important;

  border:
    0 !important;

  box-shadow:
    none !important;
}


html.tnLightThemeV1
#selectionToolbar
#selectionReply:hover,

html.tnLightThemeV1
#selectionToolbar
#selectionForward:hover,

html.tnLightThemeV1
#selectionToolbar
#selectionReply:active,

html.tnLightThemeV1
#selectionToolbar
#selectionForward:active {
  background:
    #e5ebef !important;
}


html.tnLightThemeV1
#selectionToolbar
#selectionDelete:hover,

html.tnLightThemeV1
#selectionToolbar
#selectionDelete:active {
  background:
    #f8e5e7 !important;
}


html.tnLightThemeV1
#selectionToolbar
#selectionReply::before {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23526779' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7 4 12l5 5'/%3E%3Cpath d='M5 12h8a6 6 0 0 1 6 6v1'/%3E%3C/svg%3E")
    !important;
}


html.tnLightThemeV1
#selectionToolbar
#selectionForward::before {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23526779' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 7 5 5-5 5'/%3E%3Cpath d='M19 12H9a6 6 0 0 0-6 6v1'/%3E%3C/svg%3E")
    !important;
}


html.tnLightThemeV1
#messages.selectionModeOn
.msgRow,

html.tnLightThemeV1
#messages.selectionModeOn
.msgRow.msgSelected {
  position:
    relative !important;

  background:
    transparent !important;

  box-shadow:
    none !important;
}


html.tnLightThemeV1
#messages.selectionModeOn
.msgRow
> .bubble,

html.tnLightThemeV1
#messages.selectionModeOn
.msgRow.msgSelected
> .bubble {
  outline:
    0 !important;

  outline-offset:
    0 !important;

  box-shadow:
    none !important;

  transform:
    none !important;
}


html.tnLightThemeV1
#messages.selectionModeOn
.msgRow.videoCircleMsg.msgSelected
.msgVideoCircleWrap {
  box-shadow:
    0 0 0 5px
    rgba(
      211,
      177,
      154,
      .10
    )
    !important;
}


html.tnLightThemeV1
#messages.selectionModeOn
.msgRow::before {
  content:
    "" !important;

  position:
    absolute !important;

  z-index:
    30 !important;

  left:
    -21px !important;

  right:
    auto !important;

  top:
    auto !important;

  bottom:
    7px !important;

  width:
    20px !important;

  height:
    20px !important;

  min-width:
    20px !important;

  min-height:
    20px !important;

  box-sizing:
    border-box !important;

  border:
    2px solid
    rgba(
      101,
      126,
      145,
      .72
    )
    !important;

  border-radius:
    50% !important;

  background:
    rgba(
      255,
      255,
      255,
      .90
    )
    !important;

  box-shadow:
    0 1px 3px
    rgba(
      31,
      53,
      72,
      .16
    )
    !important;

  transform:
    none !important;

  pointer-events:
    none !important;
}


html.tnLightThemeV1
#messages.selectionModeOn
.msgRow.msgSelected::before {
  border-color:
    #3390ec !important;

  background:
    #3390ec !important;

  box-shadow:
    0 0 0 2px
    rgba(
      255,
      255,
      255,
      .92
    ),
    0 1px 3px
    rgba(
      31,
      53,
      72,
      .18
    )
    !important;
}


html.tnLightThemeV1
#messages.selectionModeOn
.msgRow.msgSelected::after {
  content:
    "✓" !important;

  position:
    absolute !important;

  z-index:
    31 !important;

  left:
    -16px !important;

  right:
    auto !important;

  top:
    auto !important;

  bottom:
    11px !important;

  width:
    auto !important;

  height:
    auto !important;

  color:
    #ffffff !important;

  font-size:
    11px !important;

  font-weight:
    900 !important;

  line-height:
    1 !important;

  transform:
    none !important;

  text-shadow:
    none !important;

  pointer-events:
    none !important;
}


@media (max-width: 760px) {

  html.tnLightThemeV1
  #messages.selectionModeOn
  .msgRow::before {
    left:
      -17px !important;

    bottom:
      6px !important;

    width:
      18px !important;

    height:
      18px !important;

    min-width:
      18px !important;

    min-height:
      18px !important;
  }


  html.tnLightThemeV1
  #messages.selectionModeOn
  .msgRow.msgSelected::after {
    left:
      -13px !important;

    bottom:
      10px !important;

    font-size:
      10px !important;
  }
}

/* TELENURE_SELECTION_FINAL_B8_4_END */


/* TELENURE_DTF_READER_LIGHT_M10M1_START */

html.tnLightThemeV1
#dtfArticleReaderBackdrop {
  background:
    rgba(
      31,
      46,
      58,
      .28
    )
    !important;

  backdrop-filter:
    blur(5px)
    !important;

  -webkit-backdrop-filter:
    blur(5px)
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderDialog {
  border:
    1px solid
    #c8d5de
    !important;

  background:
    #f7f9fa
    !important;

  color:
    #253744
    !important;

  box-shadow:
    0 22px 64px
    rgba(
      31,
      53,
      72,
      .25
    )
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderTopbar {
  border-bottom:
    1px solid
    #d5dee4
    !important;

  background:
    #f4f6f8
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderTopbarTitle {
  color:
    #1d2b38
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderClose {
  border-color:
    #d2dce3
    !important;

  background:
    #e9eef2
    !important;

  color:
    #526979
    !important;

  -webkit-text-fill-color:
    #526979
    !important;

  box-shadow:
    none
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderClose:hover {
  border-color:
    #efc9cd
    !important;

  background:
    #f8e7e9
    !important;

  color:
    #d84a55
    !important;

  -webkit-text-fill-color:
    #d84a55
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderScroll {
  background:
    linear-gradient(
      180deg,
      #f7f9fa 0%,
      #f3f6f8 100%
    )
    !important;

  color:
    #253744
    !important;

  scrollbar-color:
    #9fb4c3
    #e7edf1
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderScroll::-webkit-scrollbar-track {
  background:
    #e7edf1
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderScroll::-webkit-scrollbar-thumb {
  background:
    #9fb4c3
    !important;

  background-clip:
    padding-box
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderLoading,

html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderError {
  color:
    #607382
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle {
  color:
    #253744
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticleTitle {
  color:
    #172633
    !important;

  text-shadow:
    none
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticleLead {
  color:
    #607382
    !important;

  text-shadow:
    none
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticleAuthor {
  color:
    #526979
    !important;

  opacity:
    1
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticleSection {
  color:
    #247fca
    !important;

  opacity:
    1
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticleDot,

html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticlePublished {
  color:
    #8b9ba7
    !important;

  opacity:
    1
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfArticleBody {
  color:
    #253744
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticleParagraph,

html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticleList,

html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticleList li {
  color:
    #253744
    !important;

  text-shadow:
    none
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticleHeading {
  color:
    #172633
    !important;

  text-shadow:
    none
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticleQuote {
  border-left-color:
    #3390ec
    !important;

  background:
    #e8f3fb
    !important;

  color:
    #314858
    !important;

  box-shadow:
    none
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticleQuote * {
  color:
    inherit
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticleInlineLink,

html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticleOriginalLink,

html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticleAnchor,

html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
a {
  color:
    #247fca
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticleTocHeading {
  border-bottom-color:
    #d5dfe6
    !important;

  color:
    #172633
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticleToc {
  border-color:
    #d4dfe6
    !important;

  background:
    #edf3f6
    !important;

  color:
    #314858
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticleTocItem {
  background:
    #eef3f6
    !important;

  color:
    #314858
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticleTocLink {
  border-color:
    transparent
    !important;

  background:
    transparent
    !important;

  color:
    #247fca
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticleTocLink:hover {
  background:
    #ddeaf2
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderArticle
.dtfArticleTocIcon {
  color:
    #3390ec
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderCoverWrap {
  background:
    #e5ebef
    !important;

  box-shadow:
    0 12px 34px
    rgba(
      31,
      53,
      72,
      .14
    )
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfArticleImageWrap {
  border-color:
    #d5dfe6
    !important;

  background:
    #e8edf1
    !important;

  box-shadow:
    none
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfArticleVideoWrap,

html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfArticleYoutubeWrap {
  border-color:
    #d2dce3
    !important;

  box-shadow:
    none
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfArticleYoutubeFooter {
  border-top-color:
    #d5dfe6
    !important;

  background:
    #eef3f6
    !important;

  color:
    #314858
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfArticleYoutubeLink {
  color:
    #247fca
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfArticleAudioWrap {
  border:
    1px solid
    #d4dfe6
    !important;

  background:
    #edf3f6
    !important;

  color:
    #253744
    !important;

  box-shadow:
    none
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfArticleAudioHeader,

html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfArticleAudioTitle {
  color:
    #253744
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfArticleAudioIcon {
  color:
    #3390ec
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfArticleCaption,

html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfArticleMediaCaption {
  color:
    #718391
    !important;

  opacity:
    1
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfArticlePeople,

html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfArticlePerson {
  border-color:
    #d4dfe6
    !important;

  background:
    #eef3f6
    !important;

  color:
    #253744
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfArticleHashtag {
  color:
    #247fca
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderLoadErrorCard {
  border:
    1px solid
    #d1dce3
    !important;

  background:
    #f1f5f7
    !important;

  color:
    #253744
    !important;

  box-shadow:
    0 12px 34px
    rgba(
      31,
      53,
      72,
      .12
    )
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderLoadErrorIcon {
  border-color:
    #efc9cd
    !important;

  background:
    #f8e7e9
    !important;

  color:
    #d84a55
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderLoadErrorEyebrow {
  color:
    #d84a55
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderLoadErrorTitle {
  color:
    #172633
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderLoadErrorDescription {
  color:
    #526979
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderLoadErrorHint {
  color:
    #81919d
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderRetryButton {
  border-color:
    #2a83d9
    !important;

  background:
    #3390ec
    !important;

  color:
    #ffffff
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderRetryButton:not(:disabled):hover {
  border-color:
    #2478c3
    !important;

  background:
    #2d86dc
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderOriginalButton {
  border-color:
    #c8d5de
    !important;

  background:
    #e7edf1
    !important;

  color:
    #354b5c
    !important;
}


html.tnLightThemeV1
#dtfArticleReaderBackdrop
.dtfReaderOriginalButton:hover {
  border-color:
    #b9cbd8
    !important;

  background:
    #dce7ed
    !important;

  color:
    #253b4c
    !important;
}

/* TELENURE_DTF_READER_LIGHT_M10M1_END */

/* TELENURE_SETTINGS_TELEGRAM_B9_2A_START */

html.tnLightThemeV1
#tgSettingsOverlayV1 {
  background:
    rgba(24,37,48,.23)
    !important;

  backdrop-filter:
    blur(5px)
    !important;

  -webkit-backdrop-filter:
    blur(5px)
    !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsPanelV1 {
  width:
    min(430px, calc(100vw - 12px))
    !important;

  height:
    min(94dvh, 860px)
    !important;

  max-height:
    none !important;

  padding:
    0 !important;

  overflow:
    hidden !important;

  border:
    1px solid rgba(31,53,72,.12)
    !important;

  border-radius:
    28px !important;

  background:
    #f1f2f3 !important;

  box-shadow:
    0 22px 70px rgba(31,53,72,.22)
    !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeaderV1 {
  position:
    relative !important;

  z-index:
    30 !important;

  height:
    58px !important;

  min-height:
    58px !important;

  padding:
    0 14px !important;

  display:
    grid !important;

  grid-template-columns:
    44px minmax(0,1fr) auto
    !important;

  align-items:
    center !important;

  gap:
    4px !important;

  border:
    0 !important;

  border-bottom:
    1px solid rgba(31,53,72,.08)
    !important;

  background:
    rgba(248,249,250,.97)
    !important;

  backdrop-filter:
    blur(18px)
    !important;

  -webkit-backdrop-filter:
    blur(18px)
    !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeaderV1
> strong {
  color:
    #111820 !important;

  font-size:
    19px !important;

  font-weight:
    760 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeaderActionsV1 {
  display:
    flex !important;

  align-items:
    center !important;

  gap:
    4px !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeaderBtnV1,
html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsSearchBackV92 {
  width:
    40px !important;

  min-width:
    40px !important;

  height:
    40px !important;

  padding:
    8px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  border:
    0 !important;

  border-radius:
    50% !important;

  background:
    transparent !important;

  color:
    #18222c !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeaderBtnV1:hover,
html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsSearchBackV92:hover {
  background:
    #e8ebed !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1 svg {
  stroke-linecap:
    round !important;

  stroke-linejoin:
    round !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeaderBtnV1 svg,
html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsSearchBackV92 svg {
  width:
    24px !important;

  height:
    24px !important;

  fill:
    none !important;

  stroke:
    currentColor !important;

  stroke-width:
    1.8 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsMoreMenuV1 {
  top:
    48px !important;

  right:
    8px !important;

  min-width:
    210px !important;

  padding:
    7px !important;

  border:
    1px solid rgba(31,53,72,.09)
    !important;

  border-radius:
    16px !important;

  background:
    rgba(255,255,255,.98)
    !important;

  box-shadow:
    0 12px 34px rgba(31,53,72,.18)
    !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsMoreMenuV1 button {
  width:
    100% !important;

  min-height:
    42px !important;

  padding:
    8px 10px !important;

  display:
    flex !important;

  align-items:
    center !important;

  gap:
    12px !important;

  border:
    0 !important;

  border-radius:
    10px !important;

  background:
    transparent !important;

  color:
    #1d2b38 !important;

  font-size:
    14px !important;

  font-weight:
    650 !important;

  text-align:
    left !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsMoreMenuV1 button:hover {
  background:
    #eef2f4 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsMoreMenuV1 svg {
  width:
    21px !important;

  height:
    21px !important;

  fill:
    none !important;

  stroke:
    currentColor !important;

  stroke-width:
    1.8 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsMenuDangerV92 {
  color:
    #e5484d !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsScrollV1 {
  height:
    calc(100% - 58px)
    !important;

  padding:
    0 0 22px !important;

  overflow-x:
    hidden !important;

  overflow-y:
    auto !important;

  background:
    #f1f2f3 !important;

  overscroll-behavior:
    contain !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeroV1 {
  position:
    relative !important;

  height:
    180px;

  min-height:
    180px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  overflow:
    hidden !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  background:
    #f7f8f9 !important;

  transition:
    height .10s linear
    !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeroCoverV92 {
  position:
    absolute !important;

  inset:
    0 !important;

  width:
    100% !important;

  height:
    100% !important;

  display:
    block !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  opacity:
    0;

  transform:
    scale(1.02)
    !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeroShadeV92 {
  position:
    absolute !important;

  inset:
    0 !important;

  z-index:
    2 !important;

  opacity:
    0;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.02) 35%,
      rgba(0,0,0,.64) 100%
    )
    !important;

  pointer-events:
    none !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsAvatarV1 {
  position:
    absolute !important;

  z-index:
    5 !important;

  top:
    20px !important;

  left:
    50% !important;

  width:
    86px !important;

  min-width:
    86px !important;

  max-width:
    86px !important;

  height:
    86px !important;

  min-height:
    86px !important;

  max-height:
    86px !important;

  margin:
    0 0 0 -43px !important;

  padding:
    0 !important;

  overflow:
    hidden !important;

  border:
    0 !important;

  border-radius:
    50% !important;

  background:
    #dce5eb !important;

  color:
    #31495b !important;

  box-shadow:
    0 6px 20px rgba(31,53,72,.14)
    !important;

  transform-origin:
    center !important;

  font-size:
    28px !important;

  font-weight:
    700 !important;

  cursor:
    pointer !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsAvatarV1 img {
  width:
    100% !important;

  height:
    100% !important;

  display:
    block !important;

  object-fit:
    cover !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeroTextV92 {
  position:
    absolute !important;

  z-index:
    5 !important;

  left:
    16px !important;

  right:
    16px !important;

  bottom:
    15px !important;

  color:
    #16232e !important;

  text-align:
    center !important;

  text-shadow:
    none !important;

  transition:
    all .16s ease
    !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeroTextV92 h2 {
  margin:
    0 !important;

  color:
    inherit !important;

  font-size:
    19px !important;

  font-weight:
    760 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeroTextV92
.tgSettingsOnlineV1 {
  margin-top:
    2px !important;

  color:
    #83919c !important;

  font-size:
    13px !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeroV1.isExpandedV92
.tgSettingsHeroTextV92 {
  left:
    18px !important;

  right:
    18px !important;

  bottom:
    17px !important;

  color:
    #ffffff !important;

  text-align:
    left !important;

  text-shadow:
    0 1px 4px rgba(0,0,0,.45)
    !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeroV1.isExpandedV92
.tgSettingsHeroTextV92
.tgSettingsOnlineV1 {
  color:
    rgba(255,255,255,.88)
    !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsCardV1 {
  margin:
    16px 18px 0 !important;

  padding:
    0 !important;

  overflow:
    hidden !important;

  border:
    0 !important;

  border-radius:
    20px !important;

  background:
    #ffffff !important;

  box-shadow:
    0 1px 2px rgba(31,53,72,.06)
    !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsInfoRowV1,
html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsActionsV1 button,
html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsStaticRowV1 {
  width:
    100% !important;

  min-height:
    58px !important;

  margin:
    0 !important;

  padding:
    9px 16px !important;

  display:
    grid !important;

  grid-template-columns:
    42px minmax(0,1fr) auto
    !important;

  align-items:
    center !important;

  gap:
    10px !important;

  border:
    0 !important;

  border-bottom:
    1px solid #edf0f2
    !important;

  border-radius:
    0 !important;

  background:
    transparent !important;

  color:
    #1b252e !important;

  text-align:
    left !important;

  box-shadow:
    none !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsInfoRowV1:last-child,
html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsActionsV1
> :last-child {
  border-bottom:
    0 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsInfoRowV1:hover,
html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsActionsV1 button:hover {
  background:
    #f5f7f8 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsIconV1 {
  width:
    31px !important;

  min-width:
    31px !important;

  height:
    31px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  border-radius:
    9px !important;

  color:
    #ffffff !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsIconV1 svg {
  width:
    20px !important;

  height:
    20px !important;

  fill:
    none !important;

  stroke:
    currentColor !important;

  stroke-width:
    1.8 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsIconBlueV92 {
  background:
    #3aa7f4 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsIconGreenV92 {
  background:
    #55c874 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsIconPurpleV92 {
  background:
    #9769df !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsIconSlateV92 {
  background:
    #8daebb !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsRowBodyV92 {
  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  gap:
    2px !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsInfoRowV1 strong {
  overflow:
    hidden !important;

  color:
    #18212a !important;

  font-size:
    15px !important;

  font-weight:
    500 !important;

  white-space:
    nowrap !important;

  text-overflow:
    ellipsis !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsInfoRowV1 small {
  color:
    #85919b !important;

  font-size:
    12px !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsChevronV92 {
  color:
    #a2adb5 !important;

  font-size:
    25px !important;

  font-weight:
    300 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsActionsV1 button
> span:nth-child(2),
html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsStaticRowV1
> span:nth-child(2) {
  font-size:
    15px !important;

  font-weight:
    500 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsActionsV1 em,
html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsStaticRowV1 em {
  color:
    #7d8a95 !important;

  font-size:
    13px !important;

  font-style:
    normal !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsSearchBarV92 {
  position:
    absolute !important;

  inset:
    0 !important;

  z-index:
    40 !important;

  padding:
    7px 10px !important;

  display:
    grid !important;

  grid-template-columns:
    40px minmax(0,1fr)
    !important;

  align-items:
    center !important;

  gap:
    5px !important;

  background:
    #f7f8f9 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsSearchBarV92.hidden {
  display:
    none !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsSearchFieldV92 {
  height:
    44px !important;

  padding:
    0 13px !important;

  display:
    flex !important;

  align-items:
    center !important;

  gap:
    9px !important;

  border:
    2px solid #3390ec
    !important;

  border-radius:
    24px !important;

  background:
    #ffffff !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsSearchFieldV92 svg {
  width:
    22px !important;

  height:
    22px !important;

  fill:
    none !important;

  stroke:
    #3390ec !important;

  stroke-width:
    1.8 !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsSearchFieldV92 input {
  min-width:
    0 !important;

  width:
    100% !important;

  border:
    0 !important;

  outline:
    0 !important;

  background:
    transparent !important;

  color:
    #17212b !important;

  font-size:
    15px !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsSearchModeV92
.tgSettingsHeroV1 {
  display:
    none !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsSearchModeV92
.tgSettingsScrollV1 {
  padding-top:
    8px !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsSearchHiddenV92 {
  display:
    none !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsSearchEmptyV92 {
  padding:
    36px 20px !important;

  color:
    #89949d !important;

  text-align:
    center !important;

  font-size:
    14px !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsToastV92 {
  position:
    absolute !important;

  z-index:
    100 !important;

  left:
    50% !important;

  bottom:
    24px !important;

  transform:
    translateX(-50%)
    !important;

  max-width:
    calc(100% - 40px)
    !important;

  padding:
    9px 14px !important;

  border-radius:
    18px !important;

  background:
    rgba(27,38,48,.9)
    !important;

  color:
    #ffffff !important;

  font-size:
    13px !important;

  white-space:
    nowrap !important;

  box-shadow:
    0 8px 24px rgba(0,0,0,.18)
    !important;
}

html.tnLightThemeV1
.tgBirthdayOverlayV92 {
  position:
    fixed !important;

  inset:
    0 !important;

  z-index:
    10050 !important;

  padding:
    10px !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  background:
    rgba(24,37,48,.28)
    !important;

  backdrop-filter:
    blur(6px)
    !important;

  -webkit-backdrop-filter:
    blur(6px)
    !important;
}

html.tnLightThemeV1
.tgBirthdayOverlayV92.hidden {
  display:
    none !important;
}

html.tnLightThemeV1
.tgBirthdayCardV92 {
  position:
    relative !important;

  width:
    min(420px, calc(100vw - 20px))
    !important;

  padding:
    18px 16px 16px !important;

  border:
    1px solid rgba(31,53,72,.12)
    !important;

  border-radius:
    28px !important;

  background:
    #f7f7f8 !important;

  color:
    #17212b !important;

  box-shadow:
    0 24px 70px rgba(31,53,72,.25)
    !important;
}

html.tnLightThemeV1
.tgBirthdayCloseV92 {
  position:
    absolute !important;

  top:
    14px !important;

  left:
    14px !important;

  width:
    38px !important;

  height:
    38px !important;

  border:
    0 !important;

  border-radius:
    50% !important;

  background:
    transparent !important;

  color:
    #17212b !important;

  font-size:
    29px !important;

  font-weight:
    300 !important;

  line-height:
    1 !important;
}

html.tnLightThemeV1
.tgBirthdayStickerV92 {
  width:
    122px !important;

  height:
    122px !important;

  margin:
    0 auto -2px !important;
}

html.tnLightThemeV1
.tgBirthdayStickerV92 svg {
  width:
    100% !important;

  height:
    100% !important;

  display:
    block !important;
}

html.tnLightThemeV1
.tgBirthdayCardV92 h2 {
  margin:
    0 0 22px !important;

  color:
    #101820 !important;

  font-size:
    25px !important;

  font-weight:
    780 !important;

  text-align:
    center !important;
}

html.tnLightThemeV1
.tgBirthdayFieldsV92 {
  display:
    grid !important;

  grid-template-columns:
    78px minmax(132px,1fr) 82px
    !important;

  gap:
    9px !important;
}

html.tnLightThemeV1
.tgBirthdayFieldsV92 label {
  position:
    relative !important;

  height:
    56px !important;

  padding:
    15px 9px 4px !important;

  border:
    1px solid #d1d9df
    !important;

  border-radius:
    12px !important;

  background:
    #ffffff !important;
}

html.tnLightThemeV1
.tgBirthdayFieldsV92 label
> span {
  position:
    absolute !important;

  top:
    -9px !important;

  left:
    8px !important;

  padding:
    0 4px !important;

  background:
    #f7f7f8 !important;

  color:
    #88949e !important;

  font-size:
    12px !important;
}

html.tnLightThemeV1
.tgBirthdayFieldsV92 input,
html.tnLightThemeV1
.tgBirthdayFieldsV92 select {
  width:
    100% !important;

  height:
    100% !important;

  padding:
    0 !important;

  border:
    0 !important;

  outline:
    0 !important;

  background:
    transparent !important;

  color:
    #17212b !important;

  font-size:
    15px !important;
}

html.tnLightThemeV1
.tgBirthdayHelpV92 {
  margin:
    22px 14px 14px !important;

  color:
    #7c8790 !important;

  font-size:
    14px !important;

  line-height:
    1.4 !important;

  text-align:
    center !important;
}

html.tnLightThemeV1
.tgBirthdayDeleteV92,
html.tnLightThemeV1
.tgBirthdaySaveV92 {
  width:
    100% !important;

  min-height:
    48px !important;

  border:
    0 !important;

  border-radius:
    14px !important;

  font-size:
    15px !important;

  font-weight:
    720 !important;
}

html.tnLightThemeV1
.tgBirthdayDeleteV92 {
  margin:
    0 0 10px !important;

  background:
    transparent !important;

  color:
    #3390ec !important;
}

html.tnLightThemeV1
.tgBirthdaySaveV92 {
  background:
    #3390ec !important;

  color:
    #ffffff !important;

  box-shadow:
    0 6px 18px rgba(51,144,236,.18)
    !important;
}

@media (max-width: 520px) {
  html.tnLightThemeV1
  #tgSettingsOverlayV1 {
    padding:
      4px !important;
  }

  html.tnLightThemeV1
  #tgSettingsOverlayV1
  .tgSettingsPanelV1 {
    width:
      100% !important;

    height:
      calc(100dvh - 8px)
      !important;

    border-radius:
      25px !important;
  }

  html.tnLightThemeV1
  .tgBirthdayFieldsV92 {
    grid-template-columns:
      72px minmax(118px,1fr) 78px
      !important;
  }
}

/* TELENURE_SETTINGS_TELEGRAM_B9_2A_END */

/* TELENURE_SETTINGS_MORPH_B9_2B_START */

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeroV1 {
  will-change:
    height,
    margin-top !important;

  transition:
    none !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeroCoverV92 {
  opacity:
    1;

  clip-path:
    circle(
      43px at 50% 63px
    );

  will-change:
    clip-path !important;

  transition:
    none !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeroShadeV92 {
  will-change:
    opacity !important;

  transition:
    none !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsAvatarV1 {
  will-change:
    opacity !important;

  transition:
    none !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeaderV1 {
  will-change:
    background,
    border-color,
    backdrop-filter !important;

  transition:
    none !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeaderV1
> strong,
html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeaderBtnV1 {
  transition:
    color .08s linear
    !important;
}

/* TELENURE_SETTINGS_MORPH_B9_2B_END */

/* TELENURE_SETTINGS_MORPH_B9_2C_START */

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeroCoverV92 {
  display:
    none !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeroV1 {
  overflow:
    hidden !important;

  transition:
    none !important;

  will-change:
    height,
    margin-top !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsAvatarV1 {
  transform:
    none !important;

  transform-origin:
    center !important;

  transition:
    none !important;

  will-change:
    left,
    top,
    width,
    height,
    border-radius !important;

  box-shadow:
    none !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsAvatarV1 img {
  pointer-events:
    none !important;

  user-select:
    none !important;

  -webkit-user-drag:
    none !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeroShadeV92 {
  transition:
    none !important;

  will-change:
    opacity !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeroTextV92 {
  transition:
    none !important;

  will-change:
    left,
    bottom,
    color !important;
}

html.tnLightThemeV1
#tgSettingsOverlayV1
.tgSettingsHeaderV1 {
  transition:
    none !important;

  will-change:
    background,
    border-color,
    backdrop-filter !important;
}

/* TELENURE_SETTINGS_MORPH_B9_2C_END */