/* Social listening: public source discovery and staff review. */
.listening-page{display:grid;gap:22px}
.listening-page>.page-heading{margin-bottom:0}
.listening-promise{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border:1px solid #c8e1db;border-radius:12px;background:var(--teal-light)}
.listening-promise strong{font-size:13px;flex-shrink:0}
.listening-promise span{font-size:12px;color:#496a67}
.listening-pilot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.listening-pilot:empty{display:none}
.listening-pilot strong{font-size:12px}
.listening-pilot p{font-size:11px;color:var(--muted);margin:5px 0 0}
.listening-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.listening-channel{border:1px solid var(--line);border-radius:11px;padding:13px;background:#fafcfb;min-width:0}
.listening-channel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:9px}
.listening-channel-head h3{margin:0}
.listening-channel-head .badge{white-space:normal}
.listening-channel p{font-size:11px;color:var(--muted);margin:7px 0 0;overflow-wrap:anywhere}
.listening-channel .small{display:block;margin-top:7px;font-size:10px}
.listening-run{display:flex;gap:5px 13px;flex-wrap:wrap;font-size:11px;color:var(--muted);padding-top:16px}
.listening-run strong{color:var(--ink)}
.listening-workspace{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.5fr);gap:22px;align-items:start}
.listening-list{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-width:0}
.listening-list-heading{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:14px}
.listening-list-heading h2{margin:0}
.listening-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}
.listening-filters>.field:last-child{grid-column:1/-1}
.listening-filters label{font-size:11px}
.listening-filters input,.listening-filters select{font-size:12px}
.listening-queue{display:grid;gap:9px;max-height:900px;overflow:auto;align-content:start}
.listening-item{display:grid;gap:8px;width:100%;background:white;border:1px solid var(--line);border-radius:11px;padding:13px;text-align:left;color:var(--ink)}
.listening-item:hover{border-color:#9fb8b5;background:#f8fbfa}
.listening-item.selected{border-color:var(--teal);background:#f1f9f6;box-shadow:inset 3px 0 var(--teal)}
.listening-item-top{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.listening-item-top>strong{font-size:11px}
.listening-item-title{font-size:12px;font-weight:650;overflow-wrap:anywhere}
.listening-item-excerpt{font-size:12px;color:var(--muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.listening-item-time{font-size:10px;color:var(--muted)}
.listening-detail{display:grid;gap:18px;min-width:0}
.listening-source-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.listening-source-text{margin:18px 0;padding:15px 17px;border-left:3px solid #91b8af;border-radius:0 8px 8px 0;background:#f4f8f6;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto}
.listening-record{display:grid;grid-template-columns:130px minmax(0,1fr);gap:9px 12px;font-size:11px;margin:0}
.listening-record dt{color:var(--muted);font-weight:600}
.listening-record dd{margin:0;overflow-wrap:anywhere}
.listening-flags{margin-top:16px;padding:12px 15px;background:var(--amber-light);border-radius:9px;font-size:12px;color:var(--amber)}
.listening-flags ul{margin:5px 0 0;padding-left:18px}
.listening-proposed{background:#f2f8f5;border-left:3px solid #82beb2;padding:14px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
.listening-check{margin-top:16px;align-items:flex-start}
.listening-check input{flex:0 0 16px;margin-top:3px}
.listening-detail form>.field+.field{margin-top:14px}
.listening-detail textarea{min-height:150px}
.listening-counter{font-size:10px;color:var(--muted);text-align:right}
.listening-posted,.listening-posted-form{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.listening-posted p{margin:6px 0;font-size:12px}
.listening-page .banner{margin-bottom:0}
@media(max-width:1200px){.listening-channels{grid-template-columns:repeat(3,minmax(0,1fr))}.listening-promise{align-items:flex-start;flex-direction:column;gap:5px}.listening-workspace{grid-template-columns:minmax(250px,.85fr) minmax(0,1.3fr)}}
@media(max-width:950px){.listening-workspace{grid-template-columns:1fr}.listening-queue{max-height:420px}.listening-record{grid-template-columns:120px minmax(0,1fr)}}
@media(max-width:760px){.listening-channels{grid-template-columns:repeat(2,minmax(0,1fr))}.listening-channel{padding:11px}.listening-channel p{font-size:12px}.listening-channel .small{font-size:11px}.listening-filters{grid-template-columns:1fr}.listening-filters input,.listening-filters select{font-size:16px}.listening-record{grid-template-columns:1fr;gap:3px}.listening-record dd{margin-bottom:7px}.listening-promise strong{flex-shrink:1}.listening-pilot{align-items:flex-start;flex-direction:column}.listening-detail .form-actions{justify-content:flex-start}.listening-item-title,.listening-item-excerpt{font-size:13px}}
