/* ════════════════════════════════════════════════════════════
   CENTRAL 2.0 (#173) — caixa de prospecção. Ver CENTRAL_2_SPEC.md.
   Só tokens do style.css. Prefixo .c2- pra não colidir com o Central 1
   (.chat-*), que segue no ar até a troca por workspace (flow_clients.central_v2).
════════════════════════════════════════════════════════════ */

#tab-central2 .tab-topbar .c2-inst-pills{display:flex;gap:6px;flex-wrap:wrap;min-width:0}

.c2-notif{display:flex;align-items:center;gap:10px;padding:.5714rem 1rem;margin-bottom:.8571rem;border-radius:var(--r-sm);background:var(--orange-soft);border:1px solid var(--line);font-size:var(--fs-13);color:var(--tx)}
.c2-notif .ico{color:var(--orange)}
.c2-notif .c2-spacer{flex:1}
.c2-notif.ok{background:var(--green-soft)}
.c2-notif.ok .ico{color:var(--green)}

.c2-shell{display:grid;grid-template-columns:23rem minmax(0,1fr) 21.4286rem;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--s1);min-height:420px}
.c2-shell.no-panel{grid-template-columns:23rem minmax(0,1fr)}

/* ── Lista ── */
.c2-list{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--s1)}
.c2-list-head{display:flex;flex-direction:column;gap:.7143rem;padding:.8571rem;border-bottom:1px solid var(--line)}
.c2-tabs{display:flex;gap:2px;background:var(--s3);padding:3px;border-radius:var(--r-sm)}
.c2-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;border-radius:7px;padding:.4286rem .2857rem;font-size:var(--fs-13);font-weight:600;color:var(--tx-mut);cursor:pointer}
.c2-tabs button[aria-selected="true"]{background:var(--s1);color:var(--tx);box-shadow:var(--shadow)}
.c2-tabs .c2-cnt{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:var(--fs-11);color:var(--tx-faint)}
.c2-search-row{display:flex;gap:6px;align-items:center}
.c2-search{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:var(--r-sm);padding:.3571rem .7143rem;background:var(--s2);min-width:0}
.c2-search input{flex:1;min-width:0;border:0;background:transparent;outline:0;font-size:var(--fs-13);color:var(--tx);padding:0}
.c2-search .ico{color:var(--tx-faint)}
.c2-filter-btn{position:relative}
.c2-filter-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--primary)}
.c2-views{display:flex;gap:6px;flex-wrap:wrap}
.c2-view{border:1px solid var(--line);background:transparent;border-radius:var(--r-full);padding:.2143rem .7143rem;font-size:var(--fs-12);font-weight:500;color:var(--tx-mut);display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.c2-view:hover{border-color:var(--line-2);color:var(--tx)}
.c2-view[aria-pressed="true"]{background:var(--tx);color:var(--s1);border-color:var(--tx)}
.c2-view .c2-cnt{font-variant-numeric:tabular-nums;opacity:.75}
.c2-view.warn[aria-pressed="false"] .c2-cnt{color:var(--orange);opacity:1;font-weight:700}

.c2-rows{flex:1;overflow-y:auto;min-height:0}
.c2-row{position:relative;display:grid;grid-template-columns:2.5714rem minmax(0,1fr) auto;gap:.7143rem;width:100%;padding:.7857rem .8571rem;border:0;border-bottom:1px solid var(--line);border-left:3px solid transparent;background:transparent;text-align:left;cursor:pointer;color:var(--tx)}
.c2-row:hover{background:var(--s-hover)}
.c2-row[aria-current="true"]{background:var(--primary-soft);border-left-color:var(--primary)}
.c2-row .avatar{width:2.5714rem;height:2.5714rem;font-size:var(--fs-12)}
.c2-row-top{display:flex;gap:6px;align-items:baseline;min-width:0}
.c2-row-name{font-weight:600;font-size:var(--fs-14);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c2-row-co{font-size:var(--fs-12);color:var(--tx-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c2-row-prev{display:flex;gap:5px;align-items:center;margin-top:2px;font-size:var(--fs-13);color:var(--tx-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c2-row-prev.unread{color:var(--tx);font-weight:500}
.c2-row-prev .ico{flex-shrink:0}
.c2-row-pills{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.c2-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.c2-row-time{font-size:var(--fs-11);color:var(--tx-faint);font-variant-numeric:tabular-nums;white-space:nowrap}
.c2-unread{min-width:1.3571rem;height:1.3571rem;padding:0 5px;border-radius:var(--r-full);background:var(--primary);color:var(--primary-ink);font-size:var(--fs-10);font-weight:700;display:grid;place-items:center;font-variant-numeric:tabular-nums}
.c2-mark-unread{opacity:0;border:0;background:transparent;color:var(--tx-faint);padding:2px;border-radius:5px;cursor:pointer;display:grid;place-items:center}
.c2-row:hover .c2-mark-unread,.c2-mark-unread:focus-visible{opacity:1}
.c2-owner-mini{width:1.4286rem;height:1.4286rem;border-radius:50%;background:var(--s3);border:1px solid var(--line);font-size:var(--fs-9);font-weight:700;color:var(--tx-mut);display:grid;place-items:center}
.c2-pill{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-11);font-weight:600;padding:.1429rem .5rem;border-radius:var(--r-full);white-space:nowrap}
.c2-pill.wait{background:var(--orange-soft);color:var(--orange)}
.c2-pill.fail,.c2-pill.block{background:var(--red-soft);color:var(--red)}
.c2-pill.snz{background:var(--blue-soft);color:var(--blue)}
.c2-pill.ok{background:var(--green-soft);color:var(--green)}
.c2-pill.muted{background:var(--s3);color:var(--tx-mut)}
.c2-pill.attn{background:var(--orange-soft);color:var(--orange)}
.c2-list-empty{padding:2.8571rem 1.7143rem;text-align:center;color:var(--tx-mut);font-size:var(--fs-13)}
.c2-more{margin:.7143rem auto;display:flex}

/* ── Conversa ── */
.c2-thread{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--bg)}
.c2-thread-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--tx-mut);font-size:var(--fs-13)}
.c2-head{display:flex;align-items:center;gap:.8571rem;padding:.7143rem 1.1429rem;border-bottom:1px solid var(--line);background:var(--s1);min-height:4.2857rem;flex-wrap:wrap}
.c2-head .avatar{width:2.5714rem;height:2.5714rem}
.c2-head-id{min-width:0;flex:1 1 12rem}
.c2-head-name{font-family:var(--font-display);font-weight:600;font-size:var(--fs-16);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c2-head-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:var(--fs-12);color:var(--tx-mut)}
.c2-head-actions{display:flex;gap:6px;align-items:center;position:relative;flex-wrap:wrap}
.c2-owner{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-12);color:var(--tx-mut)}
.c2-owner select{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--s2);padding:.2857rem .5714rem;font-weight:600;color:var(--tx);font-size:var(--fs-12)}
.c2-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:16.4286rem;padding:6px;background:var(--s2);border:1px solid var(--line-2);border-radius:var(--r-md);box-shadow:var(--shadow-pop)}
.c2-menu h3{font-size:var(--fs-11);font-weight:600;color:var(--tx-faint);text-transform:uppercase;letter-spacing:.1em;padding:6px 8px 4px}
.c2-menu > button{display:flex;justify-content:space-between;gap:12px;width:100%;border:0;background:transparent;padding:.5714rem;border-radius:var(--r-xs);font-size:var(--fs-13);text-align:left;color:var(--tx);cursor:pointer}
.c2-menu > button:hover{background:var(--s-hover)}
.c2-menu small{color:var(--tx-faint);font-variant-numeric:tabular-nums}
.c2-menu label{display:flex;flex-direction:column;gap:4px;padding:6px 8px;font-size:var(--fs-12);color:var(--tx-mut)}
.c2-menu-custom{display:flex;gap:6px;padding:0 8px 6px}
.c2-menu-custom input{flex:1;min-width:0}

.c2-banner{display:flex;align-items:center;gap:10px;padding:.5714rem 1.1429rem;border-bottom:1px solid var(--line);font-size:var(--fs-13);color:var(--tx);flex-wrap:wrap}
.c2-banner .c2-spacer{flex:1}
.c2-banner > span:not(.c2-spacer){min-width:0}
.c2-banner.wait{background:var(--orange-soft)} .c2-banner.wait .ico{color:var(--orange)}
.c2-banner.snz{background:var(--blue-soft)}    .c2-banner.snz .ico{color:var(--blue)}
.c2-banner.bad{background:var(--red-soft)}     .c2-banner.bad .ico{color:var(--red)}
.c2-banner-main{display:flex;align-items:flex-start;gap:10px;flex:1 1 18rem;min-width:0}
.c2-banner-main .ico{margin-top:2px;flex-shrink:0}
.c2-banner-acts{display:flex;gap:6px;margin-left:auto}

.c2-msgs{flex:1;overflow-y:auto;min-height:0;padding:1.2857rem 1.7143rem;display:flex;flex-direction:column;gap:.7143rem}
.c2-day{align-self:center;font-size:var(--fs-11);font-weight:600;color:var(--tx-faint);background:var(--s3);padding:.2143rem .7143rem;border-radius:var(--r-full);margin:6px 0}
.c2-msg{max-width:74%;display:flex;flex-direction:column;gap:3px;position:relative}
.c2-msg.out{align-self:flex-end;align-items:flex-end}
.c2-msg.in{align-self:flex-start}
.c2-msg.has-react{margin-bottom:10px}
.c2-bubble{position:relative;padding:.6429rem .8571rem;border-radius:14px;border:1px solid var(--line);font-size:var(--fs-14);line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--tx)}
.c2-msg.in .c2-bubble{background:var(--s2);border-bottom-left-radius:4px}
.c2-msg.out .c2-bubble{background:var(--primary-soft);border-color:var(--primary-line);border-bottom-right-radius:4px}
.c2-msg.failed .c2-bubble{border-color:var(--red)}
.c2-quote{border-left:3px solid var(--primary);background:var(--s3);padding:.3571rem .6429rem;border-radius:6px;font-size:var(--fs-12);color:var(--tx-mut);margin-bottom:6px;white-space:normal}
.c2-quote b{display:block;font-size:var(--fs-11);color:var(--tx)}
.c2-meta{display:flex;gap:6px;align-items:center;font-size:var(--fs-11);color:var(--tx-faint);font-variant-numeric:tabular-nums}
.c2-meta .c2-who{font-weight:600}
.c2-ack{display:inline-flex;align-items:center}
.c2-ack.read{color:var(--blue)}
.c2-ack .ico{width:13px;height:13px}
.c2-ack .ico + .ico{margin-left:-8px}
.c2-react{position:absolute;bottom:-11px;right:10px;background:var(--s1);border:1px solid var(--line-2);border-radius:var(--r-full);font-size:var(--fs-12);padding:0 6px;line-height:1.5}
.c2-fail{display:flex;gap:8px;align-items:flex-start;max-width:100%;background:var(--red-soft);border-radius:9px;padding:.5714rem .7143rem;font-size:var(--fs-12);color:var(--tx)}
.c2-fail .ico{color:var(--red);margin-top:1px}
.c2-fail b{color:var(--red)}
.c2-reply-btn{position:absolute;top:4px;border:1px solid var(--line-2);background:var(--s1);color:var(--tx-mut);border-radius:var(--r-full);padding:3px;display:grid;place-items:center;opacity:0;cursor:pointer}
.c2-msg.in .c2-reply-btn{right:-30px}
.c2-msg.out .c2-reply-btn{left:-30px}
.c2-msg:hover .c2-reply-btn,.c2-reply-btn:focus-visible{opacity:1}
.c2-bubble img,.c2-bubble video,.c2-bubble audio{max-width:15rem}

.c2-composer{position:relative;border-top:1px solid var(--line);background:var(--s1);padding:.7143rem 1.1429rem .8571rem}
.c2-replying{display:flex;align-items:center;gap:8px;border-left:3px solid var(--primary);background:var(--s3);border-radius:7px;padding:.4286rem .5714rem .4286rem .7143rem;margin-bottom:8px;font-size:var(--fs-12);color:var(--tx-mut)}
.c2-replying span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c2-replying b{color:var(--tx)}
.c2-box{display:flex;align-items:flex-end;gap:6px;border:1px solid var(--line-2);border-radius:var(--r-md);padding:6px 6px 6px 8px;background:var(--s2)}
.c2-box:focus-within{border-color:var(--primary-line)}
.c2-box label{flex:1;display:flex;min-width:0}
.c2-box textarea{flex:1;min-width:0;border:0;background:transparent;outline:0;resize:none;min-height:2.5714rem;max-height:10rem;padding:.4286rem 0;font-size:var(--fs-14);line-height:1.4;color:var(--tx)}
.c2-comp-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px;font-size:var(--fs-11);color:var(--tx-faint)}
.c2-comp-foot .c2-spacer{flex:1}
.c2-window{display:inline-flex;align-items:center;gap:5px;font-weight:600}
.c2-window.open{color:var(--green)}
.c2-window.closed{color:var(--orange)}
.c2-kbd{font-family:var(--font-display);font-size:var(--fs-10);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;padding:0 5px;color:var(--tx-mut);background:var(--s2)}
.c2-locked{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px dashed var(--line-2);border-radius:var(--r-md);padding:.7143rem 1rem;font-size:var(--fs-13);color:var(--tx-mut)}
.c2-locked > span{flex:1 1 14rem;min-width:0}
.c2-locked .ico{color:var(--orange)}
.c2-locked.block .ico{color:var(--red)}
.c2-canned{position:absolute;left:1.1429rem;right:1.1429rem;bottom:calc(100% - 4px);z-index:25;max-height:18rem;overflow-y:auto;padding:6px;background:var(--s2);border:1px solid var(--line-2);border-radius:var(--r-md);box-shadow:var(--shadow-pop)}
.c2-canned-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px 6px;font-size:var(--fs-11);color:var(--tx-faint)}
.c2-canned-head b{font-weight:600;text-transform:uppercase;letter-spacing:.1em}
.c2-canned-item{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:10px;width:100%;border:0;background:transparent;padding:.5714rem;border-radius:var(--r-xs);text-align:left;cursor:pointer;color:var(--tx)}
.c2-canned-item:hover,.c2-canned-item.hi{background:var(--s-hover)}
.c2-canned-item code{font-family:var(--font-display);font-weight:600;font-size:var(--fs-13);color:var(--primary);overflow:hidden;text-overflow:ellipsis}
.c2-canned-item span{font-size:var(--fs-13);color:var(--tx-mut);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.c2-canned-empty{padding:.7143rem;font-size:var(--fs-12);color:var(--tx-mut)}

/* ── Painel do lead ── */
.c2-panel{border-left:1px solid var(--line);background:var(--s1);overflow-y:auto;min-height:0}
.c2-sec{padding:1rem 1.1429rem;border-top:1px solid var(--line-2)}
.c2-sec:first-child{border-top:0}
.c2-sec h2{display:flex;align-items:center;gap:6px;margin-bottom:.7143rem;font-family:var(--font-display);font-size:var(--fs-11);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-mut)}
.c2-lead-name{font-family:var(--font-display);font-size:var(--fs-17);font-weight:600;line-height:1.15;color:var(--tx)}
.c2-lead-role{margin-top:2px;font-size:var(--fs-12);color:var(--tx-mut)}
.c2-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;margin-top:.7143rem;font-size:var(--fs-12)}
.c2-kv dt{color:var(--tx-faint)}
.c2-kv dd{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:right;color:var(--tx)}
.c2-kv dd a{color:var(--tx)}
.c2-kv .chat-info-copy{border:0;background:transparent;color:var(--tx-faint);cursor:pointer;padding:0;display:grid;place-items:center}
.c2-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.c2-oc{display:flex;align-items:center;gap:6px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:transparent;padding:.5714rem;font-size:var(--fs-12);font-weight:600;color:var(--tx);cursor:pointer}
.c2-oc:hover{background:var(--s-hover)}
.c2-oc[aria-pressed="true"].sch,.c2-oc[aria-pressed="true"].won{background:var(--green-soft);border-color:var(--green);color:var(--green)}
.c2-oc[aria-pressed="true"].lost{background:var(--red-soft);border-color:var(--red);color:var(--red)}
.c2-oc[aria-pressed="true"].attn{background:var(--orange-soft);border-color:var(--orange);color:var(--orange)}
.c2-oc-extra{display:flex;flex-direction:column;gap:8px;margin-top:.7143rem;font-size:var(--fs-12)}
.c2-oc-extra label{display:flex;flex-direction:column;gap:4px;color:var(--tx-mut)}
.c2-oc-extra .c2-oc-btns{display:flex;gap:6px}
.c2-oc-note{font-size:var(--fs-12);color:var(--tx-mut);background:var(--s3);border-radius:8px;padding:.5rem .6429rem}
.c2-oc-note b{color:var(--tx)}
.c2-oc-extra label.c2-oc-check{flex-direction:row;align-items:flex-start;gap:8px;background:var(--red-soft);border-radius:8px;padding:.5rem .6429rem;color:var(--tx);cursor:pointer}
.c2-oc-check input{margin-top:3px;flex-shrink:0}
.c2-oc-check b{color:var(--tx)}
.c2-cad{display:flex;gap:3px;margin:8px 0 6px}
.c2-cad i{flex:1;height:6px;border-radius:3px;background:var(--s3)}
.c2-cad i.done{background:var(--primary)}
.c2-cad i.now{background:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}
.c2-line{display:flex;justify-content:space-between;gap:8px;font-size:var(--fs-12);color:var(--tx-mut)}
.c2-line b{color:var(--tx);font-weight:600;text-align:right}
.c2-stages{display:flex;gap:4px;margin-top:8px}
.c2-stages span{flex:1;min-width:0;font-size:var(--fs-10);text-align:center;padding:.2857rem 2px;border-radius:5px;background:var(--s3);color:var(--tx-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c2-stages span.past{background:var(--primary-soft);color:var(--tx-mut)}
.c2-stages span.on{background:var(--primary);color:var(--primary-ink);font-weight:700}
.c2-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.c2-tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-12);padding:.1429rem .5714rem;border-radius:var(--r-full);background:var(--s3);border:1px solid var(--line);color:var(--tx)}
.c2-tag button{border:0;background:transparent;color:var(--tx-faint);cursor:pointer;padding:0;display:grid;place-items:center}
.c2-tag-add{display:flex;gap:6px;margin-top:8px}
.c2-tag-add input{flex:1;min-width:0;font-size:var(--fs-12)}
.c2-note textarea{width:100%;min-height:4.2857rem;resize:vertical;font-size:var(--fs-13)}
.c2-note .btn{margin-top:6px}
.c2-hist{list-style:none;display:flex;flex-direction:column;gap:9px;font-size:var(--fs-12)}
.c2-hist li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:8px;color:var(--tx)}
.c2-hist li i{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--line-2);justify-self:center}
.c2-hist li:first-child i{background:var(--primary)}
.c2-hist small{display:block;font-size:var(--fs-11);color:var(--tx-faint);font-variant-numeric:tabular-nums}
.c2-nolead p{margin-bottom:.7143rem;font-size:var(--fs-13);color:var(--tx-mut)}
.c2-nolead .c2-btns{display:flex;gap:6px;flex-wrap:wrap}

/* ── Modal de filtros: seções com separador (regra da Cora) ── */
#c2-modal-filters .cfg-sec + .cfg-sec{border-top:1px solid var(--line-2);padding-top:1.1429rem;margin-top:1.1429rem}
.c2-filter-title{margin-bottom:.5714rem;font-size:var(--fs-15);font-weight:700;color:var(--tx)}

/* ── Modal de respostas prontas ── */
.c2-canned-list{display:flex;flex-direction:column;gap:8px;max-height:22rem;overflow-y:auto}
.c2-canned-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:.7143rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--s2)}
.c2-canned-row code{font-family:var(--font-display);font-weight:600;color:var(--primary)}
.c2-canned-row p{margin-top:3px;font-size:var(--fs-12);color:var(--tx-mut);white-space:pre-wrap;overflow-wrap:anywhere}
.c2-canned-form{display:flex;flex-direction:column;gap:10px;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--line-2)}
.c2-canned-form label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-12);color:var(--tx-mut)}
.c2-canned-form textarea{min-height:5.7143rem;resize:vertical}
.c2-hint{font-size:var(--fs-11);color:var(--tx-faint)}

/* Campos "sem moldura" dentro de uma moldura própria: precisam vencer a regra
   global input:not([type=checkbox]):not([type=radio]) do style.css (0,2,1). */
#tab-central2 .c2-search input,#tab-central2 .c2-box textarea{border:0;background:transparent;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;width:auto}
#tab-central2 .c2-search input:focus,#tab-central2 .c2-box textarea:focus{border:0;box-shadow:none}
#tab-central2 .c2-search input{padding-top:0;padding-bottom:0;min-height:0}
#tab-central2 .c2-box textarea{min-height:2.5714rem;padding-top:.4286rem;padding-bottom:.4286rem;resize:none}

.c2-back,.c2-panel-toggle{display:none}

@media (max-width:920px){
  .c2-panel-toggle{display:inline-flex}
  .c2-shell{grid-template-columns:19rem minmax(0,1fr)}
  .c2-panel{display:none}
  .c2-shell.panel-open .c2-panel{display:block;position:fixed;top:0;right:0;bottom:0;width:min(22rem,90vw);z-index:60;box-shadow:var(--shadow-pop)}
}
@media (max-width:768px){
  .c2-back{display:inline-flex}
  .c2-shell{grid-template-columns:minmax(0,1fr)}
  .c2-shell.has-sel .c2-list{display:none}
  .c2-shell:not(.has-sel) .c2-thread{display:none}
  .c2-msg{max-width:88%}
}