/* Merlin chat window */
.plainlink{margin-left:auto; font-size:.8125rem; color:var(--blue); font-weight:500}
.plainlink:hover{color:var(--navy); text-decoration:underline}
.pane-head .livechip{margin-left:0}

.window{max-width:900px; margin:0 auto; background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 40px 100px rgba(0,10,40,.55)}
.titlebar{display:flex; align-items:center; gap:var(--s-3); padding:11px 16px; background:#F1F3F8; border-bottom:1px solid var(--line)}
.lights{display:flex; gap:7px}
.lights i{width:11px; height:11px; border-radius:50%}
.lights i:nth-child(1){background:#FF5F57}.lights i:nth-child(2){background:#FEBC2E}.lights i:nth-child(3){background:#28C840}
.urlbar{flex:1; max-width:400px; margin:0 auto; text-align:center; background:#fff; border:1px solid var(--line); border-radius:var(--radius-pill); font-size:.8125rem; color:var(--muted); padding:6px 14px; font-family:var(--font-mono)}
.titlebar .rt{font-size:.75rem; color:var(--muted); font-family:var(--font-mono)}

.console{display:grid; grid-template-columns:minmax(0,1fr)}
.pane{padding:clamp(24px,3.2vw,40px) clamp(20px,3.4vw,44px); min-width:0; display:flex; flex-direction:column}
.pane-head{display:flex; align-items:center; gap:10px; font-size:.875rem; color:var(--muted); margin-bottom:var(--s-5)}
.pane-head b{color:var(--ink); font-weight:600}
.livechip{display:inline-flex; align-items:center; gap:6px; margin-left:auto; font-family:var(--font-mono); font-size:.6875rem; letter-spacing:.06em; text-transform:uppercase; color:var(--teal)}
.pulse{width:7px; height:7px; border-radius:50%; background:var(--teal); animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

.greet{text-align:center; margin-bottom:var(--s-5)}
.greet svg{margin:0 auto var(--s-3)}
.greet h2{font-size:clamp(1.35rem,2.4vw,1.75rem); font-weight:800; letter-spacing:-.025em; line-height:1.2}
.greet p{font-size:.9375rem; color:var(--muted); margin-top:8px; max-width:46ch; margin-inline:auto}

.chat{flex:1; max-height:520px; overflow-y:auto; padding-right:6px; scrollbar-width:thin}
.chat::-webkit-scrollbar{width:6px}
.chat::-webkit-scrollbar-thumb{background:#DDE3EE; border-radius:99px}
.msg{display:flex; gap:11px; margin-bottom:var(--s-4); animation:rise .3s ease both}
@keyframes rise{from{opacity:0; transform:translateY(8px)}to{opacity:1; transform:none}}
.av{width:30px; height:30px; border-radius:9px; flex:none; display:grid; place-items:center; background:var(--grad-brand); color:#fff; font-size:14px}
.msg.me{flex-direction:row-reverse}
.msg.me .av{background:#DDE3EE; color:var(--navy); font-weight:700; font-size:11px}
.bub{background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:13px 17px; font-size:.9375rem; line-height:1.55; max-width:90%}
.msg.me .bub{background:var(--blue); color:#fff; border-color:var(--blue)}
.bub b{color:var(--navy); font-weight:600}
.msg.me .bub b{color:#fff}
.bub ul{margin:9px 0 0; padding-left:18px}
.bub li{margin-bottom:6px}
.typing span{display:inline-block; width:6px; height:6px; border-radius:50%; background:#B6BECC; margin-right:4px; animation:blink 1.2s infinite}
.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,60%,100%{opacity:.25}30%{opacity:1}}

.kbcard{background:#fff; border:1px solid var(--line); border-radius:var(--radius-md); padding:13px 15px; margin-top:11px}
.kbcard .kbtop{display:flex; align-items:center; gap:9px; margin-bottom:6px}
.kbcard .who{font-weight:600; font-size:.9375rem; color:var(--navy)}
.kbcard .role{font-size:.8125rem; color:var(--muted); line-height:1.4}
.spk-av{width:34px; height:34px; border-radius:50%; flex:none; display:grid; place-items:center; font-size:.75rem; font-weight:700; color:#fff; background:var(--navy)}
.spk-av.a2{background:var(--blue-light)} .spk-av.a3{background:var(--purple)} .spk-av.a4{background:var(--teal); color:var(--navy)} .spk-av.a5{background:var(--blue)}
.spk-av.mys{background:var(--surface); color:var(--amber); border:1px dashed var(--line)}
.runline{display:flex; gap:11px; padding:8px 0; border-bottom:1px dashed var(--line); font-size:.875rem; align-items:baseline}
.runline:last-child{border-bottom:none}
.runline .t{font-family:var(--font-mono); font-size:.75rem; color:var(--teal); flex:none; width:44px}
.kb-agenda .runline .t{width:64px}
.runline .n{color:var(--ink)}
.runline .n small{display:block; color:var(--muted); font-size:.75rem; font-family:var(--font-mono)}

.kb-agenda .runline{align-items:flex-start; padding:9px 0}
.kb-agenda .n{flex:1}
.kb-agenda .n .bd{display:inline-block; font-family:var(--font-mono); font-size:.5625rem; letter-spacing:.1em; text-transform:uppercase; padding:2px 7px; border-radius:99px; margin-bottom:4px; font-weight:600}
.kb-agenda .bd.live{background:rgba(255,191,63,.18); color:#9A6A00}
.kb-agenda .bd.key{background:rgba(0,199,177,.15); color:#00796B}
.kb-agenda .bd.panel{background:var(--surface); color:var(--muted); border:1px solid var(--line)}
.kb-agenda .n small{display:block; color:var(--muted); font-size:.75rem; margin-top:2px}

.chips{display:flex; flex-wrap:wrap; gap:9px; margin:0 0 var(--s-5) 41px}
.chip{background:#fff; border:1.5px solid var(--line); border-radius:var(--radius-pill); padding:9px 17px; font-size:.875rem; font-weight:500; color:var(--ink); cursor:pointer; transition:all .18s}
.chip:hover{border-color:var(--blue); color:var(--blue); background:#F5F8FF}
.chip.solid{background:var(--blue); color:#fff; border-color:var(--blue); font-weight:600}
.chip.solid:hover{background:var(--navy); color:#fff}
.inlineform{margin:0 0 var(--s-5) 41px; max-width:520px}
.inlineform .row{display:grid; grid-template-columns:1fr 1fr; gap:0 10px}
.plan-field-bcc{display:none !important}
.inlineform label{display:block; font-size:.6875rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin:0 0 4px 2px}
.inlineform label i{font-style:normal; color:var(--teal)}
.inlineform textarea{width:100%; padding:11px 14px; margin-bottom:9px; font-size:.9375rem; font-family:inherit; border:1.5px solid var(--line); border-radius:10px; background:#fff; color:var(--ink); resize:vertical}
.inlineform textarea:focus{border-color:var(--blue); outline:none}
.inlineform select{width:100%; padding:11px 14px; margin-bottom:9px; font-size:.9375rem; font-family:inherit; border:1.5px solid var(--line); border-radius:10px; background:#fff; color:var(--ink); appearance:auto}
.inlineform select:focus{border-color:var(--blue); outline:none}
.inlineform .err{font-size:.8125rem; color:#C2410C; margin:2px 0 9px 2px; display:none}
.inlineform input.bad, .inlineform select.bad{border-color:#C2410C}
.inlineform .ref-row{display:grid; grid-template-columns:1fr 1.2fr; gap:0 10px}
.inlineform .ref-row input{margin-bottom:8px}
.inlineform .share{margin-top:12px; padding-top:12px; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; gap:8px; align-items:center}
.inlineform .share span{font-size:.8125rem; color:var(--muted); margin-right:auto}
.inlineform .share button{width:auto; padding:9px 14px; font-size:.8125rem; border-radius:var(--radius-pill)}
.inlineform .share .ghost{background:#fff; color:var(--blue); border:1.5px solid var(--blue)}
.inlineform .share .ghost:hover{background:var(--blue); color:#fff}
.inlineform .skip{width:auto; background:none; color:var(--muted); font-weight:500; padding:8px 4px; margin-top:4px}
.inlineform .skip:hover{background:none; color:var(--ink)}
.inlineform input{width:100%; padding:11px 14px; margin-bottom:9px; font-size:.9375rem; font-family:inherit; border:1.5px solid var(--line); border-radius:10px; background:#fff; color:var(--ink)}
.inlineform input:focus{border-color:var(--blue); outline:none}
.inlineform .hint{font-size:.8125rem; color:var(--muted); margin-bottom:11px}
.inlineform button{width:100%; padding:12px; border:none; border-radius:10px; background:var(--blue); color:#fff; font-weight:600; font-size:.9375rem; cursor:pointer}
.inlineform button:hover{background:var(--navy)}

.composer{display:flex; align-items:center; gap:10px; margin-top:var(--s-5); border:1.5px solid var(--line); border-radius:var(--radius-pill); padding:6px 6px 6px 20px; box-shadow:var(--shadow-sm)}
.composer input{flex:1; border:none; outline:none; font-size:.9375rem; font-family:inherit; color:var(--ink); background:none; min-width:0}
.composer button{background:var(--blue); color:#fff; border:none; border-radius:var(--radius-pill); padding:11px 22px; font-weight:600; font-size:.9375rem; cursor:pointer; flex:none}
.composer button:hover{background:var(--navy)}
.tray{display:flex; flex-wrap:wrap; gap:7px; margin-top:12px}
.tray button{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-pill); padding:6px 13px; font-size:.8125rem; color:var(--muted); cursor:pointer; font-weight:500}
.tray button:hover{border-color:var(--teal); color:var(--navy)}
.disclaim{font-size:.6875rem; color:#9AA3B5; text-align:center; margin-top:11px; font-family:var(--font-mono)}

@media (max-width:768px){
  .chips,.inlineform{margin-left:0}
  .inlineform .row,.inlineform .ref-row{grid-template-columns:1fr}
  .bub{max-width:100%}
}
@media (max-width:640px){
  .window{border-radius:12px}
  .urlbar{font-size:.75rem}
  .titlebar .rt{display:none}
  .chat{max-height:420px}
}