/* Clinic Sales Toolkit: the one-page call card, on screen and on paper. */
/* Linked only from the Setter Script Builder page, after toolkit.css, so the shared stylesheet stays untouched. */
/* Uses the same oxblood and cream tokens declared on :root in toolkit.css. */

.ex-picker{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:10px}
.ex-picker h2{font-size:22px}
.ex-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ex-row select{min-height:44px;flex:1 1 260px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--rc);background:var(--cream);color:var(--ink);font:15px var(--body)}

.doc-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.obj-search{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.obj-search label{font:600 13px var(--body);color:var(--ink)}
.obj-search input{min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--rc);background:var(--paper);color:var(--ink);font:15px var(--body);width:100%}
.obj-search .count{font-size:13px;color:var(--muted);min-height:1.2em}

.card-wrap{background:var(--paper);border:1px solid var(--ox);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:12px}
.card-wrap[hidden]{display:none}
.card-wrap .actions{margin-top:4px}
.cc-head{display:flex;flex-direction:column;gap:2px}
.cc-sub{font-size:14px;color:var(--muted)}
.cc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cc-sec{border:1px solid var(--line);border-radius:var(--rc);padding:12px 14px;background:var(--cream)}
.cc-sec h3{font-size:15px;letter-spacing:.3px;margin-bottom:8px;color:var(--ox)}
.cc-moves{grid-column:1 / -1}
.cc-std{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:13.5px}
.cc-obj{border-top:1px dashed var(--line);padding-top:6px;margin-top:6px}
.cc-obj:first-of-type{border-top:0;padding-top:0;margin-top:0}
.cc-q{font-family:var(--display);font-style:italic;font-size:13.5px}
.cc-a{font-size:13px;color:var(--ink)}
.cc-move{border-top:1px solid var(--line);padding-top:7px;margin-top:7px}
.cc-move:first-of-type{border-top:0;padding-top:0;margin-top:0}
.cc-move-head{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.cc-move-head b{font-size:14px;color:var(--ox)}
.cc-time{font:600 10.5px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cc-goal{font-size:12.5px;color:var(--muted)}
.cc-say{font-family:var(--display);font-size:13.5px;background:var(--ox-soft);border-radius:8px;padding:5px 9px;margin-top:3px}
.cc-foot{font-size:12px;color:var(--muted)}

@media (max-width:820px){
  .cc-grid{grid-template-columns:1fr}
}

@media print{
  /* Normal printing keeps the full playbook and leaves the card out. */
  .card-wrap,.ex-picker,.obj-search{display:none!important}

  /* "Print the call card" puts body.card-print on, and then the card is the only thing on the page. */
  body.card-print .wrap>*{display:none!important}
  body.card-print .wrap>.card-wrap{display:flex!important;border:0;padding:0;gap:8px}
  body.card-print .card-wrap .noprint{display:none!important}
  body.card-print .cc-grid{gap:7px}
  body.card-print .cc-sec{break-inside:avoid;background:#fff;border-color:#bbb;padding:7px 9px}
  /* Six moves down one column runs onto a second sheet, so on paper they sit two across. */
  body.card-print .cc-move-list{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}
  body.card-print .cc-move{break-inside:avoid;border-top:0;padding-top:0;margin-top:0}
  body.card-print .cc-say{background:#f2f2f2;padding:3px 6px;margin-top:2px}
  body.card-print .cc-obj{padding-top:4px;margin-top:4px}
  body.card-print h2{font-size:17px}
  body.card-print .cc-sec h3{font-size:12px;margin-bottom:4px}
  body.card-print .cc-std{gap:2px}
  body.card-print .cc-std,body.card-print .cc-q,body.card-print .cc-say{font-size:9.5px;line-height:1.3}
  body.card-print .cc-a,body.card-print .cc-goal,body.card-print .cc-sub,body.card-print .cc-foot{font-size:9px;line-height:1.25}
  body.card-print .cc-move-head b{font-size:10px}
  body.card-print .cc-time{font-size:8.5px}
  @page{margin:12mm}
}