/* Communication board, private inbox and partner space. Owned by the center window. Loads after portal.css.
   General classes (card, secondary, muted, member, toolbar, shell, side-nav, match, count, tag) stay in portal.css and are not redefined here. */

/* Moved from portal.css, unchanged. */
.pinned{display:grid;gap:8px;border-left:3px solid var(--gold);padding:14px;background:var(--white)}.format-tools{display:flex;gap:6px;flex-wrap:wrap}.format-tools button{padding:8px;background:var(--white);border-color:var(--gold);color:var(--bronze)}.replies{border-left:2px solid var(--gold);padding-left:18px;margin-top:20px}.post small{color:var(--muted)}mark{background:#f1dfae;color:var(--ink)}select[multiple]{min-height:110px}.hub-head{margin-bottom:24px}.feed{max-width:880px}
.partner-side label{margin:0 14px 4px;color:#cfc8b8;font-size:13px}.partner-side .eyebrow{margin:14px 14px 4px;color:var(--gold)}.partner-side .muted{margin:0;padding:6px 14px;color:#b9b5ac}.name-open{font:inherit;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px}.profile-card,.tag-box{margin:14px 0 4px;padding:16px 18px;background:var(--white);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px}.profile-card h3,.tag-box h3{margin:18px 0 8px;font-size:17px}.tag-box h3{margin-top:0}.profile-card .member,.tag-box .member{padding:8px 0;border-bottom:1px solid var(--line)}.tag-confirm{margin-top:12px;padding:14px;background:var(--ivory);border:1px solid var(--gold);border-radius:8px}.tag-confirm p{margin:0 0 10px}@media(max-width:900px){.partner-side label{flex:none;margin:0;min-width:180px}.partner-side .eyebrow,.partner-side .muted{flex:none;margin:0;padding:0 8px;align-self:center}}

/* Board frame: thread list beside the open thread. */
.board-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:14px;align-items:start;margin-top:20px}.board-layout.no-list{grid-template-columns:minmax(0,1fr)}.board-main>.card:first-child,.thread-list{margin-top:0}
.thread-list{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow-y:auto;padding:16px}.thread-list label{margin:0 0 12px}.thread-list .eyebrow{margin:14px 0 6px}.thread-list .muted{margin:6px 0}
.thread-item{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;margin:0 0 2px;padding:9px 10px;background:none;border:0;border-left:3px solid transparent;border-radius:0 8px 8px 0;color:var(--ink);font-weight:500;text-align:left}.thread-item:hover{background:#f4ecd8}.thread-item[aria-current]{background:var(--white);border-left-color:var(--gold)}.thread-item span:first-child{min-width:0}.thread-item strong,.thread-item small{display:block;overflow-wrap:anywhere}.thread-item small{color:var(--muted);font-size:12px;font-weight:500}
@media(max-width:900px){.board-layout{grid-template-columns:minmax(0,1fr)}.thread-list{position:static;max-height:260px}}

#thread-tools{margin:0 0 6px}.thread-check{display:flex;align-items:center;gap:8px;margin:6px 0 0;font-weight:500;font-size:14px}.thread-check input{width:auto;margin:0}
.count.at{background:var(--ink);border-color:var(--ink);color:var(--ivory)}.deal-people{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0}.deal-people .secondary{margin:0;padding:6px 12px}.deal-people span{padding:4px 10px;background:var(--white);border:1px solid var(--line);border-radius:999px;font-size:14px}
.notify-item{margin-top:8px}.notify-item.read{border-left-color:var(--line)}.notify-item.read strong{font-weight:500}.post.for-me{border-left:3px solid var(--gold)}.replies .for-me{padding-left:10px;border-left:3px solid var(--gold)}

/* Loading and error states. */
.board-state p{margin:0 0 10px}.board-state p:last-child{margin-bottom:0}.spinner{display:inline-block;width:14px;height:14px;margin-right:9px;border:2px solid var(--line);border-top-color:var(--bronze);border-radius:50%;vertical-align:-2px;animation:board-spin .9s linear infinite}@keyframes board-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}

/* Feed. */
.post{scroll-margin-top:90px}.post.fresh{box-shadow:0 0 0 2px var(--gold)}[data-ack][aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--ivory)}

.pin-actions{display:flex;flex-wrap:wrap;gap:6px}.pin-actions .secondary{margin:0}#pin-loop p{margin:0}#pin-loop:empty{display:none}.pin-docs p{margin:0 0 8px}.pin-docs .secondary{margin:0}
.emoji-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.emoji-row button{padding:6px 9px;background:var(--white);border-color:var(--line);font-size:18px;line-height:1.2}.emoji-row button:hover{border-color:var(--gold)}
.feed-find{margin:0 0 4px}#feed-count{margin:4px 0 0}#feed-count:empty{display:none}.mention{color:var(--bronze);font-weight:600}.mention.me{padding:0 4px;background:#f1dfae;border-radius:4px;color:var(--ink)}
#hub-body h4{margin:18px 0 6px;color:var(--muted);font-size:13px;letter-spacing:.06em;text-transform:uppercase}

/* Email composer (board-composer.js). */
.bc-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 14px;align-items:end}.bc-pick button{margin:14px 0}.bc-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:14px}.bc-tools button{padding:8px 10px;background:var(--white);border-color:var(--gold);color:var(--bronze)}.bc-size{display:inline-flex;gap:6px;align-items:center;margin-left:8px;color:var(--muted);font-size:13px}.bc-size select{width:auto;margin:0;padding:6px 8px;font-size:13px}.bc-size input[type=color]{width:38px;height:32px;margin:0;padding:2px}label.bc-size{margin-top:0;margin-bottom:0;font-weight:500}
.bc-editor{min-height:260px;margin-top:8px;padding:16px;background:var(--white);border:1px solid var(--field);border-radius:8px;overflow-wrap:anywhere}.bc-editor img{display:block;max-width:100%;height:auto}.bc-editor img[data-picked]{outline:2px solid var(--gold)}.bc-editor.bc-drop{outline:3px dashed var(--gold);outline-offset:2px}
.bc-files{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.bc-review{display:flex;gap:10px;align-items:flex-start;font-weight:600}.bc-review input{width:auto;margin-top:4px}.bc-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.bc-actions .secondary{margin:0}.bc-bad{color:var(--alert)}

/* Help box (board-help.js). Sits above the Top button. */
#hb-open{position:fixed;z-index:50;right:20px;bottom:calc(76px + env(safe-area-inset-bottom,0px));border:2px solid var(--gold);border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.35)}#hb-open:hover{background:#34302a}
#hb-panel{position:fixed;z-index:70;right:20px;bottom:calc(132px + env(safe-area-inset-bottom,0px));width:min(420px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 160px));margin:0;overflow-y:auto;box-shadow:0 12px 32px rgba(0,0,0,.4)}#hb-panel details p{margin:8px 0 4px}#hb-panel .workspace-nav button{margin:0}
.hb-check{display:flex;align-items:center;gap:8px;font-weight:500}.hb-check input{width:auto;margin:0}.hb-answer{white-space:pre-line}.hb-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.hb-row button{margin:0}.hb-history{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--line);font-size:13px}.hb-entry{margin:12px 0;padding:12px 14px;background:var(--ivory);border:1px solid var(--gold);border-radius:10px}.hb-entry h3{margin:0 0 4px;font-size:17px}#hb-panel details form label{margin:10px 0 0}#hb-panel details form button{margin:10px 0 0}.hb-chat{display:grid;gap:8px;max-height:320px;margin:8px 0;overflow-y:auto}.hb-msg{padding:8px 12px;background:var(--white);border:1px solid var(--line);border-radius:10px}.hb-msg.me{margin-left:28px;background:var(--ivory);border-color:var(--gold)}.hb-msg.cora{margin-right:28px}.hb-msg p{margin:4px 0 0}.hb-msg small{color:var(--muted)}.hb-did{font-weight:600}#hb-chat-form textarea{min-height:0}.hb-done{padding:10px 14px;background:var(--white);border:1px solid var(--gold);border-radius:8px}
@media(max-width:650px){#hb-open{right:12px}#hb-panel{right:12px;left:12px;width:auto}}

/* Contact buttons (board-contact.js). */
.ct-row{display:flex;flex-wrap:wrap;gap:6px}.ct-btn{display:inline-block;margin:0;padding:10px 16px;background:var(--ink);border:1px solid var(--ink);border-radius:8px;color:var(--ivory);font:600 14px system-ui,sans-serif;text-decoration:none}a.ct-btn:hover{background:#34302a}.ct-note{margin:6px 0 0}.ct-note:empty{display:none}

/* Email from the thread. */
.email-panel{margin-top:8px;padding:16px 18px;background:var(--ivory);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px}.email-panel .card{margin:12px 0;padding:18px}.email-warn{padding:10px 14px;background:#f6ddd6;border:1px solid var(--alert);border-radius:8px;color:var(--alert);font-weight:600}.bc-fixed{margin:14px 0 0}.bc-plain{min-height:220px}.bc-signature{margin:4px 0 0;padding:10px 12px;background:var(--beige);border-radius:8px;white-space:pre-wrap;font:inherit;color:var(--muted)}#sig-form textarea{min-height:0}

/* Documents in the thread. */
.doc-card{margin:12px 0;padding:14px 16px;background:var(--white);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px}.card .doc-card{background:var(--ivory)}.doc-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.doc-top strong{overflow-wrap:anywhere}.doc-line{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 0}.doc-line select{width:auto;margin:0;padding:6px 8px;font-size:14px}.doc-chip{margin-left:0;background:var(--white);border-color:var(--gold);color:var(--ink)}
.doc-step{padding:4px 10px;background:var(--white);border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px}.doc-step.done{border-color:var(--gold);color:var(--ink)}.doc-step[aria-current]{background:var(--ink);border-color:var(--ink);color:var(--ivory)}.doc-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.doc-actions .secondary{margin:0;padding:8px 12px}
.doc-undo{margin:8px 0 0;padding:8px 12px;background:var(--beige);border-radius:8px}.doc-undo .secondary{margin:0 0 0 6px;padding:4px 10px}.doc-file{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0 12px;align-items:end;margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line)}.doc-file label{margin:8px 0}.doc-file button{margin:8px 0}#hub-attach input{padding:8px}

/* Email and text pop-ups on the board. */
#board-pop{max-width:760px;max-height:calc(100vh - 40px);overflow-y:auto}#board-pop .toolbar h2{margin:0}#board-pop .card{margin:14px 0;padding:18px}.pop-attach{margin:14px 0;padding:10px 14px;border:1px solid var(--line);border-radius:10px}.pop-attach legend{padding:0 6px;font-weight:600}#text-form textarea{min-height:120px}

/* Private inbox. */
.inbox-page .workspace-nav button{margin:0}.to-field{margin:14px 0;padding:14px 16px;background:var(--white);border:1px solid var(--line);border-radius:10px}.to-field label{margin:12px 0 0}.to-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.to-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 12px;background:var(--ivory);border:1px solid var(--gold);border-radius:999px;font-size:14px}.to-chip button{padding:0 8px;background:none;border:0;color:var(--muted);font-size:18px;line-height:1.3}.to-chip button:hover{color:var(--alert)}

/* Stickers, pictures in a thread, the reference list and the partner pipeline. */
.sticker{display:inline-block;margin:4px 0;padding:8px 16px;background:var(--white);border:2px solid var(--gold);border-radius:14px;font-size:20px;font-weight:700}.sticker-row button{font-size:14px;font-weight:600}.doc-img{display:block;max-width:100%;max-height:420px;margin:10px 0 0;border:1px solid var(--line);border-radius:8px}.doc-pic:empty{display:none}#info-list h4,#partner-info h4{margin:18px 0 4px;color:var(--muted);font-size:13px;letter-spacing:.06em;text-transform:uppercase}#info-list details p{margin:8px 0 4px;overflow-wrap:anywhere}#partner-pipeline .pipeline-group .toolbar{margin:0 0 6px}#partner-pipeline .pipeline-group h3{margin:0;font-size:17px}#partner-pipeline .match{margin:0 0 4px}

/* Save and update (shared-update.js). */
.su-panel{margin:12px 0 0;padding:12px 16px;background:var(--white);border:1px solid var(--gold);border-left:3px solid var(--gold);border-radius:10px}.su-panel p{margin:0 0 6px}.su-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.su-close{margin:0;padding:4px 10px}.su-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 0;border-top:1px solid var(--line)}.su-row button{margin:0 0 0 6px;padding:6px 12px}.su-chip{background:var(--ivory);margin:4px -8px;padding:8px;border:1px solid var(--line);border-radius:8px}.su-note:empty{display:none}#hub-post-row{margin:0}#hub-post-row button{margin:0}

/* The Lock in briefing inside a Cora answer. */
.hb-brief{margin:8px 0 0;padding:8px 10px;background:var(--ivory);border:1px solid var(--line);border-radius:8px}.hb-brief p{margin:0 0 4px}.hb-brief .hb-row{margin:6px 0 0}.hb-brief .hb-row button{padding:6px 10px;font-size:13px}
/* Drop-off box and Files panel (shared-docs.js) */
.sd-drop{margin:10px 0 14px;padding:16px;background:var(--ivory);border:2px dashed var(--line);border-radius:10px}.sd-drop.over{border-color:var(--gold);background:var(--beige)}.sd-drop label{display:block;margin:0;font-weight:600}.sd-drop input{display:block;margin-top:8px}.sd-status{margin:8px 0 0;min-height:1.2em}.sd-note{font-style:italic}
.sd-drop .sd-kind{margin-top:10px;font-weight:400}.sd-kind select{display:block;margin-top:4px}
/* Team email inbox (shared-inbox.js) */
.si-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 12px}.si-only{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:400}.si-only input{width:auto;margin:0}.si-mail{margin:8px 0;background:var(--white);border:1px solid var(--line);border-radius:10px}.si-mail.unread{border-left:3px solid var(--gold)}.si-head{display:grid;gap:2px;width:100%;margin:0;padding:12px 14px;background:none;border:0;color:var(--ink);text-align:left;font:inherit;cursor:pointer}.si-mail.unread .si-head span{font-weight:700}.si-head small{color:var(--muted)}.si-body{padding:0 14px 14px;border-top:1px solid var(--line)}.si-text{margin:8px 0;padding:12px;background:var(--ivory);border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:420px;overflow:auto}.si-files{margin:8px 0;padding-left:18px}.si-files .secondary{margin:0 0 0 6px;padding:4px 10px}.si-actions{display:flex;flex-wrap:wrap;gap:8px}.si-reply{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
/* Template catalog (shared-templates.js) */
.st-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 12px;align-items:end;margin:0 0 10px}.st-item{margin:6px 0;padding:10px 12px;background:var(--white);border:1px solid var(--line);border-radius:10px}.st-item summary{cursor:pointer}.st-text{margin:8px 0;padding:12px;background:var(--ivory);border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:320px;overflow:auto}.st-form{margin:0 0 14px;padding:14px;background:var(--beige);border-radius:10px}.st-check{display:flex;align-items:center;gap:8px;font-weight:400}.st-check input{width:auto;margin:0}
/* The coordinator's own fee (shared-fee.js) */
.sf-line{margin:8px 0;padding:8px 12px;background:var(--ivory);border-left:3px solid var(--gold);border-radius:8px}.sf-table{width:100%;border-collapse:collapse}.sf-table th,.sf-table td{padding:6px 8px;border-top:1px solid var(--line);text-align:left}
/* P-168: live delivery on a thread. The pill is offered when a new message arrives while she is reading higher up; a line of hers still on its way is dimmed. */
.live-pill{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:60;padding:10px 18px;border-radius:999px;border:1px solid var(--gold);background:var(--ink);color:var(--ivory);font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,.25);cursor:pointer}.post.pending{opacity:.6}.replies article.fresh{box-shadow:0 0 0 2px var(--gold)}

/* P-172: fix or remove a document, the Removed area, the cost trail (shared-docs.js) */
.sd-fx-note{grid-column:1/-1;margin:6px 0 0}.sd-versions{margin:12px 0 0}.sd-versions .secondary{margin:0 0 0 6px;padding:4px 10px}
.sd-removed{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--line)}.sd-removed summary{cursor:pointer;font-weight:600}.doc-card.sd-gone{border-left-color:var(--line)}
.sd-trail-wrap{overflow-x:auto}.sd-trail-table{width:100%;border-collapse:collapse;margin:8px 0}.sd-trail-table th,.sd-trail-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.sd-trail-table thead th{border-bottom:2px solid var(--gold)}.sd-trail-table small{display:block;font-weight:400;color:var(--muted)}.sd-trail-table td.sd-diff{background:var(--beige);border-left:3px solid var(--gold)}.sd-trail-table td.sd-na{color:var(--muted);font-style:italic}

/* P-237 / P-238: the client card (hub-partner.js, mounted by drawHub). Black and gold from the site's own variables. */
.client-card{background:var(--frame);color:var(--ivory);border:1px solid var(--gold);border-radius:14px;padding:16px 18px;margin:12px 0 16px;display:grid;gap:12px}
.client-card .cc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.client-card .cc-eyebrow{margin:0;color:var(--gold);font-size:.72rem;letter-spacing:.14em}
.client-card .cc-name{margin:2px 0 0;color:var(--ivory);font-size:1.25rem}
.client-card .cc-seen{display:flex;align-items:center;gap:10px}
.client-card .cc-unread{background:var(--gold);color:var(--ink);font-weight:700;border-radius:999px;padding:3px 10px;font-size:.85rem}
.client-card .cc-status{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.92rem;align-items:center}
.client-card .cc-chip{border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:2px 10px}
.client-card .cc-docs{border-top:1px solid var(--frame-line);padding-top:10px}.client-card .cc-docs strong{color:var(--gold);margin-right:10px}.client-card .cc-docs p{margin:6px 0;color:var(--ivory)}
.client-card .cc-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.client-card button,.client-card .secondary{background:transparent;color:var(--gold);border:1px solid var(--gold);border-radius:10px;padding:8px 12px;margin:0;cursor:pointer}
.client-card button:hover,.client-card button:focus-visible{background:var(--gold);color:var(--ink)}
.client-card button:disabled{opacity:.55;cursor:default}
.client-card .cc-request{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;border-top:1px solid var(--frame-line);padding-top:10px}
.client-card .cc-actions button,.client-card .cc-docs button{background:transparent;color:var(--gold);border:1px solid var(--gold);border-radius:10px}
.client-card .cc-actions button:hover,.client-card .cc-docs button:hover{background:var(--gold);color:var(--ink)}
.client-card .cc-request label{display:grid;gap:4px;color:var(--ivory)}
.client-card .cc-request input{background:var(--ivory);color:var(--ink);border:1px solid var(--gold);border-radius:8px;padding:8px 10px;min-width:260px}
.client-card #pin-contact,.client-card #pin-email{display:contents}
.client-card .pin-actions{display:contents}
.client-card .muted,.client-card small{color:var(--ivory)}
.pinned.carded{display:none}
/* the conversation: a beige ground, white bubbles, and a box that can be pulled taller or shorter by its lower corner */
#hub-feed{background:var(--beige);border:1px solid var(--gold);border-radius:14px;padding:14px;resize:vertical;overflow:auto;min-height:260px;max-height:80vh}
#hub-feed .post{background:var(--white);border:1px solid #e6dcc3;border-radius:16px;padding:12px 14px;margin:10px 0;max-width:min(720px,94%)}
#hub-feed .replies{border-left:2px solid var(--gold);margin-left:10px}
@media (max-width:560px){.client-card .cc-request input{min-width:0;width:100%}}

/* P-239 private inbox: left panel, message list, reading pane (look and layout only; ids and views unchanged). */
.inbox-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start;margin-top:14px}
.inbox-left{display:grid;gap:4px;align-content:start;padding:12px;background:#17181a;border:1px solid var(--gold);border-radius:12px}
.inbox-page .inbox-left button,body .inbox-page.inbox-page .inbox-left.workspace-nav button.secondary,body .inbox-page.inbox-page .inbox-left.workspace-nav button.secondary:hover{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0;text-align:left;background:transparent;color:var(--ivory);border:1px solid transparent}
.inbox-page .inbox-left button[aria-current="true"]{background:#2a2418;color:var(--gold);border-color:var(--gold)}
.inbox-page .inbox-left .inbox-compose{justify-content:center;background:var(--gold);color:#17181a;font-weight:700;margin-bottom:8px}
.inbox-head{margin:12px 8px 2px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.inbox-count{font-size:12px;color:var(--gold);background:#2a2418;border-radius:999px;padding:1px 8px}
.inbox-split{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:14px;align-items:start}
.inbox-search{width:100%;margin:0 0 8px}
.inbox-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--white);overflow:hidden}
.inbox-list li{border-bottom:1px solid var(--line)}.inbox-list li:last-child{border-bottom:0}
.inbox-row{display:block;width:100%;margin:0;padding:10px 12px;text-align:left;background:transparent;color:var(--ink);border:0;border-radius:0}
.inbox-row.on{background:var(--ivory);box-shadow:inset 3px 0 0 var(--gold)}
.inbox-who{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.inbox-who small{margin-left:auto;color:var(--muted)}
.inbox-chip{font-size:11px;border:1px solid var(--bronze);color:var(--bronze);border-radius:999px;padding:0 7px}
.inbox-snip{display:block;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inbox-read{margin:0;min-width:0;overflow-wrap:anywhere}.inbox-listbox,.inbox-main{min-width:0}
@media (max-width:900px){.inbox-grid,.inbox-split{grid-template-columns:minmax(0,1fr)}.inbox-left{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap}.inbox-page .inbox-left button{width:auto}.inbox-head{display:none}}

/* ---- B2 · P-304e: Client Communication Board (Sonnet B, 13 Oct 2026). Palette from COMM-VISUAL: ink #1d1a15, ivory #f3ead6, paper #fffdf8, line #e4dac6, gold #b8955a. BEGIN-BOARD */
.board-bar{position:sticky;top:0;z-index:6;background:#1d1a15;color:#f3ead6;border:1px solid #b8955a;border-radius:14px;padding:12px 16px;margin:0 0 12px;box-shadow:0 6px 14px rgba(0,0,0,.28)}
.board-bar .bb-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.board-bar .bb-name{margin:0;font-size:22px;line-height:1.2;color:#f3ead6}
.board-bar .bb-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 auto}
.board-bar .bb-chip{display:inline-block;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:700;background:#e7bd6a;color:#16130d}
.board-bar .bb-chip.green{background:#9fd09a}
.board-bar .bb-chip.plain{background:#3a352b;color:#cfc4ab}
.board-bar .bb-views{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.board-bar .bb-btn{background:#1d1a15;color:#f3ead6;border:1px solid #b8955a;border-radius:8px;padding:5px 12px;font-weight:700;cursor:pointer;min-height:34px}
.board-bar .bb-btn.on{background:#b8955a;color:#16130d}
.board-bar .bb-close{margin:6px 0 0;text-align:right;color:#cfc4ab;font-size:13px}
.board-bar .bb-line{background:#efe3c8;color:#1d1a15;border-radius:8px;padding:8px 10px;margin:8px 0 0;font-size:14px}
.board-bar .bb-notes{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 0;color:#cfc4ab;font-size:13px}
.board-bar .bb-notes .bb-btn{margin-left:auto}
#hub-feed.wide{max-height:none;resize:none}
#hub-feed .post,#hub-feed .b-reply{position:relative;border-radius:16px;padding:10px 14px;margin:10px 0}
#hub-feed .post{max-width:min(760px,94%)}
#hub-feed .b-reply{max-width:100%;padding:9px 12px;margin:8px 0;border:1px solid #1d1a15}
#hub-feed .side-ours{margin-left:auto;margin-right:0;background:#1d1a15;color:#f3ead6;border:1px solid #1d1a15}
#hub-feed .side-out{margin-right:auto;margin-left:0;background:#fffdf8;color:#1d1a15;border:1px solid #1d1a15}
#hub-feed .side-ours a,#hub-feed .side-ours .mention{color:#e7bd6a}
#hub-feed .side-ours small,#hub-feed .side-ours .b-when{color:#cfc4ab}
#hub-feed .side-ours .doc-card{background:#fffdf8;color:#1d1a15;border-radius:8px;padding:8px}
#hub-feed .b-head{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:space-between;align-items:baseline;font-size:13px;margin:0 0 6px}
#hub-feed .b-from strong{font-weight:700}
#hub-feed .b-body p{margin:0 0 4px;overflow-wrap:anywhere}
#hub-feed .b-chan{display:inline-block;margin:0 6px 4px 0;border-radius:999px;padding:1px 9px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#e7bd6a;color:#16130d}
#hub-feed .b-chan.bad{background:#ef8a80}
#hub-feed .b-chan.hid{background:#6f6656;color:#fffdf8}
#hub-feed .is-hidden{opacity:.6;border-style:dashed}
#hub-feed .b-chips{margin:4px 0}
#hub-feed .st-chip{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;background:#efe3c8;color:#1d1a15;border:1px solid #b8955a}
#hub-feed .st-open{background:#bfe3bb;border-color:#3d6b3a}
#hub-feed .st-acknowledged{background:#fffdf8;border-color:#1d1a15}
#hub-feed .st-requested{background:#e7bd6a;border-color:#8a6a33}
#hub-feed .st-pending{background:#f4dfa6;border-color:#b8955a}
#hub-feed .st-delayed{background:#ef8a80;border-color:#8c2f26}
#hub-feed .st-blocked{background:#b3261e;color:#fffdf8;border-color:#7a1d16}
#hub-feed .st-returned{background:#7fc67a;border-color:#3d6b3a}
#hub-feed .b-alert{display:inline-block;margin:4px 0 0 8px;font-size:12px;font-weight:600;opacity:.9}
#hub-feed .b-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
#hub-feed .b-btn{border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700;cursor:pointer;min-height:32px;background:#fffdf8;color:#1d1a15;border:1px solid #1d1a15}
#hub-feed .side-ours .b-btn{background:#3a352b;color:#f3ead6;border-color:#6b5a3a}
#hub-feed .b-btn.reply{background:#b8955a;color:#16130d;border-color:#b8955a}
#hub-feed .b-status{display:inline-flex;gap:6px;align-items:center;font-size:12px;margin:0}
#hub-feed .b-status select{padding:3px 6px;border-radius:6px;font-size:12px}
#hub-feed .replies{margin:10px 0 0 10px;padding-left:10px;border-left:3px solid #b8955a}
#hub-feed .reply-form{margin-top:8px}
#hub-feed .reply-form[hidden]{display:none}
#hub-feed .side-ours .reply-form label{color:#f3ead6}
@media (max-width:560px){.board-bar .bb-views{margin-left:0}#hub-feed .post{max-width:100%}}
/* END-BOARD */