/* fb-mc.css - m823 Mission Control. Tokens from admin-tokens.css; pills/buttons follow the FF look (black buttons, white in dark mode, no green buttons). */
.mc-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:4px 0 16px}
.mc-flex{flex:1}
.mc-sub{font-size:12px;color:var(--text-muted);line-height:1.45}
.mc-n{opacity:.6;font-weight:400;margin-left:2px}
.mc-pills{display:inline-flex;background:var(--bg-hover);border-radius:12px;padding:3px;gap:2px;border:1px solid var(--border)}
.mc-pills .ff-tb-pill{border:0!important;background:transparent;border-radius:9px;padding:6px 12px;min-height:34px;font-size:13px}
.mc-pills .ff-tb-pill.active{background:#111;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}
:root.dark .mc-pills .ff-tb-pill.active{background:#fff;color:#111}
.mc-sel{min-height:40px;border:1px solid var(--border);border-radius:999px;padding:0 14px;background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:13px}
.mc-box{border:1px solid var(--border);border-radius:12px;background:var(--bg-card);overflow:hidden}
.mc-table{width:100%;border-collapse:collapse;font-size:13px}
.mc-table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;background:var(--bg-hover);white-space:nowrap}
.mc-table td{padding:12px 14px;border-top:1px solid var(--border);vertical-align:middle}
.mc-table tbody tr{transition:background .15s}
.mc-table tbody tr[data-row]:hover,.mc-table tbody tr[data-ins]:hover{background:var(--bg-hover);cursor:pointer}
.mc-title{font-weight:600;color:var(--text-primary);line-height:1.4}
.mc-c-act{min-width:280px;max-width:460px}
.mc-c-doc{width:56px;text-align:center}
.mc-c-btn{text-align:right;white-space:nowrap}
.mc-c-exp{min-width:170px;max-width:240px}
.mc-c-conf{width:96px}
.mc-nowrap{white-space:nowrap}
.mc-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mc-hi{color:#b45309;font-weight:500}
.mc-bpill{display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 3px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);font-size:12.5px;font-weight:500;white-space:nowrap;color:var(--text-primary)}
.mc-chip{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--bg-hover);font-size:12px;font-weight:500;color:var(--text-secondary);white-space:nowrap}
.mc-tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:500;white-space:nowrap}
.mc-ok{background:#dcfce7;color:#166534}.mc-bad{background:#fee2e2;color:#991b1b}.mc-warn{background:#fef3c7;color:#92400e}.mc-info{background:#e0f2fe;color:#075985}.mc-mute{background:var(--bg-hover);color:var(--text-secondary)}
:root.dark .mc-ok{background:#14532d;color:#bbf7d0}:root.dark .mc-bad{background:#7f1d1d;color:#fecaca}:root.dark .mc-warn{background:#78350f;color:#fde68a}:root.dark .mc-info{background:#0c4a6e;color:#bae6fd}
.mc-exp{display:flex;align-items:center;gap:6px;font-size:13px}
.mc-arr{display:inline-flex;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;font-size:12px;background:var(--bg-hover);color:var(--text-secondary);flex:0 0 20px}
.mc-arr.up{background:#dcfce7;color:#166534}.mc-arr.down{background:#e0f2fe;color:#075985}
.mc-conf{height:6px;border-radius:99px;background:var(--bg-hover);overflow:hidden;margin-bottom:4px;width:72px}
.mc-conf span{display:block;height:100%;border-radius:99px;background:#111}
:root.dark .mc-conf span{background:#fff}
.mc-conf.mid span{background:#6b7280}.mc-conf.lo span{background:#d1d5db}
.mc-doc{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .15s}
.mc-doc:hover{color:var(--text-primary);border-color:var(--text-muted);transform:translateY(-1px)}
.mc-acts{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mc-c-btn .mc-acts{flex-wrap:nowrap}
.mc-c-act{min-width:260px}
.mc-btn{background:#111;color:#fff;border:1px solid #111;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;min-height:38px;transition:transform .12s,opacity .15s}
.mc-btn:hover{transform:translateY(-1px)}.mc-btn:disabled{opacity:.55;cursor:default;transform:none}
.mc-btn.ghost{background:var(--bg-card);color:var(--text-primary);border-color:var(--border)}
:root.dark .mc-btn{background:#fff;color:#111;border-color:#fff}:root.dark .mc-btn.ghost{background:transparent;color:var(--text-primary);border-color:var(--border)}
.mc-pulse{animation:mcPulse 1.2s ease 2}
@keyframes mcPulse{0%,100%{box-shadow:0 0 0 0 rgba(17,17,17,.35)}50%{box-shadow:0 0 0 7px rgba(17,17,17,0)}}
.mc-state{text-align:right}
.mc-empty{padding:32px;text-align:center;color:var(--text-muted);font-size:13px}
.mc-loading{padding:28px;text-align:center;color:var(--text-muted)}
/* lightbox */
.mc-ov{position:fixed;inset:0;background:rgba(15,23,42,0);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;transition:background .22s ease;backdrop-filter:blur(0)}
.mc-ov.open{background:rgba(15,23,42,.45);backdrop-filter:blur(2px)}
.mc-lb{background:var(--bg-card);color:var(--text-primary);border-radius:18px;width:100%;max-width:880px;max-height:92vh;overflow:auto;padding:24px 26px;box-shadow:0 24px 64px rgba(0,0,0,.22);opacity:0;transform:translateY(14px) scale(.98);transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.2,1)}
.mc-lb.mc-wide{max-width:1040px}
.mc-ov.open .mc-lb{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.mc-ov,.mc-lb{transition:none}}
.mc-lb-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.mc-lb-t{font-size:20px;font-weight:650;line-height:1.35;margin:0 0 14px}
.mc-x{width:40px;height:40px;border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;color:var(--text-muted);border-radius:10px}
.mc-x:hover{background:var(--bg-hover);color:var(--text-primary)}
.mc-lb-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}
.mc-lb-grid.mc-cl{grid-template-columns:1fr 1fr;margin-top:14px}
.mc-blk{margin-bottom:16px}
.mc-blk h4,.mc-card h4{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin:0 0 6px}
.mc-blk p,.mc-card p{margin:0 0 6px;font-size:13.5px;line-height:1.6;color:var(--text-secondary)}
.mc-steps{margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.6;color:var(--text-secondary)}
.mc-card{border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:12px}
.mc-metric{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.mc-metric .mc-arr{width:30px;height:30px;flex:0 0 30px;font-size:15px}
.mc-push{margin-top:8px;font-size:12.5px;background:var(--bg-hover);border-radius:8px;padding:8px 10px;color:var(--text-secondary)}
.mc-note{background:#fef3c7;color:#92400e;border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:14px}
.mc-evs{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.mc-ev{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;border-bottom:1px dashed var(--border);padding:3px 0}
.mc-ev span{color:var(--text-muted)}
.mc-hist{list-style:none;margin:0;padding:0;font-size:12.5px}
.mc-hist li{padding:6px 0;border-top:1px solid var(--border)}.mc-hist li:first-child{border-top:0}
.mc-lb-f{display:flex;gap:10px;align-items:center;border-top:1px solid var(--border);margin-top:16px;padding-top:16px}
.mc-rejbox{display:block;animation:mcIn .2s ease}
@keyframes mcIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.mc-row{display:flex;gap:10px;margin-top:10px}
/* feedback + voice */
.mc-fl{display:block;font-size:13px;font-weight:600;margin-bottom:8px}
.mc-fbwrap{position:relative}
.mc-ta{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:12px;padding:12px 64px 12px 14px;font:inherit;font-size:14px;background:var(--bg-card);color:var(--text-primary);resize:vertical;min-height:92px;transition:border-color .15s}
.mc-ta:focus{outline:none;border-color:var(--text-muted)}
.mc-ta.mc-need{border-color:#dc2626}
.mc-voice{position:absolute;right:10px;bottom:12px;display:flex;align-items:center}
.mc-mic{width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s}
.mc-mic:hover{background:#111;color:#fff;border-color:#111}
.mc-rec,.mc-trans{display:none;align-items:center;gap:8px;background:#111;color:#fff;border-radius:999px;padding:6px 6px 6px 12px;font-size:12.5px;animation:mcIn .18s ease}
:root.dark .mc-rec,:root.dark .mc-trans{background:#fff;color:#111}
.mc-voice.is-rec .mc-mic,.mc-voice.is-trans .mc-mic{display:none}
.mc-voice.is-rec .mc-rec{display:inline-flex}
.mc-voice.is-trans .mc-trans{display:inline-flex;padding:8px 14px}
.mc-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:mcBlink 1s infinite}
@keyframes mcBlink{50%{opacity:.25}}
.mc-bars{display:inline-flex;align-items:center;gap:2px;height:18px}
.mc-bars i{display:block;width:3px;height:16px;border-radius:2px;background:currentColor;transform:scaleY(.3);transition:transform .08s linear}
.mc-time{font-variant-numeric:tabular-nums;min-width:30px}
.mc-stop{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:999px;background:rgba(255,255,255,.16);color:inherit;padding:6px 10px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
:root.dark .mc-stop{background:rgba(0,0,0,.08)}
.mc-spin{width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:mcSpin .7s linear infinite}
@keyframes mcSpin{to{transform:rotate(360deg)}}
.mc-err{font-size:12.5px;color:#dc2626;margin-top:6px;min-height:0}
/* creative review */
.mc-botbar{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:14px;background:var(--bg-card)}
.mc-botst{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;min-width:190px}
.mc-cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.mc-cc{border:1px solid var(--border);border-radius:14px;background:var(--bg-card);overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column}
.mc-cc:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.08)}
.mc-cmedia{position:relative;aspect-ratio:4/5;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;overflow:hidden}
.mc-cmedia img{width:100%;height:100%;object-fit:cover}
.mc-play{position:absolute;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.55)}
.mc-play:after{content:'';position:absolute;left:17px;top:13px;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}
.mc-cb{padding:12px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.mc-crow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mc-hook{font-size:13px;color:var(--text-secondary);line-height:1.45;min-height:19px}
.mc-cb .mc-acts{justify-content:flex-start;margin-top:auto}
.mc-stepper{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.mc-step{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}
.mc-step i{width:7px;height:7px;border-radius:50%;background:var(--border);display:inline-block}
.mc-step+.mc-step:before{content:'';width:10px;height:1px;background:var(--border);margin-right:2px}
.mc-step.done{color:var(--text-secondary)}.mc-step.done i{background:var(--text-secondary)}
.mc-step.cur{color:var(--text-primary);font-weight:600}.mc-step.cur i{background:#111;box-shadow:0 0 0 3px rgba(17,17,17,.12)}
:root.dark .mc-step.cur i{background:#fff}
.mc-cbig{background:var(--bg-hover);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;max-height:72vh}
.mc-cbig img,.mc-cbig video{width:100%;max-height:72vh;object-fit:contain;display:block}
/* ledger */
.mc-ledgrid .mc-box{overflow-x:auto}
.mc-led .mc-c-act{min-width:180px;max-width:260px}
.mc-led td,.mc-led th{padding:10px 10px}
.mc-led td:nth-child(5){min-width:150px;max-width:220px}
.mc-led .mc-bpill span{display:none}
.mc-led .mc-bpill{padding:3px}
.mc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}
.mc-k{border:1px solid var(--border);border-radius:12px;padding:14px 16px;background:var(--bg-card)}
.mc-kv{font-size:26px;font-weight:650;margin:2px 0}
.mc-ledgrid{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(240px,1fr);gap:20px;align-items:start}
.mc-feed{padding:6px 14px;max-height:640px;overflow:auto}
.mc-fi{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--border);font-size:13px}
.mc-fi:first-child{border-top:0}
.mc-fd{width:8px;height:8px;border-radius:50%;background:var(--text-muted);margin-top:6px;flex:0 0 8px}
@media (max-width:900px){
  .mc-lb-grid,.mc-lb-grid.mc-cl,.mc-ledgrid{grid-template-columns:1fr}
  .mc-kpis{grid-template-columns:1fr 1fr}
  .mc-botbar{flex-direction:column}.mc-botst{align-items:flex-start;text-align:left}
}
@media (max-width:640px){
  .mc-table thead{display:none}
  .mc-table,.mc-table tbody,.mc-table tr,.mc-table td{display:block;width:100%;box-sizing:border-box}
  .mc-table tr{border-top:1px solid var(--border);padding:12px 14px;position:relative}
  .mc-table td{border:0;padding:3px 0;max-width:none;min-width:0}
  .mc-table tr[data-row] .mc-c-brand,.mc-table tr[data-row] .mc-c-dom{display:inline-block;width:auto;margin-right:6px}
  .mc-table tr[data-row] .mc-c-conf{display:none}
  .mc-table tr[data-row] .mc-c-doc{position:absolute;right:12px;top:10px;width:auto}
  .mc-table tr[data-row] .mc-c-act{padding-right:52px}
  .mc-c-btn{text-align:left}.mc-acts{justify-content:flex-start;margin-top:6px}.mc-c-btn .mc-acts{flex-wrap:wrap}.mc-state{text-align:left}
  .mc-lb{padding:18px;border-radius:16px}.mc-lb-t{font-size:17px}
  .mc-cgrid{grid-template-columns:1fr 1fr;gap:10px}
  .mc-cb{padding:10px}
  .mc-cb .mc-acts .mc-btn{flex:1;padding:8px 10px;font-size:12px}
  .mc-stepper{display:none}
  .mc-lb .mc-stepper{display:flex}
  .mc-evs{grid-template-columns:1fr}
  .mc-pills{overflow-x:auto;max-width:100%}
}

/* m823: Settings > Automations rows wrap (the long source/detail lines overflowed at 1440) */
#automations-list td:first-child,#automations-list td:first-child .ffs-sub{white-space:normal}

/* m823: phone - global table min-width (600px) made the card rows overflow */
@media (max-width:640px){#insights .mc-table{min-width:0!important;width:100%!important}#insights .mc-box{overflow:hidden}}
@media (max-width:640px){#automations-list td:first-child{min-width:0!important}#automations-list td .ffs-sub+.ffs-sub{display:none}#automations-list td:nth-child(4) .ffs-sub{display:none}#automations-list table{min-width:0!important}}