/* Client success › deals: the deal plan equation, backup deals, the open-deal library and the to-do list
   (ui/deal-plan.js), plus the "remind managers" drawer (ui/deal-intros.js). Same cards as the client-success stats. */
body.balanced-blue.minimal-calm .deal-plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:16px;align-items:start;min-width:0}
body.balanced-blue.minimal-calm .deal-plan-card{display:grid;gap:14px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
body.balanced-blue.minimal-calm .deal-plan-core,body.balanced-blue.minimal-calm .deal-plan-backup,body.balanced-blue.minimal-calm .deal-plan-todo{grid-column:1}
body.balanced-blue.minimal-calm .deal-plan-library{grid-column:2;grid-row:1 / span 3;position:sticky;top:12px;max-height:calc(100dvh - 180px);grid-template-rows:auto auto minmax(0,1fr);gap:12px}
body.balanced-blue.minimal-calm .deal-plan-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
body.balanced-blue.minimal-calm .deal-plan-card h3{margin:0;font-size:15px;font-weight:600;color:var(--ink)}
body.balanced-blue.minimal-calm .deal-plan-card header p{margin:3px 0 0;font-size:13px;color:var(--secondary)}
body.balanced-blue.minimal-calm .deal-plan-saved{font-size:12px;color:var(--secondary)}
body.balanced-blue.minimal-calm .deal-plan-search{width:100%;min-width:0}

/* the equation: groups joined by "+", options inside a group joined by "or" */
body.balanced-blue.minimal-calm .deal-plan-formula{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
body.balanced-blue.minimal-calm .deal-plan-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px;border-radius:12px;background:var(--soft)}
body.balanced-blue.minimal-calm .deal-plan-plus,body.balanced-blue.minimal-calm .deal-plan-and{font-size:16px;font-weight:500;color:var(--secondary)}
body.balanced-blue.minimal-calm .deal-plan-and{font-size:13px}
body.balanced-blue.minimal-calm .deal-plan-or{padding:0 2px;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--card-amber)}
body.balanced-blue.minimal-calm .deal-plan-zone{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:5px;border:1px dashed transparent;border-radius:9px;transition:border-color .15s,background-color .15s}
body.balanced-blue.minimal-calm .deal-plan-group>.deal-plan-zone[data-plan-drop="option"]{background:var(--surface);border-color:var(--line);border-style:solid}
body.balanced-blue.minimal-calm .deal-plan-zone:is([data-plan-drop="new"],[data-plan-drop="or"]){padding:5px 12px;border-color:var(--line);font-size:13px;color:var(--secondary)}
body.balanced-blue.minimal-calm .deal-plan-backup>.deal-plan-zone{min-height:52px;padding:8px;border-color:var(--line);background:var(--soft);color:var(--secondary);font-size:13px}
body.balanced-blue.minimal-calm .deal-plan:is([data-dragging],[data-picking]) .deal-plan-zone{border-color:var(--accent);border-style:dashed;cursor:copy}
body.balanced-blue.minimal-calm .deal-plan-zone.is-over,body.balanced-blue.minimal-calm .deal-plan[data-picking] .deal-plan-zone:hover{background:color-mix(in srgb,var(--accent) 9%,var(--surface))}
body.balanced-blue.minimal-calm .deal-plan-zone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* a deal */
body.balanced-blue.minimal-calm .deal-plan-chip{display:inline-flex;align-items:center;gap:7px;min-height:30px;max-width:100%;padding:3px 6px 3px 4px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:13px;font-weight:500;color:var(--ink);cursor:grab;user-select:none}
body.balanced-blue.minimal-calm .deal-plan-chip:hover{border-color:color-mix(in srgb,var(--ink) 22%,var(--line))}
body.balanced-blue.minimal-calm .deal-plan-chip:active{cursor:grabbing}
body.balanced-blue.minimal-calm .deal-plan-chip.is-picked{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}
body.balanced-blue.minimal-calm .deal-plan-chip.is-closed{border-style:dashed;color:var(--secondary)}
body.balanced-blue.minimal-calm .deal-plan-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.balanced-blue.minimal-calm .deal-plan-chip small{font-size:10px;font-weight:600;color:var(--secondary)}
body.balanced-blue.minimal-calm .deal-plan-logo{position:relative;display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 22px;overflow:hidden;border-radius:6px;background:var(--soft);font-size:11px;font-weight:600;color:var(--secondary)}
body.balanced-blue.minimal-calm .deal-plan-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.balanced-blue.minimal-calm .deal-plan-x{display:inline-grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:5px;background:none;font:inherit;font-size:15px;line-height:1;color:var(--secondary);cursor:pointer}
body.balanced-blue.minimal-calm .deal-plan-x:hover{background:var(--soft);color:var(--ink)}
/* open deals: the same deals as the student dashboard's pipeline, one row each */
body.balanced-blue.minimal-calm .deal-plan-live{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 8px;border-radius:999px;background:color-mix(in srgb,var(--card-green,#1f9d55) 12%,var(--surface));font-size:12px;font-weight:600;color:color-mix(in srgb,var(--card-green,#1f9d55) 85%,var(--ink))}
body.balanced-blue.minimal-calm .deal-plan-live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--card-green,#1f9d55);box-shadow:0 0 0 3px color-mix(in srgb,var(--card-green,#1f9d55) 22%,transparent)}
body.balanced-blue.minimal-calm .deal-plan-live[data-live="false"]{background:var(--soft);color:var(--secondary)}
body.balanced-blue.minimal-calm .deal-plan-live[data-live="false"]::before{background:var(--secondary);box-shadow:none}
body.balanced-blue.minimal-calm .deal-plan-deals{display:grid;align-content:start;min-height:0;margin:0 -6px;padding:0;overflow:auto;list-style:none}
body.balanced-blue.minimal-calm .deal-plan-deal{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 6px;border-radius:9px;cursor:grab}
body.balanced-blue.minimal-calm .deal-plan-deal+.deal-plan-deal{box-shadow:0 -1px 0 var(--line)}
body.balanced-blue.minimal-calm .deal-plan-deal:hover{background:var(--soft)}
body.balanced-blue.minimal-calm .deal-plan-deal.is-picked{background:color-mix(in srgb,var(--accent) 9%,var(--surface));box-shadow:inset 0 0 0 1px var(--accent)}
body.balanced-blue.minimal-calm .deal-plan-deal-text{display:grid;gap:2px;min-width:0}
body.balanced-blue.minimal-calm .deal-plan-deal-text strong{overflow:hidden;font-size:14px;font-weight:600;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}
body.balanced-blue.minimal-calm .deal-plan-deal-text strong small{margin-left:4px;font-size:11px;font-weight:600;color:var(--secondary)}
body.balanced-blue.minimal-calm .deal-plan-deal-text>span{overflow:hidden;font-size:12px;color:var(--secondary);text-overflow:ellipsis;white-space:nowrap}
body.balanced-blue.minimal-calm .deal-plan-deal-add{display:flex;gap:4px}
body.balanced-blue.minimal-calm .deal-plan-deal-add .btn{min-height:28px;padding:3px 8px;font-size:12px;white-space:nowrap}
body.balanced-blue.minimal-calm .deal-plan-logo.is-large{width:32px;height:32px;flex-basis:32px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--line);background:var(--surface);font-size:13px}
body.balanced-blue.minimal-calm .deal-plan-count{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:color-mix(in srgb,var(--card-red,#c2413b) 12%,var(--surface));font-size:12px;font-weight:600;color:var(--card-red,#c2413b)}

/* to do */
body.balanced-blue.minimal-calm .deal-plan-todo-list{display:grid;margin:0;padding:0;list-style:none}
body.balanced-blue.minimal-calm .deal-plan-todo-row{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px 0;border-top:1px solid var(--line)}
body.balanced-blue.minimal-calm .deal-plan-todo-row:first-child{border-top:0}
body.balanced-blue.minimal-calm .deal-plan-todo-who{display:grid;min-width:0;font-size:14px}
body.balanced-blue.minimal-calm .deal-plan-todo-who>span{font-size:12px;color:var(--secondary)}
body.balanced-blue.minimal-calm .deal-plan-todo-row p{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;color:var(--ink)}
body.balanced-blue.minimal-calm .deal-plan-todo-row p::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--card-red)}
body.balanced-blue.minimal-calm .deal-plan-todo-row[data-tone="red"] p::before{background:var(--card-red)}
body.balanced-blue.minimal-calm .deal-plan-todo-actions{display:flex;gap:6px;justify-content:flex-end}
body.balanced-blue.minimal-calm .deal-plan-todo-actions .btn{min-height:30px;padding:4px 10px;font-size:12px;white-space:nowrap}

/* remind managers drawer */
body.balanced-blue.minimal-calm .intro-remind{display:grid;gap:14px}
body.balanced-blue.minimal-calm .intro-remind-field{display:grid;gap:6px;font-size:13px;font-weight:500;color:var(--ink)}
body.balanced-blue.minimal-calm .intro-remind-field textarea{width:100%;min-height:96px;resize:vertical;font:inherit;font-size:14px}
body.balanced-blue.minimal-calm .intro-remind-where{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;border:0;font-size:13px;color:var(--ink)}
body.balanced-blue.minimal-calm .intro-remind-where legend{width:100%;margin-bottom:4px;padding:0;font-weight:500}
body.balanced-blue.minimal-calm .intro-remind-where label{display:inline-flex;align-items:center;gap:6px}
body.balanced-blue.minimal-calm .intro-remind-status{min-height:18px;margin:0;font-size:13px;color:var(--secondary)}
body.balanced-blue.minimal-calm .intro-remind-actions{display:flex;justify-content:flex-end;gap:8px}

@media (max-width:1100px){
  body.balanced-blue.minimal-calm .deal-plan{grid-template-columns:minmax(0,1fr)}
  body.balanced-blue.minimal-calm .deal-plan-library{grid-column:1;grid-row:auto;position:static;max-height:none}
}
@media (max-width:640px){
  body.balanced-blue.minimal-calm .deal-plan-todo-row{grid-template-columns:minmax(0,1fr);gap:6px}
  body.balanced-blue.minimal-calm .deal-plan-todo-actions{justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){body.balanced-blue.minimal-calm .deal-plan-zone{transition:none}}
/* With a mouse, a row's add buttons show on hover or focus so its pay and posting line has the room. */
@media (hover:hover){
  body.balanced-blue.minimal-calm .deal-plan-deal-add{display:none}
  body.balanced-blue.minimal-calm .deal-plan-deal:is(:hover,:focus-within) .deal-plan-deal-add{display:flex}
}

/* 2026-09-26 cleaner rule: one line of deals joined by "+", no gray group boxes or "or…" slots. An alternative that
   is already saved still reads "or". Click a deal to swap it; the swap list opens under the line. */
body.balanced-blue.minimal-calm .deal-plan-formula{gap:8px}
body.balanced-blue.minimal-calm .deal-plan-group{gap:6px;padding:0;border-radius:0;background:none}
body.balanced-blue.minimal-calm .deal-plan-group>.deal-plan-zone[data-plan-drop="option"]{min-height:0;padding:0;border-color:transparent;background:none}
body.balanced-blue.minimal-calm .deal-plan:is([data-dragging],[data-picking]) .deal-plan-group>.deal-plan-zone[data-plan-drop="option"]{padding:4px;border-color:var(--ink)}
body.balanced-blue.minimal-calm .deal-plan-plus,body.balanced-blue.minimal-calm .deal-plan-and{color:var(--secondary);font-weight:500}
body.balanced-blue.minimal-calm .deal-plan-or{font-weight:500;letter-spacing:0;color:var(--secondary)}
body.balanced-blue.minimal-calm .deal-plan-chip[data-plan-chip]{cursor:pointer}
body.balanced-blue.minimal-calm .deal-plan-chip[data-plan-chip]:hover{border-color:var(--ink)}
body.balanced-blue.minimal-calm .deal-plan-chip[data-plan-chip]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
body.balanced-blue.minimal-calm .deal-plan-core .deal-plan-zone[data-plan-drop="new"]{min-height:36px;padding:0 12px;border:1px dashed var(--line);color:var(--secondary);font-size:13px}
body.balanced-blue.minimal-calm .deal-plan-swap{display:grid;gap:10px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 6px 20px rgba(15,23,42,.06)}
body.balanced-blue.minimal-calm .deal-plan-swap-head{display:flex;align-items:center;gap:8px}
body.balanced-blue.minimal-calm .deal-plan-swap-head p{flex:1 1 auto;margin:0;font-size:14px;color:var(--secondary)}
body.balanced-blue.minimal-calm .deal-plan-swap-head strong{color:var(--ink);font-weight:600}
body.balanced-blue.minimal-calm .deal-plan-swap-head .btn{min-height:32px;padding:0 12px;font-size:13px}
body.balanced-blue.minimal-calm .deal-plan-swap-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;max-height:220px;overflow-y:auto;margin:0;padding:0;list-style:none}
body.balanced-blue.minimal-calm .deal-plan-swap-list button{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font:inherit;font-size:13px;color:var(--ink);text-align:left;cursor:pointer}
body.balanced-blue.minimal-calm .deal-plan-swap-list button:hover,body.balanced-blue.minimal-calm .deal-plan-swap-list button:focus-visible{border-color:var(--ink);background:var(--soft)}
body.balanced-blue.minimal-calm .deal-plan-swap-list small{color:var(--secondary)}
