/* ========================================
   coreflow-note-reply.css  -  付箋の「返信」の見た目（全アプリ共通の本体）
   ----------------------------------------
   🔴 **本体はここ（_shared）だけ。** アプリ側の css\ にあるのは配られたコピー。
      直す時は必ずここを直して `sync-shared.ps1` を走らせること。
   ⚠ 中身は coreflow-note-reply.js が作る `.cfr-*` だけ。
      アプリ側の board-notes.css には書かないこと（また3本に分かれる）。
   ======================================== */
.cfr{ margin-top:7px; }
.cfr-list{ display:flex; flex-direction:column; gap:5px; }
.cfr-item{ display:flex; align-items:flex-start; gap:6px; }
.cfr-av{ flex:0 0 auto; margin-top:1px; }
.cfr-bubble{
  flex:1 1 auto; min-width:0;
  background:rgba(255,255,255,.72); border:1px solid rgba(0,0,0,.10); border-radius:9px;
  padding:4px 8px 3px;
}
.cfr-text{ font-size:12px; line-height:1.6; color:#1b2430; word-break:break-word; white-space:pre-wrap; }
.cfr-time{ display:block; font-size:9.5px; color:#6b7280; text-align:right; margin-top:1px; }
.cfr-del{
  flex:0 0 auto; width:18px; height:18px; margin-top:2px; padding:0;
  border:none; background:transparent; color:#9ca3af; font-size:13px; line-height:1;
  cursor:pointer; border-radius:5px;
}
.cfr-del:hover{ background:rgba(0,0,0,.08); color:#ef4444; }

/* 「返信を書く…」＝ふだんは1行のボタン。押すと下の欄が開く */
.cfr-form{ margin-top:6px; }
.cfr-open{
  width:100%; text-align:left; padding:4px 9px;
  border:1px dashed rgba(0,0,0,.22); border-radius:9px;
  background:rgba(255,255,255,.45); color:#4b5563;
  font-size:11.5px; font-weight:700; cursor:pointer;
}
.cfr-open:hover{ background:rgba(255,255,255,.8); border-color:rgba(0,0,0,.4); color:#1b2430; }
.cfr-edit{ display:none; }
.cfr.is-open .cfr-open{ display:none; }
.cfr.is-open .cfr-edit{ display:block; }
.cfr-ta{
  width:100%; box-sizing:border-box; resize:vertical; min-height:46px;
  border:1px solid rgba(0,0,0,.25); border-radius:9px; padding:6px 8px;
  font:inherit; font-size:12px; line-height:1.6; color:#1b2430;
  background:rgba(255,255,255,.92);
}
.cfr-ta:focus{ outline:none; border-color:rgba(0,0,0,.5); }
.cfr-btns{ display:flex; gap:6px; justify-content:flex-end; margin-top:5px; }
.cfr-cancel, .cfr-send{
  padding:3px 11px; border-radius:8px; font-size:11.5px; font-weight:800; cursor:pointer;
  border:1px solid rgba(0,0,0,.25);
}
.cfr-cancel{ background:rgba(255,255,255,.7); color:#4b5563; }
.cfr-cancel:hover{ background:#fff; color:#1b2430; }
.cfr-send{ background:#1b2430; color:#fff; border-color:#1b2430; }
.cfr-send:hover{ opacity:.86; }

/* ==========================================================================
   📎 まとめて表示（coreflow-note-all.js）
   ゆうた指定 2026-08-19「新規付箋の横にボタン。**新規より目立たない形**がいい」
   ⚠ 「＋ 付箋を追加」は塗りつぶしのボタン。こちらは**枠だけ**にして一段下げる。
      押している間だけ色が付く（担当車両のスイッチと同じ考え方）。
   ========================================================================== */
.cfa-btn{
  display:inline-flex; align-items:center; gap:5px;
  padding:5px 11px; border:1px solid var(--border, rgba(0,0,0,.2)); border-radius:8px;
  background:transparent; color:var(--text2, #6b7280);
  font-size:12px; font-weight:700; line-height:1.5; white-space:nowrap; cursor:pointer;
}
.cfa-btn:hover{ border-color:var(--text2, #6b7280); color:var(--text, #1b2430); }
.cfa-btn.on{ border-color:#6366f1; background:rgba(99,102,241,.14); color:#6366f1; }
.cfa-btn .cfa-n{ font-size:10.5px; font-weight:800; opacity:.8; }

/* 出どころの札（よそのアプリの付箋にだけ付く） */
.cfa-src{
  display:inline-block; padding:1px 7px; border-radius:6px;
  font-size:10px; font-weight:800; letter-spacing:.02em; color:#fff; white-space:nowrap;
}
.cfa-src-carflow{ background:#378ADD; }
.cfa-src-pitflow{ background:#1f7a4d; }
.cfa-src-mhs{     background:#7c3aed; }
/* よその付箋は「見るだけ＋返信とチェック」なので、少しだけ地を落とす */
.bn-card.cfa-foreign{ box-shadow:inset 0 0 0 1px rgba(99,102,241,.35); }