/* Mobile app shell: compact header, thumb-friendly bottom navigation and touch controls. */
@media(max-width:760px){
  body{font-size:15px;padding-bottom:76px;-webkit-tap-highlight-color:transparent}
  .sidebar{inset:auto 0 0;width:100%;height:70px;padding:5px 7px calc(5px + env(safe-area-inset-bottom));display:block;border-right:0;border-top:1px solid #e5ece7;background:#fff;box-shadow:0 -5px 18px #19362b0a}
  .sidebar>.brand,.sidebar>.nav-label,.sidebar-bottom{display:none}
  .sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);height:100%;gap:3px}
  .sidebar .nav-item,.sidebar .nav-item:not(.active){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:9px;line-height:1.1;color:#7d8b82;border-radius:8px}
  .sidebar .nav-item span{font-size:19px;width:auto;line-height:1}
  .sidebar .nav-item.active{background:#edf6ef;color:#23754d}
  .main{margin:0;padding:0 14px 18px;max-width:none}
  .topbar{height:58px;position:sticky;top:0;z-index:3;margin:0 -14px;padding:0 14px;background:#f7f9f7ed;backdrop-filter:blur(14px);border-bottom:1px solid #e9eeea}
  .mobile-brand{font-size:17px;gap:6px}
  .mobile-brand .brand-mark{width:29px;height:29px;border-radius:9px;font-size:18px}
  .top-actions{gap:7px}.small-avatar{width:28px;height:28px}
  .page-heading{margin:23px 0 17px;align-items:center}
  .page-heading h1{font-size:24px}.subtitle{font-size:11px;max-width:225px}
  .page-heading>.primary-button{min-width:40px;min-height:40px;border-radius:11px;box-shadow:0 4px 12px #276f4b25}
  .stats-grid{gap:9px}.stat-card{min-height:102px;border-radius:12px;padding:13px}
  .stat-value{font-size:19px}.content-grid{gap:10px}.panel{border-radius:12px}
  .portfolio-panel,.distribution-panel{padding:15px;border-radius:12px}
  .table-panel{border-radius:12px}.table-heading{padding:15px 14px}
  .table-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  table{min-width:700px}th{padding:12px 13px}td{padding:12px 13px}
  .modal-backdrop{align-items:flex-end;padding:0}
  .modal{width:100%;max-height:92dvh;overflow:auto;border-radius:18px 18px 0 0;padding:22px 19px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -10px 50px #11261b26}
  .modal-head{margin-bottom:17px}.modal-head h2{font-size:20px}
  .modal form{gap:13px}.modal label{font-size:11px}.modal input,.modal select{min-height:44px;font-size:14px}
  .upload-zone{min-height:62px}.location-row{grid-template-columns:1fr}.location-button{min-height:42px;justify-self:start}
  .modal-actions{position:sticky;bottom:-20px;background:#fff;padding:12px 0 3px;margin:0;z-index:1}
  .modal-actions button{min-height:43px;font-size:12px}
  .documents-gallery{grid-template-columns:1fr 1fr}.document-card img{height:155px}
  .table-tools .filter-button,.table-tools .view-all{min-height:36px}.search{min-height:36px}
  .table-footer{padding:12px 14px}
}
@media(max-width:380px){
  .main{padding-left:11px;padding-right:11px}.topbar{margin-left:-11px;margin-right:-11px;padding-left:11px;padding-right:11px}
  .stat-top{font-size:8px}.stat-card{padding:10px}.stat-value{font-size:17px}
  .distribution-panel{grid-template-columns:.9fr 1.1fr}.donut{width:108px;height:108px}.donut:after{width:80px;height:80px}
}