.crm-mobile-nav,.crm-mobile-scrim,.crm-mobile-close,.crm-mobile-install,.crm-connection,.crm-mobile-filters{display:none}
.crm-mobile-install[hidden]{display:none}
@media(max-width:950px){
  body{--muted:#5d6f7f}
  body .shell{grid-template-columns:minmax(0,1fr);min-height:100dvh}
  body .content{padding:20px 16px calc(90px + env(safe-area-inset-bottom));overflow-wrap:anywhere}
  body .top{height:auto;min-height:76px;position:relative;flex-wrap:wrap;gap:12px;padding:16px max(16px,env(safe-area-inset-right)) 14px max(16px,env(safe-area-inset-left))}
  body .top-right{width:100%;flex-wrap:wrap;min-width:0}
  body .search{flex:1;min-width:150px}
  body .search input{width:100%;min-height:44px;font-size:16px}
  body .top-right>#newLeadBtn{display:inline-flex;align-items:center;min-height:44px}
  body .search-results{left:16px;right:16px;top:148px;width:auto;max-height:55dvh}
  .crm-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:12;background:#fff;border-top:1px solid var(--line);padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));gap:2px}
  .crm-mobile-nav a,.crm-mobile-nav button{display:flex;flex:1;min-width:0;min-height:52px;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:0;border-radius:8px;background:transparent;color:#526777;text-decoration:none;font-size:12px;font-weight:650;cursor:pointer}
  .crm-mobile-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .crm-mobile-nav [aria-current="page"],.crm-mobile-nav [aria-expanded="true"]{color:#077974;background:#eaf8f7}
  body.auth-pending :is(.crm-mobile-nav,.crm-mobile-scrim,.crm-connection){display:none}
  body .side{display:none}
  body.crm-menu-open .side{display:flex;position:fixed;inset:0 0 0 auto;width:min(360px,90vw);height:100dvh;overflow:auto;overscroll-behavior:contain;z-index:42;padding:20px 20px max(20px,env(safe-area-inset-bottom))}
  body.crm-menu-open{overflow:hidden}
  body.crm-menu-open .crm-mobile-scrim{display:block;position:fixed;inset:0;background:rgba(9,27,41,.55);z-index:41;border:0}
  .crm-mobile-close{display:block;align-self:flex-end;color:#fff;border:1px solid #587386;background:transparent;border-radius:8px;padding:10px 14px;min-height:44px;margin-bottom:16px}
  .side .nav{margin:20px 0}.side .nav a{min-height:44px;display:flex;align-items:center}
  .side .me{margin-top:auto;padding-top:16px}
  .crm-mobile-install{display:block;margin:12px 0;color:white}
  .crm-mobile-install summary{min-height:44px;cursor:pointer;padding:10px 0;font-weight:650}
  .crm-mobile-install p{font-size:14px;line-height:1.5;color:#d0dfe8}
  .crm-mobile-install button{min-height:44px;padding:10px 14px;border:1px solid #8199a7;border-radius:8px;background:#173f58;color:white}
  .crm-mobile-install [hidden]{display:none}
  .crm-connection:not([hidden]){display:block;position:fixed;bottom:calc(72px + env(safe-area-inset-bottom));left:12px;right:12px;z-index:35;background:#fff3dc;color:#69440d;padding:12px;border:1px solid #dac292;border-radius:8px;font-size:14px}
  body .toast{bottom:calc(84px + env(safe-area-inset-bottom));left:16px;right:16px}
  body :is(.btn,.chip,.signout,.auth-link){min-height:44px}
  body :is(input,select,textarea){font-size:16px;max-width:100%;min-width:0}
  body :is(.field,.auth-field) label{font-size:12px}
  body :is(.form-grid,.form-grid.three,.detail-grid){grid-template-columns:minmax(0,1fr)}
  body :is(.profile,.deal-head,.cardhead,.table-head,.section-head){flex-wrap:wrap;gap:12px}
  body :is(.profile,.deal-head) h2{font-size:24px;overflow-wrap:anywhere}
  body :is(.profile,.deal-head)>.actions{width:100%;justify-content:flex-start}
  body .row{grid-template-columns:4px minmax(0,1fr);gap:10px}
  body .row>.actions{grid-column:2;justify-content:flex-start}
  body .row b{font-size:16px}
  body :is(.record,.link,.back){font-size:14px}
  body .meta{font-size:12px;color:#5d6f7f}
  body .modal-backdrop{align-items:flex-end;padding:0;z-index:50}
  body .modal{width:100%;max-width:100%;max-height:92dvh;border-radius:16px 16px 0 0;padding:20px 16px max(20px,env(safe-area-inset-bottom));scroll-padding-bottom:24px}
  body .modal-actions{flex-wrap:wrap}
  body .modal-actions .btn{flex:1}
  body .auth-gate{overflow-y:auto;align-items:safe center;padding:20px;min-height:100dvh}
  body .auth-card{margin:auto;flex-shrink:0}
  body :is(.deal-tabs,.settings-tabs){max-width:100%;overflow-x:auto}
  body :is(.deal-tabs,.settings-tabs)>*{flex-shrink:0;min-height:44px}
  body :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #077974;outline-offset:3px}
  body .side :is(button,a,summary):focus-visible{outline-color:#64d8cf}
  body .crm-mobile-nav [hidden]{display:none}
  .crm-mobile-filters{display:inline-flex;align-items:center}
  body :is(#leadDeleteTable,#dealTable):not(.crm-filters-open) :is(.lead-table-filters,thead){display:none}
  body.ep2-on .content{padding-bottom:calc(160px + env(safe-area-inset-bottom))}
  /* Phone-window styles use important inset/height; retain its minimized mode. */
  body .ep2,body .ep2.ep3-minimized{bottom:calc(74px + env(safe-area-inset-bottom))!important}
  body .ep2.expanded:not(.ep3-minimized){height:min(820px,calc(100dvh - 96px - env(safe-area-inset-bottom)))!important}
}
@media(max-width:600px){
  body :is(#leadDeleteTable,#dealTable) tr{grid-template-columns:repeat(2,minmax(0,1fr))}
  body :is(#leadDeleteTable,#dealTable) td{font-size:14px}
  body .eventtop{flex-wrap:wrap;gap:4px}
  body .eventbody p{font-size:14px}
  body .metrics{gap:8px}
  body .metric{padding:12px}
}