/* V3.1.0 – mobile layout, no changes to CRM logic */
html{overflow-x:hidden}
body{max-width:100%;overflow-x:clip}
.shell,.shell main,.panel{min-width:0;max-width:100%}
.gdg-v30-nav{position:relative}
@media(max-width:820px){
  .shell{box-sizing:border-box;width:100%;padding-left:clamp(12px,3vw,24px);padding-right:clamp(12px,3vw,24px)}
  .head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
  .brand{min-width:0;max-width:100%}
  .gdg-v28-brand-logo{object-fit:contain;max-width:min(35vw,110px);height:auto}
  .gdg-v28-brandtext{min-width:0}
  .intro{max-width:100%}
  .intro h1{font-size:clamp(1.8rem,7vw,3rem);line-height:1.15}
  .tabs{display:flex;gap:8px;overflow-x:auto;max-width:100%;scrollbar-width:thin;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:6px}
  .tabs button{flex:0 0 auto;white-space:nowrap}
  .gdg-metrics,.gdg-two,.gdg-v17-health-grid,.gdg-v23-grid,.gdg-v26-grid,.gdg-v28-grid,.gdg-v29-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
  .gdg-v30-nav{gap:8px}
  .gdg-v30-nav a{flex:1 1 auto;text-align:center;white-space:normal}
  .gdg-v22-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .gdg-v22-table{min-width:520px}
  .crm-item,.gdg-v23-card,.gdg-v26-card{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:540px){
  .head .version{font-size:.75rem;max-width:100%;overflow-wrap:anywhere}
  .gdg-v28-brand-logo{max-width:76px}
  .gdg-v28-brandtext strong{font-size:.88rem;letter-spacing:.035em}
  .gdg-v28-brandtext small{font-size:.65rem}
  .panel{padding:clamp(10px,3.4vw,18px)}
  .section-title{display:flex;flex-wrap:wrap;gap:8px}
  .gdg-v30-nav a{font-size:.84rem;padding:9px 10px}
  .gdg-v23,.gdg-v26,.gdg-v27,.gdg-v28,.gdg-v29{padding:14px}
  .gdg-v23-row{gap:6px;font-size:.82rem}
  .gdg-v23-row b{font-size:.78rem}
  .gdg-v26-metrics strong{font-size:1.55rem}
  .gdg-v22-form input,.gdg-v24-tools select{box-sizing:border-box;max-width:100%}
  .gdg-v19-line,.gdg-statrow{min-width:0}
  .gdg-v19-month{overflow-wrap:anywhere}
  footer{display:flex;flex-wrap:wrap;gap:8px}
}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}