/* JLJAM 7.13.28 · deal-card width + readable action repair.
   Confined to the live Deals workspace. Never modifies roster/home layouts,
   database records, routing, save actions or accessibility presets. */
#app .cin-work-page[data-scene="deals"] .data-grid-cards {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(370px,100%),1fr))!important;
  gap:clamp(12px,1.5vw,18px)!important;
  align-items:start!important;
  min-width:0!important;
  width:100%!important;
}
#app .cin-work-page[data-scene="deals"] .data-grid-cards > .deal-swipe-row {
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  align-self:start!important;
}
#app .cin-work-page[data-scene="deals"] .deal-swipe-row .deal-swipe-main {
  text-align:left!important;
  min-width:0!important;
  height:auto!important;
}
#app .cin-work-page[data-scene="deals"] .gdeal-front{
  min-width:0!important;
  padding:17px 17px 12px!important;
}
#app .cin-work-page[data-scene="deals"] .gdeal-title{
  font-size:clamp(20px,1.45vw,23px)!important;
  line-height:1.24!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  margin:13px 0 6px!important;
}
#app .cin-work-page[data-scene="deals"] .gdeal-person>strong{
  font-size:clamp(17px,1.3vw,20px)!important;
  line-height:1.24!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
#app .cin-work-page[data-scene="deals"] .gdeal-stage{
  font-size:13px!important;
  line-height:1.2!important;
  max-width:38%!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
#app .cin-work-page[data-scene="deals"] .gdeal-company{
  font-size:15px!important;
  line-height:1.4!important;
  margin-bottom:10px!important;
}
#app .cin-work-page[data-scene="deals"] .gdeal-next{
  padding:12px 14px!important;
  margin:11px 0!important;
}
#app .cin-work-page[data-scene="deals"] .gdeal-next strong{
  font-size:16px!important;
  line-height:1.38!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
/* Follow-up stays on a full-width line; contact and fee share a second row.
   No three miniature columns and no anywhere-breaking of individual letters. */
#app .cin-work-page[data-scene="deals"] .gdeal-facts{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:10px 0!important;
  min-width:0!important;
  align-items:stretch!important;
}
#app .cin-work-page[data-scene="deals"] .gdeal-facts>span{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  padding:10px 12px!important;
  min-width:0!important;
  min-height:62px!important;
  height:auto!important;
  align-items:flex-start!important;
  overflow:visible!important;
}
#app .cin-work-page[data-scene="deals"] .gdeal-facts>span:first-child{
  grid-column:1/-1!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:52px!important;
}
#app .cin-work-page[data-scene="deals"] .gdeal-facts small{
  font-size:13px!important;
  line-height:1.25!important;
  color:#d5c7e6!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  flex-shrink:0!important;
}
#app .cin-work-page[data-scene="deals"] .gdeal-facts b{
  font-size:clamp(15px,1.13vw,17px)!important;
  line-height:1.34!important;
  letter-spacing:0!important;
  color:#fff!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:none!important;
  text-align:left!important;
}
#app .cin-work-page[data-scene="deals"] .gdeal-facts .gdeal-follow{
  /* Undo old .empty placeholder padding on unset dates, including cached HTML. */
  padding:0!important;
  border:0!important;
  min-height:0!important;
  height:auto!important;
  background:transparent!important;
  border-radius:0!important;
  display:inline!important;
  white-space:normal!important;
  min-width:0!important;
  text-align:right!important;
  flex:0 1 auto!important;
}
#app .cin-work-page[data-scene="deals"] .gdeal-foot{
  margin-top:10px!important;
  min-height:28px!important;
  align-items:center!important;
}
#app .cin-work-page[data-scene="deals"] .deal-quick-bar.gdeal-actions{
  padding:10px 12px 12px!important;
  gap:8px!important;
}
#app .cin-work-page[data-scene="deals"] .deal-quick-bar.gdeal-actions > button{
  font-size:clamp(13px,1.05vw,16px)!important;
  min-height:48px!important;
  padding:9px 6px!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
/* The legacy FLOW stamp writes HOLD on every card, including Target deals.
   This is not an actual status field and must not be displayed. */
#app .cin-work-page[data-scene="deals"] .deal-swipe-main.flow-card::before{
  content:none!important;
  display:none!important;
}
/* The native card buttons below already provide Find contact / Message / More.
   A second floating Act inside the main button is redundant and overlaps content. */
#app .cin-work-page[data-scene="deals"] .deal-swipe-main>.flow-card-next{
  display:none!important;
}
@media(max-width:480px){
  #app .cin-work-page[data-scene="deals"] .gdeal-front{padding:14px 14px 10px!important}
  #app .cin-work-page[data-scene="deals"] .gdeal-facts>span{padding:9px 10px!important}
  #app .cin-work-page[data-scene="deals"] .gdeal-facts b{font-size:15px!important}
  #app .cin-work-page[data-scene="deals"] .deal-quick-bar.gdeal-actions>button{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
  #app .cin-work-page[data-scene="deals"] .deal-swipe-front{transition:none!important}
}
