/* Custom Patch for PlugNmeet Colors - Premium Dark Blue Theme */

:root {
  --primary-color: #208DEA;
  --bg-color: #050D3D; /* Very dark blue/black (Slate-950/Zinc-950 style) */
  --panel-bg: #223086; /* Dark blue/Navy (Slate-900 style) */
  --text-color: #ffffff;
  /*--accent-color: #3B82F6;*/
  --color-Gray-50: #223086;
  --color-Red-100: #fa3232;
  --color-Gray-200: #050d3d;
  --color-gray-200: #050d3d;
  --color-Gray-100: #223086;
  --color-gray-50: #050d3d;
  --color-Blue2-50: #050d3d;
  --color-surface-low: #c5c5d0;
}

/* Force dark theme everywhere */
html, body {
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
}

/* 
   AGGRESSIVE OVERRIDES FOR LIGHT BACKGROUNDS 
   Targeting all gray, slate, white, and light blue variations


 .bg-Gray-50,  .bg-gray-100,.bg-gray-200,*/
.bg-white,
.bg-Gray-25, .bg-gray-25,
.bg-slate-50, .bg-slate-100, .bg-slate-200,
.bg-gray-50, 
.bg-blue-50, .bg-blue-100, .bg-blue-200 
, .dark\:bg-dark-secondary, 
.dark\:bg-dark-primary {
  background-color: var(--panel-bg) !important;
  color: var(--text-color) !important;
}
/* 
   PANEL AND MENU OVERRIDES
   Targeting intermediate headers, sidebars, and dropdowns.bg-Gray-100, */
.bg-gray-100,
.bg-Gray-200, .bg-gray-200 {opacity: 0.9;
  transition: all 0.5s ease; background-color: var(--bg-color);}
  
 #errorPage {background-color: var(--bg-color)!important;}
/*.error-page {background-color: var(--panel-bg)!important;}*/

.bg-slate-800, .bg-slate-900,
header#main-header, footer#main-footer,
.header-bg-color, .footer-bg-color,
.side-panel-bg-color, .menu-bg,
.dropdown-menu, .modal-content, 
.bg-Gray-800, .bg-gray-800,
.bg-Gray-900, .bg-gray-900 {
  background-color: var(--bg-color) !important;
  color: #ffffff !important;
}


[role="menu"], [role="listbox"],
 {
  background-color: var(--panel-bg) !important;
  color: #ffffff !important;
}



/* 
   FORCE WHITE TEXT 
   Extremely aggressive text coloring for common UI elements
*/
.text-Gray-950, .text-gray-950,
.text-Gray-900, .text-gray-900,
.text-Gray-800, .text-gray-800,
.text-Gray-700, .text-gray-700,
.text-Gray-600, .text-gray-600,
.text-Gray-500, .text-gray-500,
.text-Gray-400, .text-gray-400,
.text-slate-950, .text-slate-900, .text-slate-800, .text-slate-700, .text-slate-600, .text-slate-500, .text-slate-400,
.text-black, .text-dark,
p, span, h1, h2, h3, h4, h5, h6, label {
  color: #ffffff !important;
}

/* 
   BUTTON REFINEMENTS
   Blue accents should stay blue but professional
*/
.primary-button, 
button[type="button"], 
button[type="submit"],
.bg-blue-600, .bg-primary, .bg-blue-700 {
  /*background-color: var(--primary-color) !important;*/
  /*border-color: var(--primary-color) !important;*/
  color: #ffffff !important;
}

button:hover  {
  
  opacity: 0.9;
  transition: all 0.5s ease;
  }
  
 .primary-button:hover {
   background-color: var(--primary-color) !important;
  opacity: 0.9;
  transition: all 0.5s ease;
  }
  
  /*.bg-Gray-100:hover, .bg-white:hover,*/ .bg-gray-100:hover, .bg-blue-600:hover, .bg-blue-700:hover {
   background-color: var(--bg-color) !important;
  opacity: 0.9;
  transition: all 0.5s ease;
  }
  
microphone-wrap:hover {
 /* background-color: var(--primary-color) !important;*/
  opacity: 0.9;
  transition: all 0.5s ease;
}

cam-wrap:hover {
 /* background-color: var(--primary-color) !important;*/
  opacity: 0.9;
  transition: all 0.5s ease;
}

/* BORDERS 
 

.border {border-width: 0px;}*/


.border-Gray-100 {border-color: var(--bg-color) !important;}
 .border-Gray-300 {border-color: var(--bg-color);}

.border-gray-100,
.border-Gray-200, .border-gray-200,
.border-gray-300, .border-slate-200,
.border-white, .border-Gray-50 {
border-color: var(--panel-bg) !important;
/*border-color: rgba(255, 255, 255, 0.1) !important;*/
}




.divider {background-color: var(--panel-bg) !important;}
/* 
   PRIVACY DISCLAIMER CENTERING 
   Ensuring it's perfectly centered in all contexts
*/
.privacy-disclaimer {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 0.85rem;
    text-align: center !important;
    margin: 2rem auto !important;
    padding: 0 1.5rem;
    width: 100%;
    display: block !important;
    line-height: 1.5;
}

.privacy-disclaimer a {
    text-decoration: underline;
    color: var(--primary-color) !important;
    font-weight: 500;
}

/* Hide dark mode toggle 
.dark-mode-toggle {
    display: none !important;
}*/

/* Hide background dots/patterns */
.overlay {
    background-image: none !important;
    display: none !important;
}

/* 
   NOTIFICATIONS (React-Toastify) 
   Overriding white backgrounds and light colors
*/
:root {
  --toastify-toast-background: var(--panel-bg) !important;
  --toastify-color-light: var(--panel-bg) !important;
  --toastify-text-color-light: #ffffff !important;
  --toastify-color-dark: #020617 !important;
}

.Toastify__toast {
    background-color: var(--panel-bg) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px !important;
}

.Toastify__toast-body {
    color: #ffffff !important;
}

.Toastify__close-button--light {
    color: #ffffff !important;
    opacity: 0.7;
}

/* 
   TOOLTIPS, POPOVERS, AND DROPDOWNS
   Targeting common library classes and internal implementations
*/



.excalidraw .context-menu {background-color: var(--panel-bg) !important;}

.tooltip, .tippy-box, .ant-tooltip-inner, .chakra-tooltip,
.ant-dropdown-menu, .ant-select-dropdown, .dropdown-menu, .menu-bg,
.modal-content, .ant-modal-content, .chakra-modal__content,
.popover, .ant-popover-inner {
    background-color: var(--bg-color) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

.micro-muted-tooltip::after {background-color: var(--bg-color) !important;}
.micro-muted-tooltip::before {background-color: var(--bg-color) !important;}
.tooltip::before {background-color: var(--bg-color) !important;}
.tooltip::after {background-color: var(--bg-color) !important;}

/* Specific internal tooltips */
.micro-muted-tooltip .inner,
.has-tooltip .tooltip-content,
[data-tooltip],
.tooltip-inner {
    background-color: var(--bg-color) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Arrow overrides */
.tippy-arrow, .ant-tooltip-arrow-content, .ant-popover-arrow-content {
    color: var(--bg-color) !important;
    border-top-color: var(--bg-color) !important;
    border-bottom-color: var(--bg-color) !important;
}

/* Force white text on all common list items/links in dropdowns */
.ant-dropdown-menu-item, .ant-select-item, .dropdown-item, .menu-item {
    color: #ffffff !important;
}
.ant-dropdown-menu-item:hover, .ant-select-item-option-active {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

/* Scrollbars - Premium Dark Look */
::-webkit-scrollbar {.menu
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: var(--bg-color);
}
::-webkit-scrollbar-thumb {
    background: var(--panel-bg);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

.approve-btn-wrap {
    background: var(--bg-color) !important;}


/*#headlessui-menu-button-_r_27_:hover{
    background: var(--panel-bg) !important;}
#headlessui-menu-button-_r_28_:hover{
    background: var(--panel-bg) !important;}
#headlessui-menu-button-_r_29_:hover{
    background: var(--panel-bg) !important;}
#headlessui-menu-button-_r_i_ {
    background: var(--bg-color) !important;
}

#headlessui-menu-button-_r_s_:hover, #headlessui-menu-button-_r_t_:hover, #headlessui-menu-button-_r_u_:hover, #headlessui-menu-button-_r_1h_:hover, 
#headlessui-menu-button-_r_1i_:hover, #headlessui-menu-button-_r_1j_:hover, #headlessui-menu-button-_r_1k_:hover, #headlessui-menu-button-_r_1l_:hover,
#headlessui-menu-button-_r_1q_:hover, #headlessui-menu-button-_r_20_:hover, #headlessui-menu-button-_r_21_:hover, #headlessui-menu-button-_r_22_:hover,
#headlessui-menu-button-_r_d_:hover, #headlessui-menu-button-_r_e_:hover, #headlessui-menu-button-_r_f_:hover, #headlessui-menu-button-_r_g_:hover,
#headlessui-menu-button-_r_h_:hover, #headlessui-menu-button-_r_i_:hover
{background-color: var(--bg-color) !important;
transition: 0.5s;}
*/


.HeaderSettingMenu button:hover {background-color: var(--bg-color) !important; transition: 0.5s;}

 [role="menuitem"].bg-Gray-50:hover {background-color: var(--bg-color) !important; transition: 0.5s;}
.menu .bg-white {background-color: #223086;}
.menu [role="menuitem"] .bg-Gray-50:hover {background-color: #223086;}

.all-participants-wrap button{background: none !important;}

#startupJoinModal {background-image: url("https://secure.coastlinemedicalservices.com/images/bg-scaled.jpg") !important;
    height: 100%; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;}
  
  
#startupJoinModal .divider {display: none !important;}
#startupJoinModal .bg-Gray-50 {background-color: var(--bg-color) !important;}
/*#startupJoinModal .bg-Gray-25 {background-color: #1a2567) !important;}*/


.border-\[rgba\(124\,206\,247\,0\.25\)\] {
    border-color: #223086;
    border-top-color: rgba(34, 48, 134);
    border-right-color: rgba(34, 48, 134);
    border-bottom-color: rgba(34, 48, 134);
    border-left-color: rgba(34, 48, 134);
}

#head .bg-white {background-color: #1a2567) !important;}
.pnm-settings{color:#FFFFFF;}
.pnm-keyboard{color:#FFFFFF;}
.pnm-logout{color:#FFFFFF;}