/*
 * Ameriteam OS v216 — Bid Room phone/tablet navigation repair.
 *
 * The installed iPhone app can expose a landscape CSS viewport wider than the
 * prior 820px/900px cutoffs. Keep the desktop workspace unchanged and switch
 * only viewports at 1024px and below to the compact, touch-first layout.
 */

@media (max-width:1024px){
  html:has(#amt195-bid-room) .bid-command-topbar{
    height:60px!important;
    min-height:60px!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))!important;
  }
  html:has(#amt195-bid-room) .bid-command-search.hub-search{
    display:none!important;
  }
  html:has(#amt195-bid-room) .bid-brand{
    flex:0 0 auto;
    font-size:18px;
  }
  html:has(#amt195-bid-room) .bid-command-label{
    flex:0 0 auto;
    padding-left:12px;
    font-size:11px;
  }
  html:has(#amt195-bid-room) .bid-dashboard-exit{
    margin-left:auto!important;
    min-height:40px;
    padding:8px 11px;
  }
  html:has(#amt195-bid-room) .bid-command-user{
    flex:0 0 auto;
    margin-left:0!important;
  }

  #amt195-bid-room{
    max-width:100vw;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
  }
  #amt195-bid-room .amt195-app{
    display:block;
    min-width:0;
  }
  #amt195-bid-room .amt195-sidebar{
    position:static;
    width:100%;
    height:auto;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(220px,1fr) auto;
    grid-template-areas:
      "search filters"
      "projects projects";
    gap:8px 10px;
    padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));
    border-right:0;
    border-bottom:1px solid var(--amt195-line);
    overflow:hidden;
  }
  #amt195-bid-room .amt195-side-title,
  #amt195-bid-room .amt195-side-footer{
    display:none;
  }
  #amt195-bid-room .amt195-side-search{
    grid-area:search;
    width:100%;
    margin:0;
    min-width:0;
  }
  #amt195-bid-room .amt195-side-search input{
    height:44px;
    font-size:16px;
  }
  #amt195-bid-room .amt195-side-filters{
    grid-area:filters;
    display:grid;
    grid-template-columns:repeat(3,minmax(58px,1fr));
    gap:5px;
    padding:0;
  }
  #amt195-bid-room .amt195-side-filters button{
    min-width:58px;
    min-height:44px;
    padding:0 10px;
    font-size:14px;
  }
  #amt195-bid-room .amt195-projects{
    grid-area:projects;
    display:flex;
    min-height:0;
    gap:8px;
    padding:0 0 2px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  #amt195-bid-room .amt195-projects::-webkit-scrollbar,
  #amt195-bid-room .amt195-tabs::-webkit-scrollbar{
    display:none;
  }
  #amt195-bid-room .amt195-project{
    flex:0 0 clamp(230px,42vw,320px);
    width:auto;
    min-width:0;
    min-height:80px;
    padding:10px 12px;
    border-color:#dce2ea;
    scroll-snap-align:start;
  }
  #amt195-bid-room .amt195-project-name{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }

  #amt195-bid-room .amt195-work{
    min-width:0;
    padding:16px max(14px,env(safe-area-inset-right)) calc(42px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
  }
  #amt195-bid-room .amt195-head{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:14px;
    margin-bottom:14px;
  }
  #amt195-bid-room .amt195-head>div:first-child{
    min-width:0;
  }
  #amt195-bid-room .amt195-head h1{
    max-width:100%;
    margin-top:6px;
    font-size:clamp(24px,4vw,30px);
    overflow-wrap:anywhere;
  }
  #amt195-bid-room .amt195-subhead{
    gap:5px 12px;
  }
  #amt195-bid-room .amt195-head-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    width:100%;
    margin:0;
  }
  #amt195-bid-room .amt195-head-actions .amt195-btn{
    width:100%;
    min-width:0;
    min-height:44px;
    white-space:normal;
    text-align:center;
  }

  #amt195-bid-room .amt195-context-strip{
    grid-template-columns:repeat(5,minmax(0,1fr));
    overflow:visible;
  }
  #amt195-bid-room .amt195-context-strip>div{
    min-width:0;
    padding:11px 12px;
  }
  #amt195-bid-room .amt195-context-strip strong{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  #amt195-bid-room .amt195-tabs{
    position:sticky;
    top:0;
    z-index:20;
    margin-bottom:14px;
    padding:0 4px;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    box-shadow:0 5px 12px rgba(20,38,91,.06);
  }
  #amt195-bid-room .amt195-tab{
    min-width:max-content;
    min-height:48px!important;
    padding:0 14px!important;
    scroll-snap-align:start;
  }

  #amt195-bid-room .amt195-card,
  #amt195-bid-room .amt195-card-head,
  #amt195-bid-room .amt195-card-body,
  #amt195-bid-room .amt195-toolbar{
    min-width:0;
  }
  #amt195-bid-room .amt195-project-facts{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  #amt195-bid-room .amt195-project-facts>div,
  #amt195-bid-room .amt195-project-facts>div:nth-child(2n),
  #amt195-bid-room .amt195-project-facts>div:nth-child(3n),
  #amt195-bid-room .amt195-project-facts>div:nth-child(4n){
    border-right:1px solid #edf0f4;
    border-bottom:1px solid #edf0f4;
  }
  #amt195-bid-room .amt195-project-facts>div:nth-child(3n){
    border-right:0;
  }
  #amt195-bid-room .amt195-project-facts>div:nth-last-child(-n+3){
    border-bottom:0;
  }

  #amt195-bid-room .amt195-coverage{
    width:100%;
    overflow:visible;
  }
  #amt195-bid-room .amt195-scope{
    grid-template-columns:minmax(150px,1fr) 68px 68px minmax(108px,.7fr);
    width:100%;
    min-width:0;
    gap:8px;
    padding-inline:12px;
  }
  #amt195-bid-room .amt195-scope>:nth-child(3),
  #amt195-bid-room .amt195-scope>:nth-child(4){
    display:none;
  }
  #amt195-bid-room .amt195-scope-head{
    line-height:1.2;
  }
  #amt195-bid-room .amt195-table-wrap{
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  #amt195-bid-room .amt195-table{
    min-width:1120px;
  }
  #amt195-bid-room .amt195-table th:first-child{
    left:0;
    z-index:4;
    box-shadow:5px 0 8px rgba(20,38,91,.06);
  }
  #amt195-bid-room .amt195-table td:first-child{
    position:sticky;
    left:0;
    z-index:2;
    background:#fff;
    box-shadow:5px 0 8px rgba(20,38,91,.04);
  }

  #amt195-bid-room .amt195-modal{
    padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
  }
  #amt195-bid-room .amt195-dialog{
    max-width:100%;
    max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }
  #amt195-bid-room .amt195-dialog-actions{
    position:sticky;
    bottom:0;
    z-index:2;
  }
  #amt195-bid-room .amt195-drawer{
    width:min(520px,100vw);
    padding-right:env(safe-area-inset-right);
  }
  #amt195-bid-room .amt195-toast{
    right:max(12px,env(safe-area-inset-right));
    bottom:max(12px,env(safe-area-inset-bottom));
    width:calc(100vw - max(24px,env(safe-area-inset-left) + env(safe-area-inset-right)));
    max-width:380px;
  }
}

@media (max-width:1024px) and (orientation:landscape){
  #amt195-bid-room .amt195-head{
    grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
    align-items:start;
  }
}

@media (max-width:1024px) and (max-height:520px) and (orientation:landscape){
  html:has(#amt195-bid-room) .bid-command-topbar{
    height:54px!important;
    min-height:54px!important;
  }
  #amt195-bid-room .amt195-sidebar{
    gap:6px 8px;
    padding-top:7px;
    padding-bottom:7px;
  }
  #amt195-bid-room .amt195-side-search input,
  #amt195-bid-room .amt195-side-filters button{
    height:40px;
    min-height:40px;
  }
  #amt195-bid-room .amt195-project{
    min-height:70px;
    padding-block:8px;
  }
  #amt195-bid-room .amt195-work{
    padding-top:12px;
  }
  #amt195-bid-room .amt195-head{
    gap:12px;
  }
}

@media (max-width:620px){
  html:has(#amt195-bid-room) .bid-command-topbar{
    gap:8px!important;
    padding-inline:max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-right))!important;
  }
  html:has(#amt195-bid-room) .bid-brand{
    font-size:16px;
  }
  html:has(#amt195-bid-room) .bid-command-label{
    padding-left:8px;
    font-size:10px;
    letter-spacing:1px;
  }
  html:has(#amt195-bid-room) .bid-dashboard-exit{
    min-width:44px;
    padding-inline:9px;
    font-size:0;
  }
  html:has(#amt195-bid-room) .bid-dashboard-exit::before{
    content:"Dashboard";
    font-size:10px;
    letter-spacing:.45px;
  }
  html:has(#amt195-bid-room) .bid-command-user>div{
    display:none;
  }

  #amt195-bid-room .amt195-sidebar{
    grid-template-columns:1fr;
    grid-template-areas:
      "search"
      "filters"
      "projects";
  }
  #amt195-bid-room .amt195-side-filters{
    grid-template-columns:repeat(3,1fr);
  }
  #amt195-bid-room .amt195-project{
    flex-basis:min(78vw,300px);
  }
  #amt195-bid-room .amt195-work{
    padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));
  }
  #amt195-bid-room .amt195-head{
    grid-template-columns:minmax(0,1fr);
  }
  #amt195-bid-room .amt195-head h1{
    font-size:24px;
  }
  #amt195-bid-room .amt195-context-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #amt195-bid-room .amt195-context-strip>div{
    border-right:1px solid #edf0f4;
    border-bottom:1px solid #edf0f4;
  }
  #amt195-bid-room .amt195-context-strip>div:nth-child(2n){
    border-right:0;
  }
  #amt195-bid-room .amt195-context-strip>div:last-child{
    grid-column:1/-1;
    border-right:0;
    border-bottom:0;
  }
  #amt195-bid-room .amt195-project-info summary{
    align-items:flex-start;
    flex-direction:column;
  }
  #amt195-bid-room .amt195-summary-actions{
    width:100%;
    justify-content:space-between;
  }
  #amt195-bid-room .amt195-project-facts{
    grid-template-columns:1fr;
  }
  #amt195-bid-room .amt195-project-facts>div,
  #amt195-bid-room .amt195-project-facts>div:nth-child(2n),
  #amt195-bid-room .amt195-project-facts>div:nth-child(3n),
  #amt195-bid-room .amt195-project-facts>div:nth-child(4n),
  #amt195-bid-room .amt195-project-facts>div:nth-last-child(-n+3){
    border-right:0;
    border-bottom:1px solid #edf0f4;
  }
  #amt195-bid-room .amt195-project-facts>div:last-child{
    border-bottom:0;
  }
  #amt195-bid-room .amt195-card-head{
    align-items:flex-start;
    flex-direction:column;
  }
  #amt195-bid-room .amt195-card-head .amt195-filters{
    width:100%;
  }
  #amt195-bid-room .amt195-scope{
    grid-template-columns:minmax(95px,1fr) 40px 44px minmax(78px,.65fr);
    gap:6px;
    padding-inline:8px;
  }
  #amt195-bid-room .amt195-scope strong{
    overflow-wrap:anywhere;
  }
  #amt195-bid-room .amt195-toolbar,
  #amt195-bid-room .amt195-bidder-toolbar{
    align-items:stretch;
    flex-direction:column;
  }
  #amt195-bid-room .amt195-toolbar>.amt195-btn,
  #amt195-bid-room .amt195-bidder-toolbar>.amt195-btn{
    width:100%;
    align-self:stretch;
  }
  #amt195-bid-room .amt195-doc{
    align-items:stretch;
    flex-direction:column;
  }
  #amt195-bid-room .amt195-doc .amt195-btn{
    width:100%;
  }
  #amt195-bid-room .amt195-modal{
    padding:0;
  }
  #amt195-bid-room .amt195-dialog{
    width:100vw;
    height:100dvh;
    max-height:100dvh;
    border:0;
    border-radius:0;
  }
  #amt195-bid-room .amt195-drawer{
    width:100vw;
    border-left:0;
  }
  #amt195-bid-room .amt195-form-grid{
    grid-template-columns:1fr;
  }
  #amt195-bid-room .amt195-field.full{
    grid-column:auto;
  }
}