/* CollabPitch v28.1 — mobile/tablet usability hardening */
html{overflow-x:hidden;scroll-behavior:smooth}body{overflow-x:hidden;min-width:0}.topbar>*{min-width:0}.cp-mobile-menu-btn,.cp-mobile-sidebar-btn,.cp-mobile-overlay,.cp-mobile-bottom-nav{display:none}img,video,svg,canvas{max-width:100%;height:auto}input,select,textarea,button{max-width:100%}.workspace,.panel,.table-card,.chat-shell,.full-profile-card,.locked-profile{min-width:0}.modal{z-index:5000!important}.modal-card{position:relative!important}.modal-close{position:sticky!important;float:right;top:0!important;right:0!important;z-index:5100!important;width:46px!important;height:46px!important;min-width:46px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#111827!important;color:#fff!important;border:3px solid #fff!important;box-shadow:0 8px 24px rgba(0,0,0,.25)!important;font-size:28px!important;line-height:1!important;cursor:pointer!important;touch-action:manipulation}.modal-close:hover,.modal-close:focus{background:#6d28d9!important;outline:3px solid #c4b5fd!important}.creator-dashboard-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.creator-dashboard-actions .btn{white-space:normal;text-align:center}.workspace-head>.btn,.workspace-head>button,.workspace-head>a.btn{flex:0 0 auto}.creator-photo{background-color:#ede9fe;background-image:url('assets/creator-female.svg');background-repeat:no-repeat;background-size:cover;background-position:center}.brand-card img,.brand-gallery img{background:#f3f0ff url('assets/brand-placeholder.svg') center/cover no-repeat}
@media(max-width:1024px){.wrap{padding-left:18px;padding-right:18px}.hero{grid-template-columns:1fr 1fr;gap:22px}.hero h1{font-size:50px}.creator-grid,.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.app-page.active{grid-template-columns:210px minmax(0,1fr)}.workspace{padding:24px}.filter-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.filter-grid>*{width:100%;min-width:0}.full-profile-grid,.payment-layout{grid-template-columns:1fr}.profile-metrics,.locked-metrics{grid-template-columns:repeat(3,1fr)}.workspace-head{flex-wrap:wrap}.workspace-head>div:first-child{min-width:250px;flex:1}.creator-dashboard-actions{flex:1;min-width:280px}.creator-dashboard-actions .btn{flex:1;min-width:150px}}
@media(max-width:780px){body{padding-bottom:78px}.topbar{height:66px;padding:0 14px;gap:10px}.topbar nav,.topbar>div:last-child{display:none}.topbar .brand{flex:1;min-width:0}.cp-mobile-menu-btn{display:inline-grid;place-items:center;width:46px;height:46px;min-width:46px;border:1px solid #e4e7ec;border-radius:13px;background:#fff;font-size:25px;line-height:1;flex:0 0 auto;z-index:1201}.topbar.cp-menu-open nav{display:flex;position:fixed;z-index:1200;top:72px;left:12px;right:12px;max-height:calc(100dvh - 160px);overflow-y:auto;flex-direction:column;gap:4px;background:#fff;padding:12px;border:1px solid #e4e7ec;border-radius:16px;box-shadow:0 18px 50px rgba(16,24,40,.18)}.topbar.cp-menu-open nav a{padding:14px;border-radius:10px;min-height:48px;display:flex;align-items:center}.topbar.cp-menu-open>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;z-index:1200;bottom:86px;left:12px;right:12px;background:#fff;padding:12px;border:1px solid #e4e7ec;border-radius:16px}.cp-mobile-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:1090;backdrop-filter:blur(2px)}.cp-mobile-overlay.active{display:block}.hero{display:flex;flex-direction:column;min-height:auto;padding-top:36px;padding-bottom:24px;text-align:center}.hero>div:first-child{width:100%}.hero h1{font-size:40px;line-height:1.06;margin:16px 0}.hero p{font-size:16px;margin-left:auto;margin-right:auto}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:520px;margin:24px auto}.stats{justify-content:center;gap:22px;flex-wrap:wrap}.hero-art{display:block!important;width:100%;height:360px;transform:scale(.84);transform-origin:top center;margin-bottom:-55px}.phone-card,.match-card,.orb{display:block!important}.trusted{padding-top:18px}.logos{gap:20px;flex-wrap:wrap}.feature-strip{grid-template-columns:1fr;padding-bottom:35px}.app-page.active{display:block}.sidebar{position:fixed!important;z-index:1150!important;left:0;top:0;bottom:0;width:min(86vw,320px);min-height:100dvh;transform:translateX(-105%);transition:transform .25s cubic-bezier(.2,.8,.2,1);box-shadow:18px 0 50px rgba(16,24,40,.22);overflow-y:auto;padding:22px 18px 110px;background:#fff}.sidebar.cp-sidebar-open{transform:translateX(0)}.cp-mobile-sidebar-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin:0 0 16px;border:1px solid #ddd;background:#fff;border-radius:12px;padding:10px 14px;font-weight:800}.workspace{padding:20px 14px 30px}.workspace-head,.section-row{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:18px}.workspace-head>div:first-child{min-width:0}.workspace-head>.btn,.workspace-head>button,.workspace-head>a.btn{width:100%;flex:auto}.creator-dashboard-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;min-width:0;gap:12px}.creator-dashboard-actions .btn{width:100%;min-width:0;display:flex;align-items:center;justify-content:center;min-height:50px;padding:12px}.ai-chip{align-self:flex-start}.searchbox{display:flex;align-items:center;gap:8px;padding:12px}.searchbox input{width:100%;min-width:0}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.filters>*{width:100%;min-width:0}.creator-grid,.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.creator-photo{height:180px}.creator-card,.brand-card{padding:13px}.creator-actions{flex-direction:column;gap:9px}.creator-actions .btn{width:100%;min-height:46px}.metric-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.metric-cards>div{padding:16px}.metric-cards strong{font-size:23px}.dashboard-grid{grid-template-columns:1fr!important}.chat-shell{grid-template-columns:1fr;min-height:0}.conversation-list{border-right:0;border-bottom:1px solid #eee;display:flex;overflow-x:auto}.conversation{min-width:210px}.chat-panel{min-height:420px;padding:15px}.bubble{max-width:88%;margin-left:0}.chat-form{position:sticky;bottom:78px;background:#fff;padding-top:10px}.table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-card>.row,.admin-user-row,.short-row,.pay-select{min-width:680px}.profile-main{flex-direction:column;text-align:center;margin-top:-55px;padding:0 18px 22px}.profile-cta{margin-left:0;width:100%}.profile-cta .btn{width:100%;min-height:46px}.profile-metrics,.locked-metrics{grid-template-columns:repeat(2,1fr)}.brand-profile-card{flex-direction:column;text-align:center;padding:20px}.plans{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}.plan.popular{transform:none}.footer-grid{grid-template-columns:repeat(2,1fr)!important;gap:26px!important}.modal{padding:8px!important;align-items:flex-start!important;padding-top:max(8px,env(safe-area-inset-top))!important}.modal-card{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;overflow-y:auto;border-radius:18px!important;padding:16px!important;margin:0!important}.modal-close{position:sticky!important;top:0!important;margin:-7px -7px 8px auto!important}.legal,.pricing-wrap{padding-top:36px;padding-bottom:36px}.section-title h2{font-size:32px}.cp-mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:1000;left:0;right:0;bottom:0;min-height:70px;padding:6px max(5px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));background:rgba(255,255,255,.98);backdrop-filter:blur(16px);border-top:1px solid #e4e7ec;box-shadow:0 -8px 25px rgba(16,24,40,.1)}.cp-mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;color:#667085;font-weight:700;min-width:0;min-height:54px;border-radius:10px;padding:3px 1px}.cp-mobile-bottom-nav a .cp-tab-icon{font-size:20px;line-height:1}.cp-mobile-bottom-nav a .cp-tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.cp-mobile-bottom-nav a.active{color:#6d28d9;background:#f5f3ff}}
@media(max-width:520px){.wrap{padding-left:14px;padding-right:14px}.hero{padding-top:28px}.hero h1{font-size:34px}.hero p{font-size:15px}.hero-actions{grid-template-columns:1fr}.hero-actions .btn{width:100%;min-height:48px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stats strong{font-size:19px}.stats span{font-size:10px}.hero-art{height:315px;transform:scale(.7);margin-bottom:-90px}.logos{gap:15px;font-size:13px}.workspace{padding:16px 10px 28px}.workspace h2{font-size:24px}.creator-dashboard-actions{grid-template-columns:1fr}.filter-grid,.filters{grid-template-columns:1fr}.filter-grid .btn,.filters .btn{width:100%}.creator-grid,.brand-grid{grid-template-columns:1fr}.creator-photo{height:240px}.metric-cards{grid-template-columns:1fr 1fr}.metric-cards>div{padding:13px}.metric-cards span{font-size:12px}.metric-cards strong{font-size:21px}.section-row h3{margin-bottom:0}.profile-metrics,.locked-metrics{grid-template-columns:1fr 1fr}.cover,.full-cover{height:170px}.profile-avatar{top:115px}.full-avatar{width:96px;height:96px}.locked-metrics div,.profile-metrics div{padding:13px 8px}.footer-grid{grid-template-columns:1fr!important}.pricing-wrap{padding-left:14px;padding-right:14px}.section-title h2{font-size:28px}.chat-form{display:grid;grid-template-columns:1fr auto}.chat-form input{min-width:0}.btn{min-height:46px}.cp-mobile-bottom-nav a{font-size:9px}}
@media(max-width:360px){.stats{grid-template-columns:1fr}.hero-art{transform:scale(.62);margin-left:-8px}.metric-cards{grid-template-columns:1fr}.cp-mobile-bottom-nav a{font-size:8px}.cp-mobile-bottom-nav a .cp-tab-icon{font-size:18px}}
@media(hover:none){.btn,.topbar a,.sidebar a,.modal-close,.cp-mobile-bottom-nav a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}}