.request-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;margin-top:16px}
.supplier-flow{border-top:1px solid var(--line);margin-top:20px;padding-top:12px}
.supplier-flow h3{font-size:1rem}
.supplier-proposal{padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:12px}
.supplier-flow p,.supplier-flow small{white-space:pre-wrap}
.supplier-flow textarea{width:100%;font:inherit;font-size:1rem;padding:12px;border:1px solid var(--line);border-radius:10px;resize:vertical}
.request-cards .panel{min-width:0;overflow-wrap:anywhere}
.request-cards .shipment-facts{margin:16px 0}
.request-cards p{font-size:.875rem;color:var(--gold-dark)}
.request-cards small{font-size:.75rem;color:var(--muted)}
#request-form{margin-bottom:16px}
/* Keep every mobile section visible without horizontal scrolling. */
@media(max-width:700px){
  .sidebar{position:relative;display:flex;flex-direction:column;gap:10px;padding:10px 14px}
  .portal-brand{align-self:flex-start}
  .portal-brand img{width:100px;height:auto;object-fit:contain}
  .side-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0;gap:5px;margin:0;overflow:visible}
  .side-nav .nav-item,.side-nav .nav-item:not(.is-active),.side-nav .nav-item.is-active{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;min-height:44px;padding:8px 5px;font-size:.875rem;line-height:1.25;text-align:center;white-space:normal;overflow-wrap:anywhere}
  .side-nav .nav-item span{display:none}
  .portal-header{display:grid;gap:16px}
  .header-tools{flex-wrap:wrap;justify-content:space-between;min-width:0}
  .role-picker.auth-role-display{display:flex;flex-wrap:wrap;gap:4px 8px;max-width:100%}
  .dashboard-grid,.logistics-grid{grid-template-columns:minmax(0,1fr)}
  .panel,.panel-head>*{min-width:0}
  .panel-head{flex-wrap:wrap;gap:10px}
  .process{grid-template-columns:minmax(0,1fr);gap:0;overflow:visible;margin:20px 0}
  .process div{grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;justify-items:start;align-items:center;column-gap:12px;row-gap:0;text-align:left;padding:8px 0}
  .process div:before{top:-50%;bottom:50%;left:14px;right:auto;width:2px;height:100%}
  .process i{grid-column:1;grid-row:1/3}
  .process span{grid-column:2;font-size:.875rem}
  .process small{grid-column:2;font-size:.75rem}
  .action-row>*{max-width:100%;white-space:normal}
  .shipment-layout{grid-template-columns:minmax(0,1fr);gap:16px}
  .shipment-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shipment-facts div,.route-point{min-width:0;overflow-wrap:anywhere}
}