.chat-composer[hidden], .proposal-bot-actions[hidden] { display:none !important; }
#proposeCardButton[hidden] { display:none; }
.person-card.proposal-highlight { outline:4px solid #45adf5; outline-offset:5px; border-radius:8px; box-shadow:0 0 0 9px #45adf52e; }
.chat-jump-controls > button[hidden], .chat-jump-controls small[hidden] { display:none !important; }
.proposal-decision { width:100%; max-width:620px; margin:14px auto; padding:18px; border:1px solid #bcd8cc; border-radius:12px; background:#fff; box-shadow:0 5px 18px #173f3410; }
.proposal-decision > header { display:flex; align-items:center; gap:9px; color:#287466; }
.proposal-decision > header svg { width:22px; height:22px; flex:none; }
.proposal-decision > header time { margin-left:auto; font-size:11px; font-weight:400; color:#71847f; }
.proposal-decision h3 { margin:14px 0 7px; font-size:19px; overflow-wrap:anywhere; }
.proposal-decision p { margin:5px 0; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; }
.proposal-decision > button { margin-top:12px; }
.proposal-decision.rejected { border-color:#e1c5bd; }
.proposal-decision.rejected > header { color:#a55446; }
.proposal-decision-reason { margin-top:14px; padding:12px; border-radius:7px; background:#fbf2ee; }
.proposal-rejection-window > .modal-footer { padding:16px 22px; border-top:1px solid #e0e7e2; background:#f4f8f5; }
.proposal-bot-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 20px; border-top:1px solid #cadbd5; background:#fff; }
.proposal-bot-actions > div { display:grid; gap:5px; min-width:0; }
.proposal-bot-actions small, .proposal-message small, .proposal-submitter { color:#627d73; line-height:1.5; }
.proposal-bot-actions button { display:flex; align-items:center; gap:8px; flex:none; }
.proposal-bot-actions svg { width:20px; height:20px; flex:none; }
.proposal-message { max-width:650px; width:100%; margin:12px auto; border:1px solid #bfd5cc; border-radius:14px; background:white; box-shadow:0 5px 20px #183f350c; overflow:hidden; }
.proposal-card-content { display:flex; align-items:center; gap:18px; padding:18px; }
.proposal-card-content > div { min-width:0; }
.proposal-message h3 { margin:6px 0; font-size:20px; overflow-wrap:anywhere; }
.proposal-message p { margin:4px 0; font-size:14px; }
.proposal-photo { width:80px; height:100px; flex:none; object-fit:cover; border-radius:8px; background:#e9f3ee; }
.proposal-photo.fallback { display:grid; place-items:center; color:#287466; }
.proposal-photo svg { width:38px; height:38px; }
.proposal-message.rejected .proposal-card-content { opacity:.4; }
.proposal-message.accepted { border-color:#7db79e; }
.proposal-message > footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 18px; background:#f3f8f5; border-top:1px solid #e1ece6; }
.proposal-message footer > span { display:grid; gap:4px; font-size:12px; color:#58756a; min-width:0; overflow-wrap:anywhere; }
.proposal-message time { font-size:11px; color:#73877f; }
.proposal-message footer button { min-height:40px; flex:none; }
.proposal-review { max-width:760px; }
.proposal-review { display:flex; flex-direction:column; height:min(850px,calc(100dvh - 32px)); overflow:hidden; }
.proposal-review > .modal-header, .proposal-review > .modal-footer { flex:none; }
.proposal-review > .modal-footer { padding:16px 22px; border-top:1px solid #cadbd5; background:#f4f8f5; }
.proposal-review > .modal-body { flex:1; }
.editor-window { display:flex; flex-direction:column; height:min(860px,calc(100dvh - 40px)); overflow:hidden; }
.editor-window > .editor-header, .editor-window > .editor-tabs { flex:none; }
.editor-window > .editor-form { flex:1; min-height:0; overflow:hidden; }
.editor-window .editor-panel { flex:1; min-height:0; overflow-y:auto; }
.editor-window .editor-footer { flex:none; }
.proposal-review > .modal-body { overflow-y:auto; min-height:0; }
.proposal-review .modal-title { overflow-wrap:anywhere; }
.proposal-details { display:grid; gap:14px; margin:20px 0; }
.proposal-details > div { display:grid; grid-template-columns:160px minmax(0,1fr); gap:12px; }
.proposal-details dt { color:#6b8178; font-size:14px; }
.proposal-details dd { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.proposal-review h3 { margin:20px 0 10px; }
.proposal-links p { padding:12px; background:#eff6f2; border-radius:8px; overflow-wrap:anywhere; }
.proposal-links small { display:block; margin-top:6px; color:#5c796c; }
.proposal-review-actions { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }
.proposal-link { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; border:1px solid #d3e3db; border-radius:8px; margin:8px 0; }
.proposal-link > span { min-width:0; overflow-wrap:anywhere; }
.proposal-link small { display:block; margin-top:5px; color:#658073; }
.proposal-link > button { width:40px; height:40px; flex:none; padding:0; }
.proposal-media { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:10px; }
.proposal-media button { height:150px; padding:0; border:0; border-radius:8px; overflow:hidden; background:#edf5f0; }
.proposal-media img, .proposal-media video { width:100%; height:100%; object-fit:contain; }
@media(max-width:600px) {
  .proposal-bot-actions { padding:12px; gap:10px; }
  .proposal-bot-actions strong { font-size:14px; }
  .proposal-bot-actions small { font-size:12px; }
  .proposal-bot-actions button { padding:10px; }
  .proposal-card-content { padding:14px; gap:12px; }
  .proposal-photo { width:60px; height:80px; }
  .proposal-message h3 { font-size:17px; }
  .proposal-message > footer { padding:10px 14px; }
  .proposal-details > div { grid-template-columns:1fr; gap:4px; }
  .proposal-review-actions > button { flex:1 1 140px; }
  .proposal-review > .modal-footer { padding:12px; }
}
