/* The Friday Check-in (checkin.js). Everything is fc- so nothing collides with app.css (a mockup's .nb greyed out the
   notes drawer once). Built from c4c-workspace/weekly-check-in/mockups, direction A. */
.fc-w .tabpane{min-height:0;padding:0}
.fc-q{display:block;font-weight:700;margin:0 0 5px}
.fc-gap{flex:1}
.fc-w textarea.field{min-height:58px;font:inherit;line-height:1.35;padding:4px 6px}
.fc-w textarea.fc-short{min-height:44px}
.fc-top{padding:10px 12px 8px}
.fc-moods{display:flex;gap:6px;flex-wrap:wrap}
.fc-mood{display:flex;flex-direction:column;align-items:center;gap:2px;width:74px;padding:6px 2px 4px;background:var(--face);cursor:pointer;font:inherit;font-size:13.5px;color:#000;
  border-top:2px solid var(--hilite);border-left:2px solid var(--hilite);border-right:2px solid var(--dark);border-bottom:2px solid var(--dark);box-shadow:inset -1px -1px 0 var(--shadow)}
.fc-mood svg{width:32px;height:32px}
.fc-mood.on{border-color:var(--dark) var(--hilite) var(--hilite) var(--dark);box-shadow:inset 1px 1px 0 var(--shadow);background:#fff;outline:1px dotted #000;outline-offset:-5px}
.fc-split{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 4px}
.fc-half{padding:10px 12px;background:var(--face);border:2px solid;border-color:var(--shadow) var(--hilite) var(--hilite) var(--shadow)}
.fc-half h4{font-size:14px;letter-spacing:.04em;text-transform:uppercase;margin:0 0 2px}
.fc-mine h4{color:#006400}.fc-ours h4{color:#000080}
.fc-who{font-size:13.5px;color:#444;margin:0 0 10px}
.fc-foot{display:flex;gap:6px;align-items:center;padding:6px 4px 4px}
.fc-foot .muted{font-size:14px}
.fc-closed{display:flex;gap:14px;align-items:flex-start;padding:18px 16px}
.fc-closed .ico{width:34px;height:34px;flex:0 0 auto}
.fc-closed p{margin:0 0 6px;line-height:1.45}

/* Past weeks */
.fc-strip{display:flex;gap:4px;align-items:flex-end;padding:8px 12px;flex-wrap:wrap}
.fc-strip > span{font-size:13.5px;margin-right:6px;align-self:center}
.fc-d{display:flex;flex-direction:column;align-items:center;font-size:12.5px;gap:1px;width:52px}
.fc-d svg{width:26px;height:26px}
.fc-d.empty{color:#555}
.fc-pw{margin:0 4px;max-height:360px;overflow:auto}
.fc-wk{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:10px 12px;border-bottom:1px solid #ddd}
.fc-wk:last-child{border-bottom:0}
.fc-wkh b{display:block}
.fc-wkh small{color:#555;font-size:13px;display:block}
.fc-face svg{width:30px;height:30px;margin-top:4px}
.fc-wk dl{display:grid;grid-template-columns:150px 1fr;gap:3px 8px;font-size:14.5px;line-height:1.35;margin:0}
.fc-wk dt{color:#555}
.fc-wk dd{margin:0}
.fc-wk dd.fc-mem{font-style:italic}
.fc-loop{background:#EAF6E4;border-left:3px solid #2A7A2A;padding:2px 6px}
.fc-none{padding:10px 12px}
.fc-back{margin:8px 4px 0;font-size:14.5px}

/* Staff: everyone's check-ins */
.fc-sbar{padding:6px 8px;gap:6px;flex-wrap:wrap}
.fc-sbar label{font-size:14.5px}
.fc-wks{display:flex;gap:4px}
.fc-sum{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 10px;background:#fff;margin:0 6px}
.fc-sum .muted{font-size:14px}
.fc-big{font-size:22px;font-weight:700}
.fc-bars{display:flex;gap:10px;align-items:flex-end}
.fc-b{display:flex;flex-direction:column;align-items:center;font-size:12.5px}
.fc-b i{display:block;width:26px;background:#000080;border:1px solid #000}
.fc-b svg{width:20px;height:20px}
.fc-swell{margin:6px;overflow:auto;max-height:430px}
table.fc-t{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff}
table.fc-t th{background:var(--face);text-align:left;padding:3px 6px;border:1px solid;border-color:#fff #808080 #808080 #fff;font-weight:400;white-space:nowrap}
table.fc-t td{padding:6px;vertical-align:top;border-bottom:1px solid #e6e6e6;line-height:1.35}
table.fc-t td.fc-nm{white-space:nowrap;font-weight:700}
table.fc-t td.fc-nm small{display:block;font-weight:400;color:#555}
table.fc-t tr.fc-low td{background:#FFF3EF}
.fc-mini svg{width:20px;height:20px;vertical-align:-5px}
.fc-acts{white-space:nowrap}
.fc-chip{display:inline-block;font-size:12.5px;padding:0 6px;border:1px solid #000;background:#D8F5C6;white-space:nowrap}
.fc-miss{padding:6px 10px;font-size:14px;color:#333}
.fc-who-list{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:6px;max-height:140px;overflow:auto}
.fc-who-list i{color:#555}
.mbw .field + .fc-q{margin-top:8px}
.mbw textarea.field{font:inherit;line-height:1.35}

@media (max-width:760px){
  .fc-split{grid-template-columns:1fr}
  .fc-mood{width:calc(20% - 5px)}
  .fc-foot{flex-wrap:wrap}
  .fc-foot .muted{flex:1 1 100%}
  .fc-wk{grid-template-columns:1fr}
  .fc-wk dl{grid-template-columns:1fr}
  .fc-wk dt{margin-top:4px}
  .fc-pw,.fc-swell{max-height:none}
  table.fc-t thead{display:none}
  table.fc-t tr{display:block;border-bottom:1px solid #ccc;padding:6px}
  table.fc-t td{display:block;border:0;padding:2px 0}
  table.fc-t td.fc-mini{float:left;margin-right:6px}
  table.fc-t td[data-l]::before{content:attr(data-l)": ";color:#555}
  .fc-acts{white-space:normal}
}

/* One question at a time (Oct 3) */
.fc-w .fc-body{padding:4px}
.fc-pad{padding:14px 16px}
.fc-step{padding:14px 16px 6px;min-height:200px}
.fc-count{font-size:13px;color:#555;margin:0 0 8px}
.fc-bigq{display:block;font-size:19px;font-weight:700;margin:0 0 10px;line-height:1.3}
.fc-w #fct{min-height:100px;font:inherit;line-height:1.4;padding:5px 7px}
.fc-minewho{color:#006400}
.fc-w .fc-foot{padding:6px 10px 8px}
.fc-done{display:flex;gap:14px;align-items:center;margin-bottom:10px}
.fc-done .fc-face svg{width:48px;height:48px;margin:0}
.fc-done .fc-bigq{margin:0 0 2px}
.fc-done p{margin:0}
.fc-said{display:grid;grid-template-columns:180px 1fr;gap:4px 10px;margin:0;font-size:14.5px;line-height:1.4}
.fc-said dt{color:#555}.fc-said dd{margin:0}.fc-said dd.fc-mem{font-style:italic}
@media (max-width:760px){ .fc-said{grid-template-columns:1fr} .fc-said dt{margin-top:6px} }
.fc-talk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:0 10px 10px}
.fc-talk .muted{font-size:13.5px}

/* Vibe check and six questions, any order (Oct 3, second pass) */
.fc-w .fc-moods{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:10px}
.fc-w .fc-mood{width:auto}
.fc-dots{display:flex;gap:4px;margin:0 0 12px}
.fc-dot{width:26px;height:24px;font:inherit;font-size:13px;background:var(--face);cursor:pointer;color:#000;
  border-top:2px solid var(--hilite);border-left:2px solid var(--hilite);border-right:2px solid var(--dark);border-bottom:2px solid var(--dark)}
.fc-dot.has{background:#D8F5C6}
.fc-dot.on{border-color:var(--dark) var(--hilite) var(--hilite) var(--dark);background:#fff;font-weight:700}
.fc-intro{font-size:14px;color:#444;margin:0 0 10px}
.fc-bigq i{font-weight:400}
.fc-small{display:block;font-size:13.5px;color:#444;margin:0 0 3px}
.fc-w #fct.fc-words{min-height:52px}
.fc-card{background:#fff;border-bottom:1px solid #ddd;padding:8px 10px}
.fc-card.fc-low{background:#FFF3EF}
.fc-ch{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:4px}
.fc-when{font-size:13px}
.fc-card .fc-said{grid-template-columns:150px 1fr}
.fc-said dt.fc-qs{color:#000080;font-weight:700}
.fc-noans{margin:0;font-size:14px}
.fc-wk .fc-said{grid-template-columns:130px 1fr}
@media (max-width:760px){
  .fc-w .fc-moods{grid-template-columns:repeat(3,1fr)}
  .fc-card .fc-said,.fc-wk .fc-said{grid-template-columns:1fr}
}

/* Draw my own (Oct 3): a small Paint under the faces */
.fc-draw{margin:0 0 10px;padding:6px;background:var(--face);border:2px solid;border-color:var(--shadow) var(--hilite) var(--hilite) var(--shadow)}
.fc-draw[hidden]{display:none}
.fc-dtools{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin:0 0 6px}
.fc-dtools .btn.on{border-color:var(--dark) var(--hilite) var(--hilite) var(--dark);background:#fff}
.fc-dcols{display:flex;gap:3px;margin-left:6px}
.fc-dcol{width:22px;height:22px;padding:0;cursor:pointer;border:2px solid;border-color:var(--dark) var(--hilite) var(--hilite) var(--dark)}
.fc-dcol.on{outline:2px solid #000;outline-offset:1px}
.fc-can{display:block;width:100%;max-width:360px;aspect-ratio:4/3;background:#fff;cursor:crosshair;touch-action:none;
  border:2px solid;border-color:var(--shadow) var(--hilite) var(--hilite) var(--shadow)}
img.fc-drawn{display:block;width:40px;height:30px;object-fit:contain;background:#fff;border:1px solid #000}
.fc-done .fc-face img.fc-drawn{width:120px;height:90px}
.fc-wk .fc-face img.fc-drawn{width:96px;height:72px}
.fc-d img.fc-drawn{width:34px;height:26px}
.fc-card .fc-mini img.fc-drawn{width:96px;height:72px}
.fc-card .fc-ch{align-items:flex-start}
.fc-w .fc-moods .fc-mood[data-v="drawn"] svg{width:30px;height:30px}
@media (max-width:760px){
  .fc-dcols{margin-left:0}
  .fc-can{max-width:none}
}

/* Dr. Pranav hosts (Oct 3): his picture, each question in a speech bubble like Wonka's */
.fc-host{display:flex;gap:12px;align-items:flex-end;margin:0 0 12px}
.fc-host img{width:190px;height:152px;flex:0 0 auto;display:block;border:1px solid #000;box-shadow:2px 2px 0 rgba(0,0,0,.3);background:#fff}
.fc-bub{position:relative;flex:1;background:#FFFFE1;border:1px solid #000;border-radius:10px;padding:8px 11px;margin-bottom:30px;box-shadow:2px 2px 0 rgba(0,0,0,.25)}
.fc-bub:before{content:'';position:absolute;left:-12px;bottom:14px;border:6px solid transparent;border-right:6px solid #000}
.fc-bub:after{content:'';position:absolute;left:-10px;bottom:15px;border:5px solid transparent;border-right:5px solid #FFFFE1}
.fc-who{display:block;font-size:13px;color:#800000;margin-bottom:2px}
.fc-hi{display:block;font-size:14.5px;margin-bottom:4px}
.fc-bub .fc-bigq{margin:0;font-size:17px}
.fc-small0{margin:4px 0 0;font-size:14px;color:#444}
.fc-done .fc-bigq{margin:0}
@media (max-width:760px){
  .fc-host img{width:124px;height:99px}
  .fc-bub{margin-bottom:16px}
  .fc-bub .fc-bigq{font-size:16px}
}