/* 16.24.0 screens: the chat card for reports and bot screens (OPEN / DOWNLOAD), lists that need you, SEND TO, the PROJECT chip */
.hud-card.hudc { cursor:default; flex-wrap:nowrap; min-width:0; }
.hudc .hudc-t { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:1px; }
.hudc .hudc-title { overflow-wrap:anywhere; }
.hudc .hudc-kind { font-size:11px; letter-spacing:.12em; }
.hudc-acts { flex:0 0 auto; display:flex; gap:6px; align-items:center; }
.hudc-acts .btn { margin:0; white-space:nowrap; }
.hudc-acts a.btn { text-decoration:none; color:inherit; display:inline-flex; align-items:center; }
.hudc-acts .btn:focus-visible, .scx-item .btn:focus-visible, .scx-sug:focus-visible, .scx-x:focus-visible { outline:2px solid var(--acc); outline-offset:2px; }
.hudc-wrap { justify-self:stretch; display:flex; flex-direction:column; gap:6px; min-width:0; }
@media (max-width:640px) {
  .hud-card.hudc { flex-wrap:wrap; }
  .hudc .hudc-t { flex-basis:calc(100% - 40px); }
  .hudc-acts { flex:1 1 100%; }
  .hudc-acts .btn { flex:1 1 0; justify-content:center; text-align:center; min-height:36px; }
}

/* a list that needs you (the bot's attention list), answered in the chat */
.scx-acts { display:flex; flex-direction:column; gap:8px; min-width:0; }
.scx-acts:empty { display:none; }
.scx-item { border:1px solid var(--line); border-left:3px solid var(--acc); border-radius:6px; padding:8px 10px; background:rgba(94,234,212,.04); font-size:13px; min-width:0; }
.scx-item[data-done='1'] { opacity:.6; }
.scx-top { display:flex; flex-wrap:wrap; gap:8px; align-items:baseline; }
.scx-src { font-size:10px; letter-spacing:.16em; color:var(--acc); border:1px solid var(--acc); border-radius:3px; padding:0 5px; }
.scx-acct { font-size:11px; color:var(--dim); }
.scx-from { overflow-wrap:anywhere; }
.scx-when { margin-left:auto; font-size:12px; }
.scx-x { all:unset; cursor:pointer; padding:0 4px; color:var(--dim); font-size:16px; line-height:1; }
.scx-x:hover { color:inherit; }
.scx-subj { font-weight:600; margin-top:3px; overflow-wrap:anywhere; }
.scx-text { margin-top:2px; color:var(--dim); overflow-wrap:anywhere; white-space:pre-wrap; }
.scx-detail-trigger { all:unset; display:block; cursor:pointer; width:100%; box-sizing:border-box; text-align:left; white-space:pre-wrap; }
.scx-detail-trigger:hover { text-decoration:underline; }
.scx-detail-trigger:focus-visible, .scx-detail-open:focus-visible { outline:2px solid var(--acc); outline-offset:2px; }
.scx-detail-open { margin-top:6px; }
.scx-detail-overlay { z-index:130; }
.scx-detail { min-width:0; }
.scx-detail-content { overflow-wrap:anywhere; }
.scx-detail-content h2 { margin:0 0 10px; font-size:18px; }
.scx-detail-field { margin:4px 0; }
.scx-detail-body { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; line-height:1.5; margin:12px 0; }
.scx-detail { width:min(860px,100%); }
.scx-detail-content { display:flex; flex-direction:column; gap:12px; min-width:0; }
.scx-detail-content h2 { margin:0; }
.scx-detail-context { display:flex; gap:6px; flex-wrap:wrap; color:var(--dim); font-size:12px; }
.scx-detail-context b { color:var(--acc); }
.scx-mail-compose,.scx-mail-original,.scx-calendar-detail,.scx-slack-detail,.scx-generic-detail { min-width:0; border:1px solid var(--line); border-radius:10px; padding:12px; background:var(--panel); }
.scx-mail-compose h3,.scx-mail-original h3 { margin:0 0 8px; font-size:14px; }
.scx-mail-compose { display:flex; flex-direction:column; gap:8px; }
.scx-mail-field { display:grid; grid-template-columns:70px minmax(0,1fr); gap:8px; align-items:center; font-size:12px; }
.scx-mail-field:has(textarea) { align-items:start; }
.scx-mail-field span,.scx-detail-label { color:var(--dim); }
.scx-mail-field .scx-input { padding:7px 9px; border:1px solid var(--line); border-radius:6px; background:var(--bg); color:inherit; }
.scx-mail-original { display:flex; flex-direction:column; gap:6px; }
.scx-detail-field { display:grid; grid-template-columns:80px minmax(0,1fr); gap:8px; margin:0; overflow-wrap:anywhere; }
.scx-mail-html { width:100%; height:min(60vh,520px); min-height:260px; border:1px solid var(--line); border-radius:6px; background:#fff; }
.scx-slack-detail { border-left:4px solid var(--acc); }
.scx-calendar-detail { border-top:4px solid var(--acc); }
@media (max-width:640px) { .scx-mail-field,.scx-detail-field { grid-template-columns:1fr; gap:3px; } .scx-mail-html { height:48vh; } }
.scx-row { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:6px; }
.scx-row .btn { margin:0; }
.scx-hint { font-size:12px; }
.scx-compose { display:flex; flex-direction:column; gap:6px; margin-top:6px; }
.scx-sugs { display:flex; flex-direction:column; gap:4px; }
.scx-sug { text-align:left; font:inherit; font-size:12.5px; color:inherit; background:rgba(94,234,212,.08); border:1px solid var(--line); border-radius:6px; padding:6px 8px; cursor:pointer; overflow-wrap:anywhere; }
.scx-sug:hover { border-color:var(--acc); }
.scx-input { width:100%; min-width:0; box-sizing:border-box; resize:vertical; font:inherit; }
.scx-all { font-size:12px; }
.scx-item .msg { margin-top:4px; }
.scx-interaction { display:flex; flex-direction:column; gap:8px; min-width:0; }
.scx-form-card { display:flex; flex-direction:column; gap:8px; }
.scx-form-card p { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.scx-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)); gap:8px; }
.scx-field { display:flex; flex-direction:column; gap:4px; min-width:0; }
.scx-field>span { font-size:12px; }
.scx-choice { display:flex; align-items:center; gap:6px; font-size:12px; }
.scx-form-status { font-size:12px; color:var(--dim); }
.scx-review-overlay { position:fixed; inset:0; z-index:120; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(0,0,0,.7); }
.scx-review { width:min(760px,100%); max-height:calc(100dvh - 32px); overflow:auto; padding:14px; display:flex; flex-direction:column; gap:10px; border:1px solid var(--acc); border-radius:10px; background:var(--bg); box-shadow:0 16px 40px rgba(0,0,0,.6); }
.scx-review-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.scx-review-list { display:flex; flex-direction:column; gap:10px; min-width:0; }
.scx-review-controls { display:flex; flex-direction:column; align-items:flex-start; gap:5px; margin-top:7px; }
.scx-review-state { display:inline-flex; align-items:center; border:1px solid var(--line); border-radius:999px; padding:2px 8px; font-size:12px; }
.scx-review-state[data-state='complete'] { color:var(--ok); border-color:var(--ok); }
.scx-review-state[data-state='dismissed'] { color:var(--dim); }
.scx-review-state[data-state='remind'] { color:var(--warn); border-color:var(--warn); }
.scx-review-action { color:var(--dim); font-size:12px; }
.scx-review-error { color:var(--bad); font-size:12px; }
.scx-remind-panel { display:flex; flex-wrap:wrap; gap:6px; align-items:center; max-width:100%; }
.scx-remind-panel .scx-input { width:auto; max-width:100%; min-height:36px; }
.scx-item[data-state='complete'] { border-left-color:var(--ok); }
.scx-item[data-state='remind'] { border-left-color:var(--warn); }
@media (max-width:640px) {
  .scx-row .btn { flex:1 1 auto; min-height:36px; }
  .scx-when { margin-left:0; }
}

/* SEND TO */
.scx-menu { position:fixed; z-index:80; width:280px; max-width:calc(100vw - 16px); background:rgba(3,14,19,.98); border:1px solid var(--acc); border-radius:8px; box-shadow:0 10px 30px rgba(0,0,0,.6); padding:6px; display:flex; flex-direction:column; gap:2px; }
.scx-menu-h { font-size:10px; letter-spacing:.16em; color:var(--dim); padding:4px 8px; }
.scx-menu-i { all:unset; cursor:pointer; padding:8px; border-radius:6px; font-size:13px; overflow-wrap:anywhere; }
.scx-menu-i:hover, .scx-menu-i:focus-visible { background:rgba(94,234,212,.14); outline:none; }
.scx-menu-n { padding:8px; font-size:12.5px; color:var(--dim); line-height:1.4; }
.scx-toast { position:fixed; z-index:90; left:50%; bottom:24px; transform:translateX(-50%); max-width:min(520px,calc(100vw - 24px)); background:rgba(3,14,19,.97); border:1px solid var(--acc); border-radius:8px; padding:10px 14px; font-size:13px; box-shadow:0 10px 30px rgba(0,0,0,.6); }

/* PROJECT · <name> × in the chat head */
.scx-pchip { display:inline-flex; align-items:center; gap:4px; margin-left:8px; padding:1px 4px 1px 8px; border:1px solid var(--acc); border-radius:12px; font-size:10.5px; letter-spacing:.12em; color:var(--acc); max-width:min(260px,40vw); vertical-align:middle; }
.scx-pchip-t { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.scx-pchip-x { all:unset; cursor:pointer; padding:0 5px; font-size:14px; line-height:1; border-radius:10px; }
.scx-pchip-x:hover, .scx-pchip-x:focus-visible { background:rgba(94,234,212,.2); }