/* ============================================================
   PYOD – BETTER MESSAGES TYPOGRAPHY
   ============================================================ */

:root{
    --bm-message-font-size: 14px;
    --bm-message-line-height: 16px;
}

.bp-messages-wrap .threads-list .thread .bm-info .last-message{
    font-size: 14px !important;
    line-height: 16px !important;
}

.bp-messages-wrap .threads-list .thread .bm-info .name + h4{
    font-size: 14px !important;
    line-height: 16px !important;
}

.bp-messages-wrap .threads-list .thread .bm-info .name{
    font-size: 14px !important;
    line-height: 16px !important;
}

.bp-messages-wrap .threads-list .thread .bm-info h4{
    font-size: 14px !important;
    line-height: 16px !important;
}

/* ============================================================
   BETTER MESSAGES – REMOVE EMOJI / REACTIONS BUTTON
   ============================================================ */

.bm-emojies,
.bm-emojies * {
    display: none !important;
    visibility: hidden !important;
}

/* ============================================================
   BETTER MESSAGES – CHAT BUTTON (OUTLINE PRIMARY)
   ============================================================ */

.bm-lc-button {
  background: transparent;
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
  font-family: var(--font-main);
  font-size: 14px;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 0;
  cursor: pointer;
}

/* Hover state */
.bm-lc-button:hover {
  background: var(--color-primary);
  color: #fff;
}

/* Ensure text inherits correctly */
.bm-lc-button .bm-button-text {
  color: inherit;
}

/* ============================================================
   BETTER MESSAGES – REMOVE ACTIVE / FOCUS STATES
   ============================================================ */

.bm-lc-button:focus,
.bm-lc-button:focus-visible,
.bm-lc-button:active {
  background: var(--color-primary);
  color: #fff;
  outline: none;
  box-shadow: none;
}

/* ============================================================
   UPPY DASHBOARD – REMOVE ALL BORDERS
   ============================================================ */

/* Remove borders from everything inside Uppy Dashboard */
.uppy-Dashboard-inner *,
.uppy-Dashboard-inner *::before,
.uppy-Dashboard-inner *::after {
  border: none !important;
  box-shadow: none !important;
}

/* Explicitly handle buttons (browse, tabs, actions) */
.uppy-Dashboard-inner button,
.uppy-Dashboard-inner .uppy-c-btn,
.uppy-Dashboard-inner .uppy-Dashboard-browse,
.uppy-Dashboard-inner .uppy-DashboardTab-btn {
  border: none !important;
  box-shadow: none !important;
  background: transparent;
}

/* Remove focus / active outlines (Uppy adds some) */
.uppy-Dashboard-inner button:focus,
.uppy-Dashboard-inner button:focus-visible,
.uppy-Dashboard-inner button:active {
  outline: none !important;
  box-shadow: none !important;
}

/* Remove container separators */
.uppy-Dashboard-innerWrap,
.uppy-Dashboard-AddFiles,
.uppy-Dashboard-AddFiles-title,
.uppy-Dashboard-AddFiles-list,
.uppy-DashboardTab {
  border: none !important;
}

/* Status bar cleanup */
.uppy-StatusBar,
.uppy-StatusBar-progress,
.uppy-StatusBar-actions {
  border: none !important;
}


/* ============================================================
   UPPY – DASHBOARD TABS ALIGNMENT FIX
   ============================================================ */

/* Center the whole tabs container */
.uppy-Dashboard-AddFiles-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

/* Make each tab button horizontal */
.uppy-DashboardTab-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;               /* space between icon & text */
  text-align: center;
}

/* Ensure icon stays centered */
.uppy-DashboardTab-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Normalize icon size */
.uppy-DashboardTab svg {
  width: 22px;
  height: 22px;
}

/* Label alignment */
.uppy-DashboardTab-name {
  font-family: var(--font-main);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}

/* Remove any weird inline nowrap behavior */
.uppy-DashboardTab {
  white-space: normal;
}





/* ============================================================
   UPPY – CLOSE BUTTON (BLACK, LARGE, NO HOVER)
   ============================================================ */

.uppy-Dashboard-close {
  color: #000;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  background: transparent;
  border: none;
  cursor: pointer;
}

/* Remove hover / focus / active effects */
.uppy-Dashboard-close:hover,
.uppy-Dashboard-close:focus,
.uppy-Dashboard-close:active {
  background: transparent;
  color: #000;
  outline: none;
  box-shadow: none;
}

/* Ensure the × inherits color */
.uppy-Dashboard-close span {
  color: inherit;
}


/* ============================================================
   UPPY – ACTION / BACK / CANCEL BUTTONS (PRIMARY)
   ============================================================ */

.uppy-Dashboard-inner .uppy-DashboardContent-back,
.uppy-Dashboard-inner .uppy-Dashboard-browse,
.uppy-Dashboard-inner .uppy-c-btn {
  background: var(--color-primary);
  color: #000;
  font-family: var(--font-main);
  font-size: 14px;
  font-weight: 600;
  padding: 8px 18px;
  border: none;
  border-radius: 0;
  cursor: pointer;
}

/* Hover, active, focus – keep SAME look (no effects) */
.uppy-Dashboard-inner .uppy-DashboardContent-back:hover,
.uppy-Dashboard-inner .uppy-DashboardContent-back:focus,
.uppy-Dashboard-inner .uppy-DashboardContent-back:active,
.uppy-Dashboard-inner .uppy-Dashboard-browse:hover,
.uppy-Dashboard-inner .uppy-Dashboard-browse:focus,
.uppy-Dashboard-inner .uppy-Dashboard-browse:active,
.uppy-Dashboard-inner .uppy-c-btn:hover,
.uppy-Dashboard-inner .uppy-c-btn:focus,
.uppy-Dashboard-inner .uppy-c-btn:active {
  background: var(--color-primary);
  color: #000;
  outline: none;
  box-shadow: none;
}


/* ============================================================
   UPPY – ADD MORE BUTTON (PRIMARY, NO HOVER)
   ============================================================ */

.uppy-DashboardContent-addMore {
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-primary);
  font-family: var(--font-main);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

/* Icon color */
.uppy-DashboardContent-addMore svg {
  fill: var(--color-primary);
}

/* Text */
.uppy-DashboardContent-addMoreCaption {
  color: var(--color-primary);
}

/* No hover / focus / active effects */
.uppy-DashboardContent-addMore:hover,
.uppy-DashboardContent-addMore:focus,
.uppy-DashboardContent-addMore:active {
  background: transparent;
  color: var(--color-primary);
  outline: none;
  box-shadow: none;
}

/* ============================================================
   UPPY – STATUS BAR PRIMARY BUTTON (SEND NOW)
   ============================================================ */

.uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload,
.uppy-Dashboard-inner .uppy-c-btn-primary {
  background: var(--color-primary);
  color: #000;
  font-family: var(--font-main);
  font-size: 14px;
  font-weight: 600;
  border: none;
  border-radius: 0;
  padding: 8px 18px;
}

/* Remove green focus / hover / active states */
.uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload:hover,
.uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload:focus,
.uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload:active,
.uppy-Dashboard-inner .uppy-c-btn-primary:hover,
.uppy-Dashboard-inner .uppy-c-btn-primary:focus,
.uppy-Dashboard-inner .uppy-c-btn-primary:active {
  background: var(--color-primary);
  color: #000;
  outline: none;
  box-shadow: none;
}

/* ============================================================
   UPPY – FORCE PRIMARY COLOR (OVERRIDE WAITING STATE)
   ============================================================ */

.uppy-Dashboard-inner .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  background-color: var(--color-primary) !important;
  color: #000 !important;
}

/* Keep same look on hover / focus / active */
.uppy-Dashboard-inner .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover,
.uppy-Dashboard-inner .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:focus,
.uppy-Dashboard-inner .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:active {
  background-color: var(--color-primary) !important;
  color: #000 !important;
  outline: none;
  box-shadow: none;
}


/* ============================================================
   UPPY – REMOVE FILE BUTTON (PRIMARY, NO HOVER)
   ============================================================ */

.uppy-Dashboard-inner .uppy-Dashboard-Item-action--remove {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
}

/* Icon background circle */
.uppy-Dashboard-inner .uppy-Dashboard-Item-action--remove svg path:first-child {
  fill: var(--color-primary);
}

/* X icon */
.uppy-Dashboard-inner .uppy-Dashboard-Item-action--remove svg path:last-child {
  fill: #000;
}

/* Remove hover / focus / active styles */
.uppy-Dashboard-inner .uppy-Dashboard-Item-action--remove:hover,
.uppy-Dashboard-inner .uppy-Dashboard-Item-action--remove:focus,
.uppy-Dashboard-inner .uppy-Dashboard-Item-action--remove:active {
  background: transparent;
  outline: none;
  box-shadow: none;
}