/* Facilitator style: Run (Mener). Loaded in this order by sim_facilitator.html; the order of the files is
   the order of the rules. */
/* ── Run ── */
.queue{width:380px;background:var(--paper);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;}
.q-hdr{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;}
.q-title{font-weight:700;font-size:14px;}
.q-list{flex:1;overflow-y:auto;min-height:120px;}.q-plan{border-top:2px solid var(--border);display:flex;flex-direction:column;max-height:46%;flex-shrink:0;background:var(--paper);}.q-plan .s-body{overflow-y:auto;}.q-plan.closed .s-body{display:none;}.q-plan .s-hdr:hover{background:#FAF9F6;}
.qi{padding:10px 14px;border-bottom:1px solid #EFEDE7;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;border-left:3px solid transparent;}
.qi:hover{background:#FAF9F6;}
.qi.on{background:var(--inject-bg);border-left-color:var(--inject);}
.qi .av{width:32px;height:32px;font-size:12px;color:#fff;}
.qi-who{font-weight:600;font-size:12px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
.qi-to{font-size:11px;color:var(--muted);margin-top:1px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;}
.chan{font-size:11px;font-weight:700;letter-spacing:.04em;padding:1px 6px;border-radius:3px;border:1px solid;white-space:nowrap;display:inline-block;}
.chan.email{color:#2B5BB5;border-color:#C7D3EA;background:#EEF2FA;}
.chan.sms{color:#8a6d0e;border-color:#E8D48A;background:#FFF8DC;}
.chan.appel{color:#B85C12;border-color:#F3C9A5;background:#FDF1E6;}
.chan.invite{color:#6e40c9;border-color:#c4b5fd;background:#F5F3FF;}
.inv-meta{font-size:11px;color:var(--purple);margin:2px 0 4px;}
.qi-prev{font-size:11px;color:var(--sec);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wait{font-size:11px;font-weight:700;white-space:nowrap;text-align:right;}
.wait.ok{color:var(--muted);} .wait.warn{color:var(--gold);} .wait.late{color:var(--danger);}
.draft-dot{font-size:11px;font-weight:700;margin-top:3px;display:block;text-align:right;}
.draft-dot.ready{color:var(--resp);} .draft-dot.pending{color:var(--muted);} .draft-dot.error{color:var(--danger);}
.q-foot{padding:8px 14px;border-top:1px solid var(--border);background:#FAF9F6;font-size:11px;color:var(--sec);display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;}
.q-foot label{display:inline-flex;align-items:center;gap:4px;cursor:pointer;}
.work{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;}
.w-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted);flex-direction:column;gap:8px;text-align:center;padding:30px;line-height:1.6;}
.w-hdr{padding:10px 20px;background:var(--paper);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;}
.w-hdr .av{width:46px;height:46px;font-size:17px;color:#fff;cursor:pointer;}
.w-name{font-weight:700;font-size:19px;cursor:pointer;font-family:'Playfair Display',Georgia,serif;}
.w-sub{font-size:12px;}

.kbd{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;background:#EFEDE7;border:1px solid var(--border2);border-radius:3px;padding:0 4px;}
.pv{display:flex;height:60vh;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:#fff;}
.pv-list{width:300px;border-right:1px solid var(--border);overflow-y:auto;background:#FAF9F6;}
.pv-item{padding:9px 12px;border-bottom:1px solid #EFEDE7;cursor:pointer;font-size:12px;}
.pv-item:hover{background:#F3F6FB;} .pv-item.on{background:#E4ECFA;}
.pv-item .f{font-weight:600;} .pv-item .s{color:var(--sec);} .pv-item .t{float:right;color:var(--muted);font-size:11px;}
.pv-read{flex:1;overflow-y:auto;padding:18px 22px;font-size:13px;line-height:1.7;white-space:pre-wrap;}
.pv-read h4{font-size:16px;margin-bottom:6px;} .pv-read .meta{font-size:11px;color:var(--muted);margin-bottom:12px;}
.w-sub{font-size:11px;color:var(--muted);}
.w-tools{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;}
.thread{flex:1;overflow-y:auto;padding:14px 20px;display:flex;flex-direction:column;gap:8px;}
.bub{max-width:78%;padding:9px 13px;font-size:12.5px;line-height:1.6;border-radius:8px;white-space:pre-wrap;}
.bub.in{background:var(--resp-bg);border:1px solid var(--resp-border);align-self:flex-end;border-top-right-radius:0;}
.bub.out{background:var(--inject-bg);border:1px solid var(--inject-border);align-self:flex-start;border-top-left-radius:0;}
.bub.cur{outline:2px solid var(--gold);}
.bub .m{font-size:11px;color:var(--muted);margin-bottom:3px;display:flex;gap:8px;flex-wrap:wrap;}
.bub .att a{font-size:11px;margin-right:8px;color:var(--inject);}
.draft{margin:0 20px 12px;background:var(--paper);border:1px solid var(--border);border-left:4px solid var(--purple);border-radius:6px;padding:12px 14px;flex-shrink:0;}
.draft-top{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--purple);font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;flex-wrap:wrap;}
.draft-top small{color:var(--muted);font-weight:500;text-transform:none;letter-spacing:0;margin-left:auto;}
.draft textarea{width:100%;border:1px solid var(--border);border-radius:4px;padding:10px;background:#fff;font-size:12.5px;line-height:1.6;min-height:110px;resize:vertical;outline:none;}
.draft textarea:focus{border-color:var(--purple);}
.draft-acts{display:flex;gap:8px;margin-top:8px;align-items:center;flex-wrap:wrap;}
.btn{border:none;border-radius:4px;padding:8px 14px;font-weight:600;font-size:12px;}
.btn.send{background:var(--inject);color:#fff;}
.btn.send:disabled{opacity:.5;}
.btn.ghost{background:transparent;border:1px solid var(--border2);color:var(--sec);}
.btn.warn{background:transparent;border:1px solid var(--gold);color:#8a6d0e;}
.meta-row{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted);margin-left:auto;flex-wrap:wrap;}
.meta-row select,.meta-row input{font-size:11px;padding:3px 6px;border:1px solid var(--border);border-radius:3px;background:var(--paper);}
.spinner{width:11px;height:11px;border:2px solid rgba(110,64,201,.3);border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle;}
@keyframes spin{to{transform:rotate(360deg);}}
