.responsive-container{width:100%;max-width:100%;margin:0 auto;padding:.75rem}@media (min-width:640px){.responsive-container{padding:1rem}}@media (min-width:768px){.responsive-container{padding:1.5rem}}@media (min-width:1024px){.responsive-container{max-width:1280px;padding:2rem}}.responsive-text-xs{font-size:.625rem;line-height:.875rem}.responsive-text-sm{font-size:.75rem;line-height:1rem}.responsive-text-base{font-size:.875rem;line-height:1.25rem}.responsive-text-lg{font-size:1rem;line-height:1.5rem}.responsive-text-xl{font-size:1.125rem;line-height:1.75rem}.responsive-text-2xl{font-size:1.25rem;line-height:1.75rem}@media (min-width:640px){.responsive-text-base{font-size:.875rem;line-height:1.25rem}.responsive-text-lg{font-size:1rem;line-height:1.5rem}.responsive-text-xl{font-size:1.25rem;line-height:1.75rem}.responsive-text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width:768px){.responsive-text-lg{font-size:1.125rem;line-height:1.75rem}.responsive-text-xl{font-size:1.5rem;line-height:2rem}.responsive-text-2xl{font-size:1.875rem;line-height:2.25rem}}.responsive-spacing-xs{padding:.5rem}.responsive-spacing-sm{padding:.75rem}.responsive-spacing-md{padding:1rem}.responsive-spacing-lg{padding:1.5rem}@media (min-width:768px){.responsive-spacing-md{padding:1.5rem}.responsive-spacing-lg{padding:2rem}}.chat-window-container{flex-direction:column;height:100%;max-height:100vh;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:.75rem}@media (min-width:768px){.chat-header{padding:1rem 1.5rem}}.chat-messages-container{-webkit-overflow-scrolling:touch;flex:1;padding:.75rem;overflow-y:auto}@media (min-width:768px){.chat-messages-container{padding:1.5rem}}.chat-input-container{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;padding:.75rem}@media (min-width:768px){.chat-input-container{padding:1rem 1.5rem}}.dashboard-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:640px){.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width:1024px){.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.dashboard-card{background:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a}@media (min-width:768px){.dashboard-card{padding:1.5rem}}.nav-item{white-space:nowrap;padding:.5rem .75rem;font-size:.875rem}@media (min-width:768px){.nav-item{padding:.75rem 1rem;font-size:1rem}}.mobile-nav-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.mobile-nav-scroll::-webkit-scrollbar{display:none}.responsive-button{border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s}@media (min-width:768px){.responsive-button{padding:.75rem 1.5rem;font-size:1rem}}.responsive-icon-button{border-radius:.375rem;padding:.5rem}@media (min-width:768px){.responsive-icon-button{padding:.625rem}}.responsive-input{border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.625rem .75rem;font-size:.875rem}@media (min-width:768px){.responsive-input{padding:.75rem 1rem;font-size:1rem}}.responsive-textarea{resize:vertical;border:1px solid #d1d5db;border-radius:.375rem;width:100%;min-height:80px;padding:.625rem .75rem;font-size:.875rem}@media (min-width:768px){.responsive-textarea{min-height:100px;padding:.75rem 1rem;font-size:1rem}}.responsive-modal{z-index:50;justify-content:center;align-items:flex-end;padding:1rem;display:flex;position:fixed;inset:0}@media (min-width:768px){.responsive-modal{align-items:center}}.responsive-modal-content{background:#fff;border-radius:.5rem;width:100%;max-width:100%;max-height:90vh;padding:1rem;overflow-y:auto}@media (min-width:640px){.responsive-modal-content{max-width:32rem;padding:1.5rem}}@media (min-width:768px){.responsive-modal-content{max-width:42rem;padding:2rem}}.video-call-container{z-index:50;background:#000000e6;position:fixed;inset:0}.video-call-minimized{z-index:50;border-radius:.5rem;width:200px;height:150px;position:fixed;bottom:1rem;right:1rem;overflow:hidden;box-shadow:0 10px 25px #0000004d}@media (min-width:768px){.video-call-minimized{width:320px;height:240px}}.video-call-controls{justify-content:center;gap:.5rem;padding:1rem;display:flex}@media (min-width:768px){.video-call-controls{gap:1rem;padding:1.5rem}}.responsive-avatar-sm{-o-object-fit:cover;object-fit:cover;border-radius:9999px;width:2rem;height:2rem}.responsive-avatar-md{-o-object-fit:cover;object-fit:cover;border-radius:9999px;width:2.5rem;height:2.5rem}@media (min-width:768px){.responsive-avatar-md{width:3rem;height:3rem}}.responsive-avatar-lg{-o-object-fit:cover;object-fit:cover;border-radius:9999px;width:3rem;height:3rem}@media (min-width:768px){.responsive-avatar-lg{width:4rem;height:4rem}}.responsive-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.responsive-table{width:100%;min-width:600px;font-size:.875rem}@media (min-width:768px){.responsive-table{font-size:1rem}}.hide-on-mobile{display:none}@media (min-width:768px){.hide-on-mobile{display:block}}.show-on-mobile{display:block}@media (min-width:768px){.show-on-mobile{display:none}}.responsive-flex-col{flex-direction:column;gap:.75rem;display:flex}@media (min-width:768px){.responsive-flex-col{flex-direction:row;gap:1rem}}.responsive-flex-wrap{flex-wrap:wrap;gap:.5rem;display:flex}@media (min-width:768px){.responsive-flex-wrap{gap:1rem}}.safe-area-padding-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-area-padding-top{padding-top:env(safe-area-inset-top,0)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.touch-optimized{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.touch-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
