/* Pack 3AA: Pipeline usability; scoped to Pipeline only. */
@media(min-width:1050px){body.osmly-3y-pipeline .deal-dnd{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:14px!important}body.osmly-3y-pipeline .deal-dnd .lane{min-height:300px!important;align-self:stretch!important}}
body.osmly-3y-pipeline .deal-dnd .lane{min-height:230px!important;position:relative;transition:background .15s,border-color .15s;display:flex;flex-direction:column;gap:10px}
body.osmly-3y-pipeline .deal-dnd .lane:has(>h3:last-child)::after{content:'Drop opportunity here';display:flex;flex:1;min-height:120px;align-items:center;justify-content:center;text-align:center;color:#78859a;font-size:13px;font-weight:600;border:2px dashed #cbd5e1;border-radius:12px;padding:12px;pointer-events:none}
body.osmly-3y-pipeline .deal-dnd .lane.z-aa-drop-target{outline:3px solid #9b63e6!important;outline-offset:-3px;background:#f2e9ff!important}
body.osmly-3y-pipeline .deal-dnd .dealcard{margin:0!important;padding:13px!important;display:flex!important;flex-direction:column;gap:9px!important;cursor:grab}
body.osmly-3y-pipeline .deal-dnd .dealcard:active{cursor:grabbing}
body.osmly-3y-pipeline .deal-dnd .dealcard .z3-card-open{order:0;text-align:left;font-size:13px;min-height:42px;background:#f5edff;color:#6921a5;border:1px solid #d8b4fe}
body.osmly-3y-pipeline .deal-dnd .dealcard strong,body.osmly-3y-pipeline .deal-dnd .dealcard small{overflow-wrap:anywhere}
.z3-actions{position:sticky;top:-22px;z-index:3;background:#fff;padding:10px 0;border-bottom:1px solid #e7eaf2}
.z3-actions .btn{border:1px solid #d8dce8!important;background:#fff!important;color:#36465d!important;border-radius:10px!important;font-weight:700!important;display:inline-flex;align-items:center;justify-content:center;min-width:90px}
.z3-actions .btn.z-aa-active{background:linear-gradient(110deg,#9333ea,#d946b7)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 4px 12px #9333ea33}
.z-aa-panel[hidden]{display:none!important}.z-aa-panel{padding:16px;border:1px solid #e3e8f0;border-radius:12px;background:#f8fafc;margin-top:12px}.z-aa-panel p{line-height:1.5}.z-aa-panel a{overflow-wrap:anywhere}
.z3-dialog .z3-head{position:sticky;top:-22px;background:#fff;z-index:4}
@media(max-width:1049px){body.osmly-3y-pipeline .deal-dnd{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){body.osmly-3y-pipeline .deal-dnd{grid-template-columns:minmax(0,1fr)!important;overflow:visible!important}body.osmly-3y-pipeline .deal-dnd .lane{min-height:155px!important}body.osmly-3y-pipeline .deal-dnd .lane:has(>h3:last-child)::after{min-height:85px} .z3-actions{top:-14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.z3-actions .btn{min-width:0!important;width:100%;padding:10px 6px!important}.z3-dialog .z3-head{top:-14px}}


/* Pack 3AB — desktop density only; tablet/mobile styling is unchanged. */
@media (min-width: 1050px) {
  html { font-size: 14px; }
  body { line-height: 1.42; }
  main, .main, .content, .page-content { min-width: 0; }
  .card, .panel, .section, .stat-card, .kpi-card { max-width: 100%; }
  input:not([type=checkbox]):not([type=radio]), select, textarea { font-size: 13px; }
  button, .btn { font-size: 12px; }
  table { font-size: 12px; }
  th, td { padding-top: 8px; padding-bottom: 8px; }
  body.osmly-3y-pipeline .deal-dnd { gap: 10px !important; }
  body.osmly-3y-pipeline .deal-dnd .lane { min-height: 245px !important; padding: 10px !important; gap: 8px !important; }
  body.osmly-3y-pipeline .deal-dnd .dealcard { padding: 10px !important; gap: 7px !important; }
  body.osmly-3y-pipeline .deal-dnd .dealcard .z3-card-open { min-height: 36px !important; font-size: 12px !important; padding: 7px !important; }
  body.osmly-3y-pipeline .deal-dnd .dealcard button,
  body.osmly-3y-pipeline .deal-dnd .dealcard select { font-size: 12px !important; }
  .z3-dialog { max-height: min(88vh, 900px); overflow-y: auto; }
}
@media (min-width: 1050px) and (max-width: 1350px) {
  body.osmly-3y-pipeline .deal-dnd { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
}
@media (min-width: 1351px) and (max-width: 1750px) {
  body.osmly-3y-pipeline .deal-dnd { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
}
@media (min-width: 1751px) {
  body.osmly-3y-pipeline .deal-dnd { grid-template-columns: repeat(5,minmax(0,1fr)) !important; }
}

/* OSMLY 3AC: compact all-page desktop density. No mobile rules, no data changes. */
@media (min-width: 1050px) {
  :root { --osmly-desktop-density: compact; }
  .shell { min-width:0; }
  .sidebar { width: 206px !important; padding: 14px 10px !important; }
  .sidebar .brand { font-size: 17px !important; margin-bottom: 12px !important; }
  .sidebar .navlabel { margin: 13px 9px 5px !important; font-size: 9px !important; }
  .sidebar .navlink { font-size: 12px !important; padding: 8px 10px !important; margin: 1px 0 !important; gap: 8px !important; min-height: 32px; }
  .sidebar .navlink .ico { font-size: 14px !important; width: 17px !important; flex-shrink:0; }
  .main { min-width:0; }
  .top { height: 52px !important; padding: 0 20px !important; }
  .content { padding: 16px 20px !important; max-width: 1700px; }
  .heading { margin-bottom: 12px !important; gap: 8px !important; }
  .heading h1 { font-size: clamp(20px,1.7vw,25px) !important; line-height:1.2 !important; margin:0 0 3px !important; }
  .heading .sub { font-size: 12px !important; margin: 0 !important; }
  .grid { gap: 10px !important; }
  .stat { padding: 13px !important; border-radius: 12px !important; }
  .stat strong { font-size: 22px !important; margin: 6px 0 3px !important; }
  .panel { padding: 15px !important; margin-top: 12px !important; border-radius: 13px !important; }
  .panel h2,.panel h3 { line-height:1.3; margin-top:0; }
  .fields { gap: 10px !important; }
  .fields label, form label { font-size: 12px; }
  .content input:not([type=checkbox]):not([type=radio]):not([type=file]),
  .content select, .content textarea { min-width:0; max-width:100%; font-size:12px !important; padding: 8px 10px !important; min-height: 34px; }
  .content .btn,.content button:not(.z3-card-open):not(.z-aa-active) { font-size: 12px !important; padding: 8px 11px !important; line-height:1.3; }
  .content table { font-size: 12px !important; }
  .content th,.content td { padding: 7px 9px !important; vertical-align:middle; }
  .content th { font-size: 10px !important; }
  .content .tag { font-size: 10px; }
  .content .card, .content .stat, .content .panel { max-width:100%; min-width:0; }
  .content .deal-dnd { gap: 10px !important; }
  body.osmly-3y-pipeline .deal-dnd .lane { min-height: 230px !important; padding: 10px !important; }
  body.osmly-3y-pipeline .deal-dnd .dealcard { padding: 10px !important; gap: 6px !important; }
  body.osmly-3y-pipeline .deal-dnd .lane:has(>h3:last-child)::after { min-height: 100px; }
  .z3-dialog { width:min(760px,calc(100vw - 48px)) !important; max-height:88vh; overflow-y:auto; }
  .z3-dialog .z3-actions { gap: 6px; }
}
@media (min-width:1050px) and (max-width:1250px) {
  .sidebar { width: 185px !important; }
  .content { padding: 12px 14px !important; }
  .top { padding:0 14px !important; }
  .grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  body.osmly-3y-pipeline .deal-dnd { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media (min-width:1251px) and (max-width:1650px) {
  body.osmly-3y-pipeline .deal-dnd { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
}
@media (min-width:1651px) {
  body.osmly-3y-pipeline .deal-dnd { grid-template-columns:repeat(5,minmax(0,1fr)) !important; }
}