/* Ameriteam OS v156 — one responsive system for desktop/tablet/mobile */
:root{
  --amt-page-max:1440px;
  --amt-page-pad:clamp(16px,2vw,28px);
  --amt-radius:12px;
  --amt-shadow:0 2px 10px rgba(15,30,70,.055);
}
html,body,#root{min-height:100%;width:100%}
body{overflow-x:hidden;background:#f5f7fa}
.content{
  width:100%;
  max-width:none;
  padding:var(--amt-page-pad)!important;
  animation:none!important;
}
.content>*{max-width:var(--amt-page-max);margin-left:auto;margin-right:auto}
.ops-page{max-width:var(--amt-page-max)!important}
.card,.ops-panel,.list-toolbar,.record-card,.report-section{box-shadow:var(--amt-shadow)!important;border-radius:var(--amt-radius)!important}

/* Header: same hierarchy at every size */
.linear-nav-shell{padding-inline:var(--amt-page-pad)!important}
.linear-nav{
  max-width:var(--amt-page-max);
  margin:0 auto;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.linear-nav::-webkit-scrollbar{display:none}
.linear-nav>button,.linear-more{min-height:44px}
header[class*="linear"],.topbar,.linear-top-shell{box-shadow:none!important}

/* Desktop dashboard should use the monitor, but not stretch into empty runway */
@media (min-width:1100px){
  .ops-page-head{align-items:center!important;margin-bottom:14px!important}
  .ops-page-head h1{font-size:30px!important}
  .ops-summary{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .ops-primary-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;gap:16px!important}
  .ops-secondary-grid{grid-template-columns:1fr 1fr!important}
  .ops-panel{min-height:0!important}
  .list-toolbar{padding:10px 12px!important}
}

/* Opportunities: always a list, never stage accordions */
.opp-list-card{overflow:hidden}
.opp-list-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
.opp-list-total{font-weight:900;color:#14265b;font-size:14px;white-space:nowrap}
.opp-list-scroll{overflow:auto;-webkit-overflow-scrolling:touch;width:100%}
.opp-list-table{width:100%;min-width:1120px;border-collapse:collapse}
.opp-list-table th{position:sticky;top:0;z-index:2;background:#f8fafc}
.opp-list-table td,.opp-list-table th{vertical-align:middle}
.opp-list-table td:first-child{min-width:220px}
.opp-list-table td:nth-child(2){min-width:180px}
.opp-list-table td:nth-child(3){min-width:150px}
.opp-list-table td:nth-child(7){min-width:260px}
.opp-list-table td:nth-child(8){min-width:150px}
.opp-list-table td strong{display:block;color:#14265b}
.opp-list-table td small{display:block;color:#7b8799;margin-top:3px}
.opp-list-next{white-space:normal;line-height:1.35}
.opp-list-owner-name{margin-left:7px}

/* Tables: desktop is dense; tablet/mobile scrolls instead of crushing content */
.record-table-wrap,.report-table-wrap,.table-wrap,[class*="table-wrap"]{
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}
.tbl{min-width:900px}
.tbl td,.tbl th{white-space:nowrap}
.tbl td:first-child{white-space:normal}

/* Avoid oversized whitespace and stretched cards */
.ops-primary-grid.single{grid-template-columns:1fr!important}
.ops-primary-grid.single>*{max-width:none!important}
.ops-attention-row,.ops-work-row,.ops-recent-row,.ops-bid-row{min-height:54px}

/* Tablet */
@media (max-width:1099px){
  :root{--amt-page-max:100%;--amt-page-pad:18px}
  .ops-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ops-summary-item:last-child{grid-column:1/-1}
  .ops-primary-grid,.ops-secondary-grid{grid-template-columns:1fr!important}
  .list-toolbar{align-items:stretch!important}
  .list-toolbar .list-search{flex-basis:100%!important}
}

/* Phone / installed app */
@media (max-width:760px){
  :root{--amt-page-pad:14px}
  .content{padding:14px!important}
  .linear-nav-shell{padding:0!important}
  .linear-nav{padding:0 14px!important;gap:4px!important}
  .linear-nav>button,.linear-more{padding:0 12px!important;font-size:12px!important}
  .ops-page-head{gap:10px!important;flex-direction:column!important}
  .ops-page-head h1{font-size:27px!important}
  .ops-head-actions{width:100%;justify-content:space-between!important}
  .ops-summary{grid-template-columns:1fr 1fr!important}
  .ops-summary-item{padding:12px!important}
  .ops-summary-item>strong{font-size:20px!important}
  .list-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important}
  .list-toolbar .list-search{grid-column:1/-1!important;min-width:0!important}
  .list-toolbar .select{width:100%!important;max-width:none!important;min-width:0!important}
  .opp-list-card{border-radius:12px!important}
  .opp-list-scroll{overscroll-behavior-x:contain}
  .opp-list-table{min-width:1050px}
}

/* Large desktop: center the application instead of spanning 1700+ pixels */
@media (min-width:1600px){
  :root{--amt-page-max:1480px}
}

/* Reduce motion across web/app for stability */
@media (prefers-reduced-motion:reduce),(max-width:1099px){
  *,*:before,*:after{scroll-behavior:auto!important}
  .content{animation:none!important}
}