/* Demo: AI inquiry inbox. Scoped to #ib. */
#ib .ib-app{min-height:560px}
#ib .dk-window-hd .ib-biz{color:var(--muted);font-weight:500}
#ib .ib-side{display:flex;flex-direction:column;min-height:0;background:#FBFCFD}
#ib .ib-counts{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line);min-height:52px;align-items:center}
#ib .ib-counts .dk-chip b{font-size:.86rem}
#ib .ib-handled{flex:1 0 100%;font-size:.84rem;color:var(--muted)}
#ib .ib-handled.is-done{color:var(--ok);font-weight:600}
#ib .ib-list{overflow:auto;max-height:520px}
#ib .ib-empty{margin:0;padding:28px 16px;color:var(--muted);text-align:center}
#ib .ib-row{grid-template-columns:34px minmax(0,1fr);column-gap:10px;align-items:start}
#ib .ib-row>.ib-ch{grid-row:1 / span 3}
#ib .ib-row-top{display:flex;justify-content:space-between;gap:8px}
#ib .ib-row-top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ib .ib-row-top small{flex:none}
#ib .ib-prev{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);font-size:.88rem}
#ib .ib-row-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
#ib .ib-row.ib-urgent{border-left-color:var(--bad)}
#ib .ib-row.ib-urgent[aria-pressed="true"]{border-left-color:var(--bad)}
#ib .ib-row.ib-handled-row b{font-weight:500;color:var(--ink-2)}
#ib .ib-thinking .icon{color:var(--orange)}
#ib .ib-ch{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--navy);background:var(--ai-bg);border:1px solid #1c3a5b1f}
#ib .ib-ch .icon{width:17px;height:17px}
#ib .ib-ch--text{color:#1B6E35;background:#E8F5EC;border-color:#1b6e3526}
#ib .ib-ch--form{color:var(--orange-ink);background:var(--web-bg);border-color:#b8480a26}
#ib .ib-ch--email{color:var(--cloud);background:var(--cloud-bg);border-color:#1f6fb226}
#ib .ib-ch--voicemail{color:var(--warn);background:var(--warn-bg);border-color:#8a5a0026}
#ib .ib-detail{display:flex;flex-direction:column;gap:6px;outline:none}
#ib .ib-detail>.dk-pane-h{margin:12px 0 4px}
#ib .ib-detail .dk-chips,#ib .ib-detail .ib-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0}
#ib .ib-pick{margin:auto;max-width:34ch;text-align:center;color:var(--muted);padding:40px 0}
#ib .ib-d-head{display:flex;gap:12px;align-items:center}
#ib .ib-d-from{margin:0;font:600 1.15rem/1.25 var(--body);text-transform:none;letter-spacing:0;color:var(--ink)}
#ib .ib-d-via{margin:2px 0 0;font-size:.88rem;color:var(--muted)}
#ib .ib-d-text{margin:10px 0 0;padding:12px 14px;border-radius:14px;border-top-left-radius:4px;background:#F1F4F8;color:var(--ink);font-size:.98rem;line-height:1.5}
#ib .ib-d-draft{margin-top:14px}
#ib .ib-why{margin:8px 0 0;font-size:.85rem;color:var(--muted)}
#ib .dk-done{margin-top:10px}
/* static fallback (no JavaScript) */
#ib .ib-src{list-style:none;margin:0;padding:0}
#ib:not(.dk-on) .ib-src{display:grid;gap:14px}
#ib .ib-src .card{background:#fff}
#ib .ib-head{margin:0 0 6px}
#ib .ib-head .ib-via{color:var(--muted);font-size:.9rem}
#ib .ib-text{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:#F1F4F8}
#ib .ib-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
#ib .ib-draft{margin-top:10px;padding:12px 14px;border:1px solid #1c3a5b29;border-radius:12px;background:#F7F9FC}
#ib .ib-draft-h{margin:0 0 4px;font:700 .8rem/1.2 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--ai)}
#ib .ib-draft-t{margin:0}
@media(max-width:859px){#ib .ib-app{min-height:0}#ib .ib-list{max-height:340px}}