/* ═══════════════════════════════════════
   MOBILE DEDICATED STYLES
   ═══════════════════════════════════════ */

/* Large Tablets & Below */
@media(max-width:1100px){
  /* Layout Adjustments */
  .hero-section{grid-template-columns:1fr;min-height:auto;padding:40px 0;gap:28px}
  .feature-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}
  .plan-grid{grid-template-columns:repeat(2,1fr)}
  .welcome-banner{flex-direction:column;align-items:flex-start;gap:16px;padding:22px}
  .welcome-banner-aside{text-align:right}
  
  .app-shell{display:block;width:100%;max-width:100vw;overflow-x:hidden}
  
  /* Off-canvas mobile sidebar */
  .app-sidebar{position:fixed;top:0;bottom:0;right:-280px;width:260px;height:100vh;z-index:9999;transition:right .3s var(--ease);box-shadow:-5px 0 25px rgba(0,0,0,.3);overflow-y:auto;padding-bottom:80px}
  .app-sidebar.show{right:0}
  
  /* Mobile Topbar & Overlay */
  .mobile-menu-btn{display:block !important; margin-left:12px; z-index:900}
  .app-shell::after{content:'';position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9998;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(2px)}
  .app-shell:has(.app-sidebar.show)::after{opacity:1;pointer-events:all}

  .app-section .stat-grid{grid-template-columns:repeat(2,1fr)}
  
  /* Tables horizontally scrollable */
  .table-list{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table-row{min-width:600px}
}

/* Phones & Small Tablets */
@media(max-width:780px){
  /* Grids to 1 col */
  .feature-grid,.steps-grid,.grid-two,.grid-three,.form-row,.plan-grid{grid-template-columns:1fr}
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  
  /* Spacing */
  .app-content{padding:12px 8px}
  .app-topbar{padding:12px 16px;gap:8px}
  .app-topbar-search{flex:unset;width:40px;overflow:hidden;transition:all .3s}
  .app-topbar-search:focus-within{width:100%;flex:1}
  .app-topbar-search input{padding:8px;font-size:.85rem}
  
  /* Content formatting */
  .content-card{padding:16px;border-radius:12px}
  .page-title h1{font-size:1.6rem}
  .page-title p{font-size:.9rem}
  
  /* Tables completely stacked on narrow phones */
  .table-list{display:grid;gap:12px;overflow-x:hidden}
  .table-row{min-width:auto;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;border:1px solid var(--bdr);border-radius:8px}
  .table-row > div:last-child{width:100%;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px dashed var(--bdr)}
  
  .section-block{margin-top:40px}
  .public-footer{margin-top:40px}
}

/* Small Phones */
@media(max-width:500px){
  .container{width:calc(100% - 24px)}
  .hero-copy h1{font-size:1.7rem;line-height:1.3}
  .hero-actions{flex-direction:column;gap:12px}
  .hero-actions .btn{width:100%}
  .stat-grid{grid-template-columns:1fr}
  .trust-bar{gap:14px;flex-wrap:wrap;justify-content:center}
  
  .app-topbar-profile{display:none} /* Hide profile name on very small screens, keep avatar */
  .app-topbar-right{gap:8px}
}