/* AgizaTips Phase 24 — Mobile-first responsive layer */
:root{--pp-mobile-gutter:14px;--pp-touch:44px}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
button,.btn,a.btn,input,select,textarea{touch-action:manipulation}

/* Global shell */
@media(max-width:820px){
  .container,.pp-container,.pp16-shell{width:calc(100% - 28px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
  .section{padding-left:0!important;padding-right:0!important}
  .section-title,.pp-title-row,.pp16-section-head{gap:10px!important}
  .section-title h1,.pp16-page-head h1{line-height:1.05!important}
  .topbar,.pp-topbar{position:sticky!important;top:0!important}
  .nav,.pp-nav{min-height:62px!important;height:62px!important;gap:8px!important}
  .brand,.pp-brand{font-size:17px!important;min-width:0}
  .brand-mark,.pp-logo{flex:0 0 auto}
  .nav-actions,.pp-actions{gap:6px!important;min-width:0}
  .nav-actions .btn,.pp-actions .btn{min-height:40px;padding:8px 10px!important;font-size:11px!important}
  .nav-actions .btn:not(.btn-primary):not(.btn-premium):nth-of-type(n+3){display:none!important}
  h1{overflow-wrap:anywhere}
}

@media(max-width:520px){
  :root{--pp-mobile-gutter:11px}
  .container,.pp-container,.pp16-shell{width:calc(100% - 22px)!important}
  .brand,.pp-brand{font-size:16px!important}
  .pp-brand:after,.brand:after{display:none!important}
  .nav-actions .btn,.pp-actions .btn{padding:7px 9px!important;font-size:10px!important}
  .nav-actions .btn:not(.btn-primary):not(.btn-premium):nth-of-type(n+2){display:none!important}
  .hero h1,.pp-hero h1{font-size:clamp(34px,11vw,48px)!important}
  .section-title h1,.pp16-page-head h1{font-size:clamp(28px,9vw,40px)!important}
  .section-title p,.pp16-page-head p{font-size:13px!important;line-height:1.55!important}
}

/* Touch and forms */
@media(max-width:760px){
  .btn,button,input,select,textarea{min-height:var(--pp-touch)}
  input,select,textarea{width:100%;font-size:16px!important}
  .form-grid,.pp-form-grid{grid-template-columns:1fr!important}
  .form-group{min-width:0}
  .form-group label{font-size:12px}
  textarea{min-height:110px}
  .pp-actions,.pp-table-actions{gap:7px}
}

/* Tables remain tables: smooth horizontal scroll, readable first column */
.pp-table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
@media(max-width:760px){
  .pp-table-mobile-hint{display:block!important;margin:8px 1px 0!important;font-size:11px!important}
  .pp-table{font-size:12px!important;min-width:680px!important}
  .pp-picks-table{min-width:720px!important}
  .pp-table th,.pp-table td{padding:8px 9px!important}
  .pp-picks-table th,.pp-picks-table td{padding:7px 8px!important}
  .pp-table th{font-size:9px!important;letter-spacing:.05em!important}
  .pp-picks-table td{height:48px!important}
  .pp-picks-table th:first-child,.pp-picks-table td:first-child{width:210px!important;min-width:210px!important;max-width:210px!important}
  .pp-picks-table th:nth-child(2),.pp-picks-table td:nth-child(2){width:118px!important;min-width:118px!important}
  .pp-picks-table th:nth-child(3),.pp-picks-table td:nth-child(3){width:68px!important;min-width:68px!important}
  .pp-picks-table th:nth-child(4),.pp-picks-table td:nth-child(4),.pp-picks-table th:nth-child(5),.pp-picks-table td:nth-child(5){width:78px!important;min-width:78px!important}
  .pp-picks-table th:nth-child(6),.pp-picks-table td:nth-child(6){width:92px!important;min-width:92px!important}
  .pp-picks-table th:nth-child(7),.pp-picks-table td:nth-child(7){width:70px!important;min-width:70px!important}
  .pp-picks-table th:nth-child(8),.pp-picks-table td:nth-child(8){width:100px!important;min-width:100px!important}
  .pp-picks-table th:first-child,.pp-picks-table td:first-child{position:sticky;left:0;z-index:4;background:#0a141b!important;box-shadow:8px 0 16px rgba(0,0,0,.18)}
  .pp-picks-table th:first-child{z-index:6;background:#0d1921!important}
  .pp-picks-table tbody tr:nth-child(even) td:first-child{background:#0b171e!important}
  .pp-table-wrap:after{content:"Swipe to see more →";position:sticky;left:10px;display:inline-block;margin:6px 8px 8px;padding:4px 8px;border-radius:999px;background:#0e2029;color:#6f8794;font-size:9px;pointer-events:none}
  .pp-table-wrap.scrolled-end:after{display:none}
}

/* Flanked match row on phones */
@media(max-width:760px){
  .pp-match-flanked{display:grid!important;grid-template-columns:28px minmax(0,1fr) 28px!important;gap:7px!important;width:100%!important;align-items:center!important}
  .pp-match-label{justify-content:center!important;gap:4px!important;font-size:11.5px!important;min-width:0!important;text-align:center}
  .pp-match-label>span:not(.pp-match-vs){max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pp-match-vs{font-size:8px!important}
  .pp-match-logo .pp3-team-mark{width:28px!important;height:28px!important;min-width:28px!important;border-radius:8px!important}
  .pp-match-logo .pp3-team-mark img{max-width:21px!important;max-height:21px!important}
  .pp-match-meta{font-size:9px!important;margin-top:3px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
  .pp-pick-focus{font-size:12px!important}
  .pp-prob-focus{font-size:13px!important}
  .pp-price-status{font-size:9px!important;padding:3px 6px!important}
  .pp-best-odds{font-size:12px!important}
  .pp-table-legend{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;font-size:10px!important}
}

@media(max-width:420px){
  .pp-picks-table{min-width:690px!important}
  .pp-picks-table th:first-child,.pp-picks-table td:first-child{width:190px!important;min-width:190px!important;max-width:190px!important}
  .pp-match-label>span:not(.pp-match-vs){max-width:62px}
}

/* Today / homepage content */
@media(max-width:650px){
  .pp16-page{padding:76px 0 92px!important}
  .pp16-page-head{margin-bottom:12px!important}
  .pp16-summary{border-radius:12px!important;margin:10px 0 16px!important}
  .pp16-summary>div{padding:10px 11px!important}
  .pp16-summary strong{font-size:14px!important}
  .pp16-section{margin-top:22px!important}
  .pp16-section-head{align-items:flex-start!important}
  .pp16-section-head h2{font-size:21px!important}
  .pp16-section-head p{font-size:11px!important}
  .pp16-link{font-size:10px!important;white-space:nowrap}
  .pp-table-legend{margin-top:8px!important}
  .pp-livebar,.pp-kpi-grid,.pp-statgrid,.pp-result-summary{gap:8px!important}
}

/* Multibet tables */
@media(max-width:760px){
  .pp-table-compact{min-width:590px!important}
  .pp-multibet-open,.pp-table-cta{min-height:38px!important;padding:6px 9px!important;font-size:10px!important}
  .pp-table-badge{font-size:9px!important;padding:4px 6px!important}
}

/* Member area */
@media(max-width:650px){
  .pp-member-shell{padding-top:78px!important}
  .pp-member-toolbar{gap:10px!important;margin-bottom:13px!important}
  .pp-member-toolbar h1{font-size:28px!important}
  .pp-member-nav{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:4px!important;gap:4px!important}
  .pp-member-nav a{scroll-snap-align:start;min-height:38px!important;padding:7px 9px!important;font-size:9px!important}
  .pp-member-hero,.pp3-command-grid{grid-template-columns:1fr!important}
  .pp-kpi-grid{grid-template-columns:1fr 1fr!important}
  .pp-kpi,.pp-admin-kpi{padding:12px!important}
  .pp-kpi strong,.pp-admin-kpi strong{font-size:21px!important}
  .pp-chat-composer{position:sticky;bottom:72px;z-index:20;background:#07151d;padding:8px;border:1px solid #1c3441;border-radius:13px}
  .pp-chat-composer textarea{min-height:74px!important}
}

/* Admin */
@media(max-width:820px){
  .pp-admin-layout{display:block!important}
  .pp-admin-sidebar{position:relative!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:10px!important;border-right:0!important;border-bottom:1px solid rgba(143,174,190,.16)!important}
  .pp-admin-sidebar .pp-brand{margin-bottom:8px!important}
  .pp-admin-group{width:auto!important;display:block!important;margin:5px 0!important}
  .pp-admin-group h4{font-size:9px!important;margin:7px 5px!important}
  .pp-admin-group nav,.pp-admin-group .links{display:flex!important;gap:5px!important;overflow-x:auto!important;padding-bottom:4px!important;scrollbar-width:none}
  .pp-admin-group nav::-webkit-scrollbar,.pp-admin-group .links::-webkit-scrollbar{display:none}
  .pp-admin-group a{white-space:nowrap!important;flex:0 0 auto!important;min-height:38px!important;padding:7px 9px!important;font-size:9px!important}
  .pp-admin-main{padding:12px!important}
  .pp-admin-top{gap:8px!important}
  .pp-admin-top h1{font-size:26px!important}
  .pp-admin-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .admin-card{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .pp-admin-table{min-width:680px!important}
}
@media(max-width:480px){
  .pp-admin-grid{grid-template-columns:1fr!important}
}

/* Bookmakers page */
@media(max-width:620px){
  .pp-ke-book-grid{grid-template-columns:1fr!important}
  .pp-ke-bookie-action{min-width:100%!important}
  .pp-ke-bookbar{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:4px;scrollbar-width:none}
  .pp-ke-bookbar::-webkit-scrollbar{display:none}
  .pp-ke-bookie{flex:0 0 auto}
}

/* Drawers / modals / onboarding */
@media(max-width:650px){
  .pp3-drawer{inset:0!important;width:100%!important;max-width:none!important;border-radius:0!important;padding:15px!important;overflow-y:auto!important}
  .pp3-drawer-grid{grid-template-columns:1fr!important}
  .pp16-onboarding{padding:10px!important}
  .pp16-onboarding-card{padding:18px!important;border-radius:17px!important;max-height:92vh;overflow-y:auto}
  .pp16-onboarding-card h2{font-size:24px!important}
}

/* Footer and safe-area handling */
@media(max-width:650px){
  body:not(.pp-admin-body){padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
  .pp3-mobile-nav{bottom:calc(8px + env(safe-area-inset-bottom))!important}
  .pp-footer,footer{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
}


/* Phase 25 responsive priority */
@media(max-width:820px){
 body{padding-bottom:68px}.pp-mobile-cta{display:none!important}.pp25-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:1000;background:rgba(5,14,20,.97);border-top:1px solid #203743;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));backdrop-filter:blur(14px)}.pp25-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;color:#879eaa;text-decoration:none;font-size:9px;font-weight:750;gap:3px}.pp25-mobile-nav a b{font-size:14px;font-weight:500;line-height:1}.pp25-mobile-nav a.active{color:#36ef9c}
 .pp-table-mobile-hint{display:block!important}.pp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.pp-table{min-width:760px}.pp-table th:first-child,.pp-table td:first-child{position:sticky;left:0;z-index:3;background:#0b1821;box-shadow:8px 0 12px -12px #000}.pp-table thead th:first-child{z-index:6;background:#0a161e}.pp-match-cell{min-width:210px}.pp-match-flanked{grid-template-columns:24px minmax(138px,1fr) 24px;gap:6px;max-width:260px}.pp-match-logo .pp3-team-mark{width:22px;height:22px;min-width:22px}.pp-match-logo img{max-width:18px;max-height:18px}.pp-match-label{font-size:11px}.pp-match-meta{max-width:250px;font-size:8.5px}.pp25-daily-strip{grid-template-columns:1fr 1fr}.pp25-daily-strip>div:nth-child(3){border-left:0;border-top:1px solid var(--pp25-line)}.pp25-daily-strip>div:nth-child(4){border-top:1px solid var(--pp25-line)}
 .pp-table-toolbar{align-items:stretch}.pp-table-search{max-width:none;width:100%;order:-1}.pp-admin-main .pp-table{min-width:900px}
}
@media(max-width:520px){
 :root{--pp25-row:50px}.pp-container,.container,.pp16-shell{width:min(100% - 20px,1180px)!important}.pp-table{font-size:11px}.pp-table thead th{font-size:8.8px;padding:7px 8px}.pp-table td{padding:7px 8px}.pp25-daily-strip{grid-template-columns:1fr 1fr}.pp25-page-head{align-items:flex-start;flex-direction:column}.pp-filter-chip{padding:6px 8px;font-size:10px}.pp-table .btn,.pp-table .pp-btn{min-height:28px!important;padding:0 8px!important;font-size:9px!important}
}

@media(max-width:520px){.pp-table .pp-mobile-secondary{display:none!important}}

/* Phase 26 audit responsive */
@media(max-width:700px){.pp-form-grid{grid-template-columns:1fr}.pp-page-top{padding-top:84px}.pp-actionbar,.pp-section-head,.pp-status-row{align-items:stretch}.pp-pagination{justify-content:space-between}.pp-pagination span{font-size:12px}.pp-auth-shell{padding:14px}}