/* LA-CCon-008 / CC-016 (2026-09-28) */
.cc-pw-row { display: flex; gap: 8px; align-items: stretch; }
.cc-pw-row input { flex: 1 1 auto; min-width: 0; min-height: 44px; box-sizing: border-box; }
.cc-pw-toggle { min-height: 44px; min-width: 64px; border: 1px solid #b7c3cf; border-radius: 6px; background: #fff; font: inherit; cursor: pointer; }
.cc-setup-page .home-stage { max-width: 520px; margin: 0 auto; padding: 48px 20px 64px; }
.cc-setup-page .desk-main { margin-left: 0; max-width: none; padding-left: 0; }
.cc-invites { background: #f6f8fa; border: 1px solid #c9d3de; border-radius: 8px; padding: 14px 18px; margin: 0 0 1.25rem; max-width: 1100px; }
.cc-invites[hidden] { display: none; }
.cc-inv-list { list-style: none; margin: 0; padding: 0; }
.cc-inv-item { padding: 12px 0; border-top: 1px solid #d9e1ea; }
.cc-inv-item:first-child { border-top: 0; }
.cc-inv-head { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; justify-content: space-between; }
.cc-inv-who { font-weight: 600; }
.cc-inv-email { color: #3a4654; font-size: 0.9rem; word-break: break-all; }
.cc-inv-state { margin: 4px 0 0; font-size: 0.92rem; }
.cc-inv-held { margin: 4px 0 0; font-size: 0.88rem; color: #7a4b00; }
.cc-inv-notes { margin: 6px 0 0; padding-left: 18px; font-size: 0.88rem; color: #3a4654; }
.cc-inv-btn { min-height: 44px; padding: 8px 18px; font-weight: 600; border: 1px solid #1E1A47; border-radius: 6px; background: #1E1A47; color: #fff; font: inherit; cursor: pointer; }
.cc-inv-btn[disabled] { background: #e3e7ec; color: #5b6673; border-color: #c9d3de; cursor: not-allowed; }
.cc-inv-msg { margin: 6px 0 0; font-size: 0.9rem; }
.cc-inv-msg.is-err { color: #9b1c1c; }
.cc-inv-msg.is-ok { color: #1d6b3a; }

/* long Intake emails wrap on phones */
#cc-setup-email, #cc-done-email { overflow-wrap: anywhere; word-break: break-word; }

/* pwreset */
.cc-actions-row { display: flex; flex-wrap: wrap; gap: 12px; }
.cc-actions-row .btn { min-height: 44px; }

/* tokhyg 9/28 (UAT F-2): dated notes and long addresses wrap inside the invite box at 390 */
.cc-invites { box-sizing: border-box; max-width: min(1100px, 100%); overflow-wrap: anywhere; }
.cc-inv-head > div { flex: 1 1 200px; min-width: 0; }
.cc-inv-notes li, .cc-inv-state, .cc-inv-held, .cc-inv-msg { overflow-wrap: anywhere; word-break: break-word; min-width: 0; }