/* Spacious RTL conversation and illustrated weekly draft, using existing local artwork. */
#board-chat { scroll-margin-top: 7rem; }
.board-chat-app { --bc-ink:#183f39; --bc-teal:#205f52; --bc-coral:#a73b26; --bc-gold:#f2cf61; direction:rtl; text-align:right; font-size:clamp(16px,0.871vw,16px); line-height:1.65; color:var(--bc-ink); padding:clamp(.65rem,2.5vw,2rem); overflow-wrap:anywhere; }
.board-chat-app *, .board-chat-app *::before, .board-chat-app *::after { box-sizing:border-box; }
.board-chat-app [hidden] { display:none !important; }
.board-chat-app h3 { font-size:clamp(18.09px,1.742vw,26.13px); line-height:1.25; margin:.6rem 0 1rem; }
.board-chat-app h4 { font-size:clamp(16px,1.34vw,19.43px); margin:1rem 0; }
.board-chat-app h5 { font-size:clamp(16px,1.005vw,17.42px); margin:.35rem 0; }
.board-chat-app p { margin:.55rem 0 1rem; }
.board-chat-app button, .board-chat-app textarea, .board-chat-app select { font:inherit; min-height:48px; max-width:100%; }
.board-chat-app button { white-space:normal; line-height:1.4; cursor:pointer; }
.board-chat-app :focus-visible { outline:3px solid #96391f; outline-offset:4px; }
.board-chat-app button:disabled, .board-chat-app input:disabled { opacity:.65; cursor:default; }
.bc-intro { display:grid; grid-template-columns:minmax(0,1fr); gap:2rem; align-items:center; background:#e9f1e4; border-radius:2rem; padding:clamp(1rem,3vw,2.5rem); border:1px solid #bbcdb5; box-shadow:0 8px 0 #d5dfcc; margin-bottom:2rem; }
.bc-intro .bc-scene { width:100%; height:auto; max-height:350px; object-fit:cover; border-radius:46% 46% 32% 32%; box-shadow:8px 10px 0 var(--bc-gold); }
.bc-eyebrow { font-weight:800; letter-spacing:.025em; }
.bc-people { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; margin:2rem 0; }
.bc-people label { font-weight:800; }
.bc-people select { flex:1 1 180px; border:2px solid #6c8b81; border-radius:1rem; padding:.7rem; background:#fffefa; color:var(--bc-ink); }
.bc-conversation { display:grid; gap:1rem; margin:1rem 0; }
.bc-turn { min-width:0; padding:1rem; border:1px solid #bbcdb5; border-radius:1rem; background:#fffefa; }
.bc-user { background:#eef3ed; }
.bc-turn h4 { margin-block:0 .5rem; }
.bc-turn p { margin-block:.5rem; }
.board-chat-app > select { min-height:44px; max-width:100%; margin-block:.5rem; }
.bc-bubble { padding:1.1rem 1.3rem; border-radius:1.4rem; max-width:92%; border:1px solid #bac9c0; }
.bc-bubble p { margin:.3rem 0 0; white-space:pre-wrap; }
.bc-user { background:#fff6d4; justify-self:start; }
.bc-assistant { background:#e6f1eb; justify-self:end; border-right:6px solid var(--bc-teal); }
.bc-form { display:grid; gap:.8rem; }
.bc-form label { font-size:1.1em; font-weight:800; }
.bc-form textarea { width:100%; min-height:150px; resize:vertical; border:2px solid #718e83; border-radius:1.2rem; padding:1rem; background:#fffefa; color:#183f39; }
.bc-samples { display:flex; gap:.7rem; flex-wrap:wrap; }
.bc-sample { flex:1 1 240px; padding:.85rem; border:1px solid #b29e63; border-radius:1rem; background:#fff9e7; color:#56421e; text-align:right; }
.bc-primary { background:var(--bc-teal); color:white; border:2px solid #144c41; border-radius:1rem; padding:1rem 1.5rem; font-weight:800; box-shadow:0 5px 0 #123d34; }
.bc-primary:hover:not(:disabled) { background:#164b40; }
.bc-secondary { color:#254b41; background:#fffdf6; border:2px solid #7c9688; padding:.8rem 1rem; border-radius:1rem; }
.board-chat-app .bc-secondary:focus-visible { background:#efe7d7; color:#254b41; }
@media (hover:hover) { .board-chat-app .bc-secondary:hover:not(:disabled) { background:#efe7d7; color:#254b41; } }
.bc-disclosure { font-size:16px; color:#465a50; }
.bc-status { min-height:2rem; font-weight:700; }
.bc-error { color:#9a301e; }
.bc-plan { border-top:3px solid #d5ad4a; margin-top:2rem; padding-top:1.5rem; }
.bc-operations { display:grid; gap:1rem; }
.bc-operation { display:grid; grid-template-columns:30px 72px minmax(0,1fr); align-items:start; gap:1rem; background:#fffefa; padding:1.2rem; border:2px solid #b8c9bd; border-radius:1.2rem; cursor:pointer; }
.bc-operation > input { width:26px; height:26px; accent-color:var(--bc-teal); margin-top:.7rem; }
.bc-operation strong { display:block; font-size:1.12em; }
.bc-icon { width:72px; height:76px; object-fit:contain; }
.bc-tag { display:inline-block; font-size:16px; font-weight:800; padding:.15rem .7rem; border-radius:2rem; background:#e9eedf; color:#29473b; }
.bc-before { color:#5d5e54; border-top:1px dashed #b0b9a8; padding-top:.6rem; }
.bc-removal { border-color:#c88671; background:#fff1e9; }
.bc-warning { background:#fff1df; border-right:5px solid #a8442d; padding:.8rem 1rem; }
.bc-preview { background:#f0f4e9; border-radius:1.5rem; padding:clamp(.8rem,2vw,1.7rem); margin:2rem 0; }
.bc-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:.5rem; }
.bc-day { border:1px solid #83967b; border-radius:1rem; background:#fffefa; color:#294d3f; padding:.65rem .35rem; }
.bc-day[aria-pressed="true"] { background:var(--bc-teal); color:white; box-shadow:0 4px 0 #163d31; font-weight:800; }
.bc-timeline, .bc-unscheduled { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.bc-unscheduled > h4 { grid-column:1/-1; }
.bc-card { display:flex; align-items:flex-start; gap:1rem; padding:1.1rem; border:2px solid #b1c3ad; border-right-width:7px; border-radius:1.2rem; background:#fffefa; min-width:0; }
.bc-card > div { min-width:0; }
.bc-card-icon { width:clamp(54px,7vw,90px); height:100px; object-fit:contain; flex-shrink:0; }
.bc-time { font-size:1.2em; font-weight:800; direction:ltr; display:inline-block; }
.bc-priority-urgent { border-color:#ac422b; background:#fff1ea; }
.bc-priority-normal { border-color:#ab8225; background:#fff9e7; }
.bc-priority-low { border-color:#448165; background:#eef8ef; }
.bc-notes { padding:1rem 0; }
.bc-actions { display:flex; gap:1rem; flex-wrap:wrap; }
.bc-save-status { flex:1 0 100%; margin:0; padding:1rem; border:2px solid #7c9688; border-radius:1rem; background:#fffdf6; font-weight:700; }
.bc-save-status.bc-error { border-color:#9a301e; border-inline-start-width:6px; background:#fff1e9; }
.bc-save { flex:1 1 260px; }
.bc-empty { grid-column:1/-1; }
.board-chat-app ol { padding-inline-start:1.5rem; margin:.7rem 0; }
@media (max-width:800px) { .bc-intro { grid-template-columns:1fr; } .bc-intro .bc-scene { max-height:240px; max-width:360px; justify-self:center; } .bc-days { grid-template-columns:repeat(4,minmax(0,1fr)); } .bc-timeline, .bc-unscheduled { grid-template-columns:1fr; } }
@media (max-width:480px) { .bc-operation { grid-template-columns:26px minmax(0,1fr); gap:.7rem; padding:.8rem; } .bc-operation .bc-icon { grid-column:2; grid-row:1; width:64px; height:64px; } .bc-operation > div { grid-column:1/-1; } .bc-days { grid-template-columns:repeat(2,minmax(0,1fr)); } .bc-bubble { max-width:100%; } .bc-card { gap:.6rem; padding:.75rem; } .bc-card-icon { width:52px; height:65px; } .bc-actions button { width:100%; } }
@media (prefers-reduced-motion:reduce) { .board-chat-app *, .board-chat-app *::before, .board-chat-app *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }