/* Desktop workspace: keep tools compact and give remaining height to both panes. */
@media screen and (min-width:1101px){
  .main{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto minmax(0,1fr);gap:8px 12px;padding:12px 18px 14px;min-width:0}
  .top{grid-column:1/-1;grid-row:1;margin:0;flex-wrap:nowrap;min-width:0;gap:16px}
  .titleline h1{font-size:22px}.today{font-size:11px;margin-top:2px}
  .top-tools{flex:0 1 740px;flex-wrap:nowrap;justify-content:flex-end;gap:10px}
  .top-tools .searchbox{flex:1 1 340px;width:auto;min-width:220px;max-width:420px}
  .searchbox input{height:38px;padding:8px 36px 8px 12px;font-size:13px}.searchbox span{top:6px}
  #organizationSearch{flex:0 0 auto}#organizationInn{height:38px;font-size:13px;padding:8px 10px}
  .finance-overview{grid-column:1/-1;grid-row:2;margin:0;padding:8px 12px;gap:6px 16px;box-shadow:none}
  .finance-overview>div{min-width:0;gap:3px;flex-direction:row;align-items:baseline;flex-wrap:wrap;column-gap:12px}
  .finance-overview>div+div{padding-left:16px}.finance-overview strong{font-size:19px;white-space:nowrap}
  .finance-overview span{font-size:10px;letter-spacing:.2px}.finance-overview p{font-size:10px}
  .tabs{grid-column:1;grid-row:3;align-self:center;margin:0;gap:6px}.tab{padding:7px 11px}
  .printbar{grid-column:2;grid-row:3;margin:0;padding:0;background:transparent;border:0;box-shadow:none;gap:12px}
  .archivebar{grid-column:1/-1;grid-row:3;margin:0;padding:6px 10px;gap:8px;box-shadow:none}
  .layout{grid-column:1/-1;grid-row:4;height:auto;min-height:0;gap:12px;grid-template-columns:minmax(350px,36%) minmax(0,1fr)}
  .detail{padding:12px 16px;container-type:inline-size}.detailtop{gap:12px;padding-bottom:8px}
  .detailtop .back{float:right;margin:0 0 6px 12px}.order-title{font-size:20px;margin:0 0 4px}
  .dates{margin-top:5px}.detail-mode-tabs{margin:8px 0;padding:3px}.detail-mode-tabs button{padding:7px 14px}
  .progresscard{margin:8px 0;padding:8px 12px;grid-template-columns:40px minmax(0,1fr) auto;gap:12px}
  .ring{width:38px;height:38px}.ring:after{width:28px;height:28px}.ring strong{font-size:11px}
  .progress-label{font-size:10px;margin-bottom:4px}
  .finance-screen>.finance-head{padding:8px 12px;margin-bottom:8px}.finance-head h3{font-size:15px}
  .identity-form{padding:8px 12px;margin-bottom:8px;align-items:center}.identity-form label{flex-direction:row;align-items:center;gap:10px}
  .finance-kpis-4{margin-bottom:8px;gap:8px}.finance-kpis-4>div{padding:10px 12px}.finance-kpis span{margin-bottom:4px}
  .finance-card{padding:12px}.finance-card-head{margin-bottom:8px}
  @container(max-width:850px){
    .partrow{grid-template-columns:28px 28px minmax(0,1fr) 65px 18px;gap:8px}
    .ship-cell{width:28px}.designation{min-width:0;overflow-wrap:anywhere}
    .stages{grid-column:3/5;grid-row:2;max-width:380px}.chev{grid-column:5;grid-row:1}
  }
}
@media screen and (min-width:1101px) and (max-width:1400px){
  .main{padding:10px 12px;grid-template-columns:minmax(0,1fr) auto}
  .top-tools{flex-basis:620px}.top-tools .searchbox{min-width:190px}#organizationInn{width:135px}
  .titleline h1{font-size:20px}.printbar{gap:8px}.print-info{font-size:10px}
  .tab{font-size:11px;padding:7px 9px}.tab .count{margin-left:3px}
  .finance-overview>div{flex-direction:column;gap:2px}.finance-overview strong{font-size:18px}
  .detailtop .back{float:none;margin:0 0 6px}.detail-status{max-width:40%}
}