/* Vindux meeting controls use the workspace's neutral surfaces and orange accent. */
body:has(#bottomButtons){background:#f4f3ef!important;}
#bottomButtons{padding:8px!important;gap:7px;border:1px solid #e3e2dc!important;border-radius:17px!important;background:#fff!important;box-shadow:0 8px 36px #24232117!important;}
#bottomButtons button:not(#exitButton):not(.red){background:#f3f3f0!important;color:#46443e!important;border:1px solid transparent!important;border-radius:10px;box-shadow:none;}
#bottomButtons button:not(#exitButton):not(.red):hover{background:#e9e9e3!important;color:#242321!important;}
#bottomButtons button:is(#stopAudioButton,#stopVideoButton):not(#exitButton){background:#fff0dc!important;color:#a65800!important;}
#bottomButtons button:is(#startAudioButton,#startVideoButton):not(#exitButton){background:#fbe9e6!important;color:#a6382f!important;}
#bottomButtons button:is(#stopScreenButton,#lowerHandButton):not(#exitButton){background:#fc830a!important;color:#2a2a2a!important;}
#bottomButtons .split-btn{gap:2px;}
#bottomButtons .split-btn>button:first-of-type{border-radius:10px 4px 4px 10px;}
#bottomButtons .device-dropdown-toggle{border-radius:4px 10px 10px 4px!important;}
#bottomButtons .dropdown-menu{border:1px solid #e5e4de!important;border-radius:14px!important;padding:8px!important;box-shadow:0 12px 44px #29272224!important;}
#bottomButtons .dropdown-menu button:not(#exitButton):not(.red){background:#fff!important;border-radius:8px;}
#bottomButtons .dropdown-menu button:not(#exitButton):not(.red):hover{background:#f8f3ec!important;}
#bottomButtons .dropdown-menu :is(.device-menu-header,.extra-menu-group){font-size:10px;letter-spacing:.08em;font-weight:700;}
#bottomButtons #exitButton{background:#fff0ee!important;color:#bb3f34!important;border:1px solid #f4ddd8;border-radius:10px;}
#bottomButtons #exitButton:hover{background:#f9dfdb!important;}
.vindux-meeting-brand{border-radius:11px;box-shadow:0 2px 12px #28272208;padding:10px 14px;border-color:#e6e3dc;font-size:12px;}
.vindux-meeting-brand img{width:90px;}
#mySettings,#chatRoom,#participants,#pollRoom,#transcriptionRoom,#editorRoom,#breakoutPanel,.room-modal,.swal2-popup{border-radius:16px!important;border-color:#e7e4dd!important;box-shadow:0 16px 70px #25231e1a!important;}
#mySettingsHeader,.chat-header,.participants-header,#editorRoom .editor-header,#breakoutPanel .breakout-panel-header{background:#fff!important;border-bottom:1px solid #ece9e2;}
#mySettings :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea),.chat-input-textarea,#breakoutPanel input,#breakoutPanel select{border-radius:8px!important;border-color:#deded5!important;font-size:14px;}
#mySettings :is(.btn-custom,.settings-action-btn){border-radius:9px!important;font-size:13px;}
#mySettings .tablinks{border-radius:9px!important;font-size:13px;}
#mySettings .tablinks.active{background:#fff1df!important;}
.swal2-title{font-size:24px!important;letter-spacing:-.6px!important;font-weight:700!important;}
.swal2-actions .swal2-styled{border-radius:9px!important;font-size:14px!important;}
.swal2-html-container{font-size:14px!important;}
.vindux-host-login,.vindux-host-login .body-wrap,body.vindux-exit-page{background:#f7f5f0!important;}
.vindux-host-login .login-card{border-radius:18px!important;box-shadow:0 12px 60px #29251e08!important;}
.vindux-host-login .login-input-group{border-radius:9px!important;border-color:#deded5!important;}
.vindux-host-login .vindux-portal-login,.vindux-host-login .login-btn{border-radius:9px!important;}
@media(max-width:600px){#bottomButtons{gap:4px;border-radius:14px!important;}#bottomButtons .split-btn{gap:1px;}.vindux-meeting-brand{border-radius:9px;}}

/* Keep paired media controls seamless in every camera and microphone state. */
#bottomButtons .split-btn{background:transparent!important;gap:2px;box-shadow:none;}
#bottomButtons>button,#bottomButtons .split-btn>button,#bottomButtons #exitButton{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1;}
#bottomButtons .split-btn .device-dropdown-toggle{width:26px;height:44px;min-width:26px;border-left:0!important;}
#bottomButtons .device-dropdown-toggle i{font-size:11px;color:inherit!important;}
#bottomButtons .split-btn>button:not(.device-dropdown-toggle){border-radius:10px 4px 4px 10px!important;}
#bottomButtons button:focus-visible{outline:2px solid #b05a00!important;outline-offset:3px;box-shadow:none;}
#bottomButtons .split-btn .dropdown-menu{min-width:min(280px,calc(100vw - 24px));max-width:calc(100vw - 24px);backdrop-filter:none;-webkit-backdrop-filter:none;}
#bottomButtons .dropdown-menu button:not(#exitButton):not(.red){min-height:40px;font-size:13px;line-height:1.4;padding:9px 12px;}
#bottomButtons .dropdown-menu .device-menu-toggle-row{gap:14px;padding:9px 12px;min-height:48px;}
#bottomButtons .dropdown-menu .device-menu-toggle-row label{min-width:0;flex:1;gap:10px;}
#bottomButtons .dropdown-menu .device-menu-toggle-row .form-switch{flex-shrink:0;margin:0;}
#bottomButtons .dropdown-menu .device-menu-toggle-row p{margin:0;white-space:normal;line-height:1.4;}
#bottomButtons .dropdown-menu .dropdown-divider{border-color:#ece9e3;opacity:1;margin:7px 4px;}
#bottomButtons button:disabled{opacity:.45;cursor:wait;}
@media(max-width:600px){
 #bottomButtons>button,#bottomButtons .split-btn>button,#bottomButtons #exitButton{width:40px;height:42px;font-size:18px;}
 #bottomButtons .split-btn .device-dropdown-toggle{width:24px;min-width:24px;height:42px;}
 body:has(#bottomButtons .dropdown-menu.show) .vindux-meeting-brand{visibility:hidden;}
}
#bottomButtons>#participantViewDropdown>#participantViewButton{width:44px;height:44px;font-size:20px;display:inline-flex;align-items:center;justify-content:center;}
@media(max-width:600px){#bottomButtons>#participantViewDropdown>#participantViewButton{width:40px;height:42px;font-size:18px;}}
@media(max-width:600px){
 #bottomButtons #settingsExtraMenu{bottom:calc(var(--vindux-toolbar-clearance,118px) + 12px)!important;max-height:calc(100dvh - var(--vindux-toolbar-clearance,118px) - 28px)!important;overscroll-behavior:contain;scrollbar-width:thin;}
}
@media(max-width:600px){
 #bottomButtons :is(#startAudioDeviceMenu,#startVideoDeviceMenu,#participantsActionsMenu,#participantViewMenu){position:fixed!important;transform:none!important;translate:none!important;top:auto!important;left:auto!important;right:12px!important;bottom:calc(var(--vindux-toolbar-clearance,118px) + 12px)!important;width:min(300px,calc(100vw - 24px));min-width:0;max-height:calc(100dvh - var(--vindux-toolbar-clearance,118px) - 28px)!important;overflow-y:auto;overscroll-behavior:contain;}
}