/* Starkwood H3.6.5 — Sales Pipeline only. Desktop (>1100px) is untouched.
   Deal cards and buttons are the existing React components; this file only
   changes their mobile presentation and stage navigation. */
.sw365-stage-picker{display:none}
@media screen and (min-width:701px) and (max-width:1100px){
  .sw365-sales-pipeline .sw365-pipeline-header{flex-wrap:wrap;gap:14px;align-items:flex-start}
  .sw365-sales-pipeline .sw365-pipeline-header>div:first-child{flex:1 1 100%;min-width:0}
  .sw365-sales-pipeline .sw365-pipeline-actions{max-width:100%;flex-wrap:wrap;gap:8px;flex:1 1 auto}
  .sw365-sales-pipeline .sw365-pipeline-actions>*{flex-shrink:0}
  .sw365-sales-pipeline .sw365-kanban{scroll-snap-type:x proximity;scroll-padding-inline:4px;padding-bottom:14px}
  .sw365-sales-pipeline .sw365-kanban>.sw365-stage-column{width:clamp(300px,38vw,370px)!important;min-width:300px;scroll-snap-align:start}
  .sw365-sales-pipeline .sw365-lts-banner{gap:12px}
}
@media screen and (max-width:700px){
  .sw365-sales-pipeline{padding:14px!important;max-width:100%;min-width:0}
  .sw365-sales-pipeline .sw365-pipeline-header{display:flex;flex-direction:column;gap:12px;align-items:stretch;margin-bottom:14px}
  .sw365-sales-pipeline .sw365-pipeline-header>div:first-child{min-width:0;max-width:100%}
  .sw365-sales-pipeline .sw365-pipeline-header h1{font-size:21px;line-height:1.28;letter-spacing:-.01em}
  .sw365-sales-pipeline .sw365-pipeline-header p{font-size:12px;line-height:1.5;overflow-wrap:break-word;margin-top:3px}
  .sw365-sales-pipeline .sw365-pipeline-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;width:100%;max-width:100%;min-width:0}
  .sw365-sales-pipeline .sw365-pipeline-actions>button,
  .sw365-sales-pipeline .sw365-pipeline-actions>div{min-width:0;width:100%;min-height:40px;margin:0}
  .sw365-sales-pipeline .sw365-pipeline-actions>button{display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 8px!important;line-height:1.25;text-align:center;white-space:normal;font-size:12px}
  .sw365-sales-pipeline .sw365-pipeline-actions>.sw365-view-switch{display:flex;align-items:stretch;gap:3px;min-width:0}
  .sw365-sales-pipeline .sw365-view-switch button{flex:1 1 50%;padding:8px 6px!important;min-width:0;font-size:12px}
  .sw365-sales-pipeline .sw365-pipeline-actions>.sw365-add-lead{grid-column:1/-1;min-height:44px;font-size:13px}
  .sw365-sales-pipeline .sw365-lts-banner{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:13px!important;margin-bottom:16px!important}
  .sw365-sales-pipeline .sw365-lts-banner>div:first-child{min-width:0;overflow-wrap:break-word}
  .sw365-sales-pipeline .sw365-lts-banner>div:first-child .text-sm{line-height:1.5}
  .sw365-sales-pipeline .sw365-lts-banner>div:last-child{width:100%;min-width:0;display:flex}
  .sw365-sales-pipeline .sw365-lts-banner button{width:100%;min-height:40px;white-space:normal;line-height:1.4;padding:10px}
  /* The phone uses one true full-width column, not two cut-off desktop cards. */
  .sw365-sales-pipeline .sw365-stage-picker{display:block;min-width:0;max-width:100%;margin-bottom:13px;padding:12px;background:#fff;border:1px solid #e0e7f1;box-shadow:0 1px 3px rgba(15,31,63,.05)}
  .sw365-sales-pipeline .sw365-stage-picker-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:12px;font-weight:700;color:#1b3157}
  .sw365-sales-pipeline .sw365-stage-picker-title span:last-child{font-size:11px;font-weight:500;color:#697b97;white-space:nowrap}
  .sw365-sales-pipeline .sw365-stage-tabs{display:flex;gap:7px;overflow-x:auto;max-width:100%;min-width:0;padding-bottom:5px;scrollbar-width:thin;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .sw365-sales-pipeline .sw365-stage-tab{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:41px;min-width:max-content;max-width:none;padding:9px 11px;border:1px solid #dbe4f1;color:#425471;background:#f7f9fc;white-space:nowrap;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0}
  .sw365-sales-pipeline .sw365-stage-tab strong{display:inline-flex;justify-content:center;align-items:center;min-width:23px;height:22px;padding:0 5px;background:#e9eef7;color:#3c5278;font-size:11px;font-weight:700}
  .sw365-sales-pipeline .sw365-stage-tab[aria-pressed="true"]{background:#2553ca;border-color:#2553ca;color:#fff}
  .sw365-sales-pipeline .sw365-stage-tab[aria-pressed="true"] strong{background:rgba(255,255,255,.18);color:#fff}
  .sw365-sales-pipeline .sw365-stage-tab:focus-visible{outline:3px solid #7fa7ed;outline-offset:2px}
  .sw365-sales-pipeline .sw365-stage-tab-cancelled[aria-pressed="true"]{background:#9e3030;border-color:#9e3030}
  .sw365-sales-pipeline .sw365-kanban{display:block!important;width:100%;max-width:100%;overflow:visible!important;padding-bottom:12px}
  .sw365-sales-pipeline .sw365-kanban>.sw365-stage-column{width:100%!important;min-width:0!important;max-width:100%!important;flex:0 0 100%;}
  .sw365-sales-pipeline .sw365-kanban>.sw365-stage-column[data-sw365-active="false"]{display:none!important}
  .sw365-sales-pipeline .sw365-kanban>.sw365-stage-column>div:first-child{padding:0 2px;margin-bottom:10px}
  .sw365-sales-pipeline .sw365-kanban>.sw365-stage-column>div:first-child .text-xs{font-size:12px;font-weight:700;line-height:1.4}
  .sw365-sales-pipeline .sw365-kanban>.sw365-stage-column>div:last-child{width:100%;min-width:0;padding:10px!important;gap:10px;background:#e9edf5}
  .sw365-sales-pipeline .sw365-stage-column button.w-full{text-align:left;min-width:0;width:100%;padding:15px!important;overflow-wrap:break-word;border:1px solid #e1e7ef;box-shadow:0 1px 3px rgba(13,30,67,.06)}
  .sw365-sales-pipeline .sw365-stage-column button.w-full .text-sm{font-size:14px;line-height:1.45}
  .sw365-sales-pipeline .sw365-stage-column button.w-full .text-xs{font-size:12px;line-height:1.45}
  .sw365-sales-pipeline .sw365-stage-column button.w-full .text-\[10px\],
  .sw365-sales-pipeline .sw365-stage-column button.w-full .text-\[11px\]{font-size:11px;line-height:1.45}
  .sw365-sales-pipeline .sw365-stage-column button.w-full .truncate{overflow:hidden;white-space:normal;overflow-wrap:anywhere}
  .sw365-sales-pipeline .sw365-stage-column button.w-full>.flex:last-child{gap:8px;flex-wrap:wrap}
}
@media print{
  .sw365-stage-picker{display:none!important}
  .sw365-sales-pipeline .sw365-kanban>.sw365-stage-column[data-sw365-active="false"]{display:flex!important}
}