@media screen and (max-width: 768px){:root{--mobile-vh: 1vh}.mobile-chat-container{height:100vh!important;height:calc(var(--vh, 1vh) * 100)!important;max-height:100vh!important;max-height:calc(var(--vh, 1vh) * 100)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;margin:0!important;padding:0!important;width:100vw!important;position:relative!important}.mobile-messages-area{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;min-height:0!important;padding:1rem!important;margin:0!important;background:#ffffff!important;height:100%!important;max-height:none!important}.mobile-chat-wrapper .messages-container{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;min-height:0!important;height:100%!important}.mobile-input-area{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));margin:0;background:white;border-top:1px solid #e5e7eb;position:relative;z-index:10}.mobile-chat-wrapper{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:9998!important;background:#f9fafb!important;width:100vw!important;height:100vh!important;height:calc(var(--vh, 1vh) * 100)!important;margin:0!important;padding:0!important}.mobile-chat-wrapper>*{margin:0!important;padding-top:0!important}.mobile-chat-wrapper main{margin:0!important;padding:0!important}.mobile-chat-active{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}.pt-safe-top{padding-top:env(safe-area-inset-top,0px)}.mobile-chat-wrapper *{box-sizing:border-box}.mobile-page-container{min-height:100vh!important;min-height:calc(var(--vh, 1vh) * 100)!important;padding-top:calc(104px + env(safe-area-inset-top,0px))!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;margin:0!important;width:100vw!important;overflow-x:hidden!important}.mobile-main-content{padding:1rem 0!important;margin:0!important;width:100%!important}.mobile-content-wrapper{padding:0!important;margin:0!important;width:100%!important}.mobile-content-wrapper.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.line-clamp-3{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.mobile-modal{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;transform:none!important;border-radius:1rem 1rem 0 0!important;max-height:80vh!important}.mobile-chat-wrapper .hamburger-menu-btn{padding:.5rem!important;border-radius:.375rem!important;transition:background-color .2s ease!important}.mobile-chat-wrapper .hamburger-menu-btn:hover{background-color:#fff3!important}.mobile-chat-wrapper .sidebar{box-shadow:4px 0 6px -1px #0000001a!important;border-right:1px solid #e5e7eb!important}.mobile-chat-wrapper .new-chat-btn{border-radius:.5rem!important;font-weight:500!important;transition:all .2s ease!important}.mobile-chat-wrapper .new-chat-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 6px -1px #0000001a!important}.mobile-page-container .notifications-summary{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)!important;border-radius:1rem!important;margin-bottom:1rem!important}.mobile-page-container .notification-card{border-radius:.75rem!important;margin-bottom:.75rem!important;border:1px solid #e2e8f0!important;transition:all .2s ease!important}.mobile-page-container .notification-card:active{transform:scale(.98)!important;background-color:#f8fafc!important}.mobile-page-container .notification-unread{border-left:4px solid #3b82f6!important;background:linear-gradient(135deg,#eff6ff 0%,#f0f9ff 100%)!important}.mobile-page-container .notification-actions{display:flex!important;gap:.5rem!important;align-items:center!important}.mobile-page-container .notification-filter-tabs{display:flex!important;gap:.5rem!important;overflow-x:auto!important;padding-bottom:.5rem!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.mobile-page-container .notification-filter-tabs::-webkit-scrollbar{display:none!important}.mobile-page-container .notification-filter-tab{flex-shrink:0!important;padding:.5rem .75rem!important;border-radius:.5rem!important;font-size:.75rem!important;font-weight:500!important;transition:all .2s ease!important;touch-action:manipulation!important}.mobile-page-container .notification-filter-tab:active{transform:scale(.95)!important}.mobile-page-container .notification-search{border-radius:.75rem!important;font-size:.875rem!important;padding:.75rem!important;border:2px solid #e2e8f0!important;transition:border-color .2s ease!important}.mobile-page-container .notification-search:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.mobile-page-container .notification-title{font-size:.875rem!important;font-weight:600!important;line-height:1.25!important;color:#1f2937!important}.mobile-page-container .notification-message{font-size:.75rem!important;line-height:1.4!important;color:#6b7280!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.mobile-page-container .notification-meta{display:flex!important;align-items:center!important;gap:.5rem!important;margin-top:.5rem!important}.mobile-page-container .notification-priority{font-size:.625rem!important;padding:.25rem .5rem!important;border-radius:.375rem!important;font-weight:500!important}.mobile-page-container .notification-time{font-size:.625rem!important;color:#9ca3af!important}.mobile-page-container .notification-actions-btn{width:1.5rem!important;height:1.5rem!important;padding:0!important;border-radius:.375rem!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important}.mobile-page-container .notification-actions-btn:active{transform:scale(.9)!important}.mobile-page-container .notification-view-btn{background:#f3f4f6!important;border:1px solid #d1d5db!important;color:#374151!important;font-size:.75rem!important;padding:.375rem .75rem!important;border-radius:.5rem!important;transition:all .2s ease!important}.mobile-page-container .notification-view-btn:active{background:#e5e7eb!important;transform:scale(.95)!important}.mobile-page-container button,.mobile-page-container [role=button]{min-height:44px!important;min-width:44px!important}.mobile-page-container .notification-card{min-height:80px!important}.mobile-page-container{padding-left:env(safe-area-inset-left,0px)!important;padding-right:env(safe-area-inset-right,0px)!important}.mobile-page-container .applicants-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)!important;border-radius:1rem!important;margin-bottom:1rem!important;padding:1rem!important}.mobile-page-container .applicants-filter-tabs{display:flex!important;gap:.25rem!important;overflow-x:auto!important;padding-bottom:.5rem!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.mobile-page-container .applicants-filter-tabs::-webkit-scrollbar{display:none!important}.mobile-page-container .applicants-filter-tab{flex-shrink:0!important;padding:.5rem .75rem!important;border-radius:.5rem!important;font-size:.75rem!important;font-weight:500!important;transition:all .2s ease!important;touch-action:manipulation!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}.mobile-page-container .applicants-filter-tab:active{transform:scale(.95)!important}.mobile-page-container .applicant-card{border-radius:.75rem!important;margin-bottom:.75rem!important;border:1px solid #e2e8f0!important;transition:all .2s ease!important;background:white!important}.mobile-page-container .applicant-card:active{transform:scale(.98)!important;background-color:#f8fafc!important}.mobile-page-container .applicant-avatar-section{display:flex!important;align-items:center!important;gap:.75rem!important;margin-bottom:.75rem!important}.mobile-page-container .applicant-details{flex:1!important;min-width:0!important}.mobile-page-container .applicant-name{font-size:.875rem!important;font-weight:600!important;line-height:1.25!important;color:#1f2937!important;margin-bottom:.25rem!important}.mobile-page-container .applicant-meta{display:flex!important;flex-direction:column!important;gap:.25rem!important;margin-bottom:.5rem!important}.mobile-page-container .applicant-meta-item{display:flex!important;align-items:center!important;gap:.25rem!important;font-size:.75rem!important;color:#6b7280!important}.mobile-page-container .applicant-message{background:#f9fafb!important;border-radius:.5rem!important;padding:.75rem!important;margin-bottom:.75rem!important;font-size:.75rem!important;line-height:1.4!important;color:#374151!important}.mobile-page-container .applicant-message-label{font-size:.625rem!important;font-weight:500!important;color:#6b7280!important;margin-bottom:.25rem!important;text-transform:uppercase!important;letter-spacing:.05em!important}.mobile-page-container .applicant-timestamps{display:flex!important;flex-direction:column!important;gap:.25rem!important;font-size:.625rem!important;color:#9ca3af!important}.mobile-page-container .applicant-actions{display:flex!important;flex-direction:row!important;gap:.5rem!important;margin-top:.75rem!important}.mobile-page-container .applicant-action-btn{flex:1!important;min-height:44px!important;padding:.75rem!important;border-radius:.5rem!important;font-size:.75rem!important;font-weight:500!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important}.mobile-page-container .applicant-action-btn:active{transform:scale(.95)!important}.mobile-page-container .applicant-action-btn.accept{background:#10b981!important;color:#fff!important;border:none!important}.mobile-page-container .applicant-action-btn.accept:hover{background:#059669!important}.mobile-page-container .applicant-action-btn.reject{background:#ef4444!important;color:#fff!important;border:none!important}.mobile-page-container .applicant-action-btn.reject:hover{background:#dc2626!important}.mobile-page-container .applicant-status-badge{font-size:.625rem!important;padding:.25rem .5rem!important;border-radius:.375rem!important;font-weight:500!important}.mobile-page-container .applicant-status-badge.pending{background:#fef3c7!important;color:#92400e!important;border:1px solid #fbbf24!important}.mobile-page-container .applicant-status-badge.accepted{background:#d1fae5!important;color:#065f46!important;border:1px solid #10b981!important}.mobile-page-container .applicant-status-badge.rejected{background:#fee2e2!important;color:#991b1b!important;border:1px solid #ef4444!important}.mobile-page-container .applicant-card{min-height:120px!important}.mobile-page-container .applicant-card{margin-left:.25rem!important;margin-right:.25rem!important}.mobile-page-container [data-radix-select-trigger]{height:3rem!important;font-size:.875rem!important}.mobile-page-container .earnings-mobile-wide{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.mobile-page-container .notification-card,.mobile-page-container .notifications-summary{margin-left:.25rem!important;margin-right:.25rem!important}}
