/* BamChat Agent Connect | additive, scoped to existing obsidian / champagne palette. */
:root{--ba-bg:#0b0a09;--ba-ink:#f8f3eb;--ba-muted:#baaD9d;--ba-amber:#e8bd7d;--ba-stroke:rgba(238,204,158,.21);--ba-card:linear-gradient(150deg,rgba(69,58,45,.72),rgba(24,21,18,.96));--ba-teal:#69d5c8}
.bottom-nav:has(.bam-agent-nav){grid-template-columns:repeat(6,minmax(0,1fr))}
.bottom-nav .bam-agent-nav{min-width:0;color:#e8bd7d!important}
.bottom-nav .bam-agent-nav svg{width:20px;height:20px}
.bottom-nav .bam-agent-nav span{white-space:nowrap}
.bam-agent-open{font-size:.72rem!important;color:#eed2a4!important;padding:6px 10px;border:1px solid rgba(232,189,125,.3);border-radius:999px;background:rgba(218,169,106,.10)}
.bam-agent-open:focus-visible,.bam-agent-row:focus-visible,.bam-agent-nav:focus-visible{outline:2px solid var(--ba-amber);outline-offset:3px}
.bam-agent-row .bam-agent-avatar{width:49px;height:49px;display:grid;place-items:center;position:relative;border:1px solid #bb925e8a;border-radius:17px;background:linear-gradient(150deg,#483524,#1e1a15);color:#f4d2a3;box-shadow:inset 0 1px rgba(255,255,255,.09);font:1.35rem Georgia,serif}
.bam-agent-row .bam-agent-avatar::after{content:'✦';font:10px system-ui;position:absolute;right:-4px;bottom:-4px;border:2px solid #25201a;color:#12100e;border-radius:50%;background:#e8bd7d;padding:3px}
.bam-agent-row .conversation-copy strong{display:flex;align-items:center;gap:8px}
.bam-agent-tag{font:600 .55rem system-ui;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(235,197,141,.42);border-radius:5px;padding:2px 5px;color:#e9c998}
#bam-agent-root[hidden]{display:none}
#bam-agent-root{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(3,3,3,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ba-ink)}
#bam-agent-root *{box-sizing:border-box}
#bam-agent-root button,#bam-agent-root input,#bam-agent-root select,#bam-agent-root textarea{font:inherit}
#bam-agent-root button{cursor:pointer}
#bam-agent-root .ba-frame{width:min(760px,100%);height:min(850px,calc(100dvh - 36px));min-height:380px;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(240,204,155,.34);border-radius:31px;box-shadow:0 30px 100px #000b,0 0 55px rgba(176,121,61,.10);background:radial-gradient(ellipse at 90% -8%,rgba(177,124,67,.18),transparent 38%),linear-gradient(145deg,#17130f 0%,#0d0c0b 75%)}
#bam-agent-root .ba-top{display:flex;align-items:center;gap:13px;padding:22px 24px 17px;border-bottom:1px solid var(--ba-stroke);flex:none}
#bam-agent-root .ba-logo{display:grid;place-items:center;flex:none;width:49px;height:49px;border-radius:17px;background:linear-gradient(150deg,#7a512c,#2a2118);border:1px solid #e6bb7c88;color:#f4d9ab;font-size:23px}
#bam-agent-root .ba-heading{flex:1;min-width:0}
#bam-agent-root h2{font:400 clamp(1.25rem,3.2vw,1.85rem) Georgia,'Times New Roman',serif;letter-spacing:-.02em;color:#f9e9d3;margin:0}
#bam-agent-root p{margin:0;line-height:1.48}
#bam-agent-root .ba-sub{font-size:.76rem;color:#bfad96;margin-top:4px}
#bam-agent-root .ba-close,#bam-agent-root .ba-icon-btn{border:1px solid var(--ba-stroke);background:#ffffff09;color:#efe5d6;min-width:38px;height:38px;padding:0 11px;border-radius:14px}
#bam-agent-root .ba-main{display:flex;flex-direction:column;min-height:0;flex:1;overflow:auto;padding:18px 22px 24px;gap:15px;scrollbar-color:#846849 transparent}
#bam-agent-root .ba-notice{background:rgba(231,190,129,.09);border:1px solid rgba(231,190,129,.3);border-radius:16px;padding:12px 14px;color:#e9d3b2;font-size:.78rem;line-height:1.5}
#bam-agent-root .ba-toolbar{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap}
#bam-agent-root .ba-label{font:600 .69rem system-ui;letter-spacing:.14em;text-transform:uppercase;color:#cfb995}
#bam-agent-root .ba-count{font-size:.74rem;color:#c5b19a}
#bam-agent-root .ba-card{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:16px;border:1px solid var(--ba-stroke);border-radius:20px;background:var(--ba-card);color:var(--ba-ink)}
#bam-agent-root .ba-card:hover,#bam-agent-root .ba-card:focus-visible{border-color:#d9ac6f;box-shadow:0 0 0 2px #e0b47422}
#bam-agent-root .ba-avatar{display:grid;place-items:center;width:47px;height:47px;flex:none;background:linear-gradient(145deg,#53402d,#211b15);border:1px solid #cca26f70;border-radius:16px;font:1.28rem Georgia,serif;color:#f6d5a6}
#bam-agent-root .ba-card-copy{flex:1;min-width:0;display:grid;gap:5px}
#bam-agent-root .ba-card-copy strong{font-size:.92rem;color:#fbf5eb}
#bam-agent-root .ba-card-copy small{color:#bdac95;font-size:.71rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#bam-agent-root .ba-status{font-size:.67rem;color:#7bdfcc;border:1px solid #7bdfcc44;border-radius:999px;padding:4px 7px;white-space:nowrap}
#bam-agent-root .ba-status.preview{color:#edc48a;border-color:#edc48a60}
#bam-agent-root .ba-status.offline{color:#b3aa9d;border-color:#a79a8a55}
#bam-agent-root .ba-empty{padding:30px 20px;border:1px dashed var(--ba-stroke);border-radius:19px;text-align:center;color:#cabca9;font-size:.86rem}
#bam-agent-root .ba-button{border:1px solid var(--ba-stroke);border-radius:15px;padding:11px 16px;background:#ffffff08;color:#f8e8d0;font-weight:600;font-size:.84rem;min-height:44px}
#bam-agent-root .ba-button.primary{border-color:#ffdda8;background:linear-gradient(135deg,#f6daaa,#bf894e);color:#25180e}
#bam-agent-root .ba-button.danger{border-color:#aa6565;color:#ffb7b7;background:#8c33331c}
#bam-agent-root button:disabled{opacity:.5;cursor:not-allowed}
#bam-agent-root button:focus-visible,#bam-agent-root input:focus-visible,#bam-agent-root textarea:focus-visible,#bam-agent-root select:focus-visible{outline:2px solid #e8bd7d;outline-offset:3px}
#bam-agent-root .ba-actions{display:flex;gap:9px;flex-wrap:wrap}
#bam-agent-root .ba-pill-row{display:flex;gap:8px;flex-wrap:wrap}
#bam-agent-root .ba-pill{font-size:.75rem;padding:8px 12px;border:1px solid rgba(237,205,157,.27);border-radius:999px;color:#e2d3c1;background:#ffffff08}
#bam-agent-root .ba-pill.active{background:#e8bd7d26;color:#ffdb9d;border-color:#e8bd7d96}
#bam-agent-root .ba-field{display:grid;gap:7px;font-size:.79rem;font-weight:550;color:#e4d1b9}
#bam-agent-root .ba-input{min-height:46px;border:1px solid #e8bd7d44;border-radius:13px;background:#ffffff0b;color:#f7eee1;padding:11px 13px;width:100%;resize:vertical}
#bam-agent-root .ba-input::placeholder{color:#a79782}
#bam-agent-root .ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#bam-agent-root .ba-help{font-size:.74rem;line-height:1.5;color:#baaa96}
#bam-agent-root .ba-error{border:1px solid #e79e8966;background:#a33d301b;color:#ffb2a0;border-radius:14px;padding:10px 13px;font-size:.8rem}
#bam-agent-root .ba-separator{height:1px;background:var(--ba-stroke);margin:4px 0}
#bam-agent-root .ba-messages{display:flex;flex-direction:column;gap:13px;min-height:230px;flex:1;overflow-y:auto;padding:12px 2px 10px}
#bam-agent-root .ba-msg{max-width:82%;border:1px solid var(--ba-stroke);border-radius:17px 17px 17px 5px;background:#ffffff0b;padding:13px;color:#f4eee4;align-self:flex-start;line-height:1.54;font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere}
#bam-agent-root .ba-msg.me{align-self:flex-end;border-radius:17px 17px 5px 17px;background:#c39556;color:#18120c;border-color:#e6bd7f}
#bam-agent-root .ba-msg small{display:block;opacity:.67;font-size:.64rem;margin-top:8px}
#bam-agent-root .ba-composer{display:flex;align-items:end;gap:9px;border-top:1px solid var(--ba-stroke);padding-top:14px}
#bam-agent-root .ba-composer textarea{flex:1;min-height:46px;max-height:128px}
#bam-agent-root .ba-mission{border:1px solid var(--ba-stroke);border-radius:18px;padding:15px;background:var(--ba-card);display:grid;gap:9px}
#bam-agent-root .ba-mission strong{font-size:.87rem}
#bam-agent-root .ba-mission p{color:#cabdae;font-size:.79rem;white-space:pre-wrap}
#bam-agent-root .ba-mission small{font-size:.71rem;color:#cdb99b}
#bam-agent-root .ba-two-actions{display:flex;gap:9px}
#bam-agent-root .ba-two-actions>*{flex:1}
#bam-agent-root .ba-space{flex:1}
#bam-agent-root .ba-note-link{font-size:.75rem;color:#e7be84;text-decoration:underline;text-underline-offset:3px}
#bam-agent-root .ba-progress{font-size:.78rem;color:#f0cf99}
@media (max-width:520px){
 .bottom-nav .bam-agent-nav{font-size:.60rem!important}
 .bottom-nav .nav-item{font-size:.60rem!important}
 #bam-agent-root{padding:0;align-items:stretch}
 #bam-agent-root .ba-frame{width:100%;height:100dvh;min-height:100dvh;border:0;border-radius:0}
 #bam-agent-root .ba-top{padding:calc(16px + env(safe-area-inset-top)) 17px 14px}
 #bam-agent-root .ba-main{padding:16px 15px calc(23px + env(safe-area-inset-bottom));gap:13px}
 #bam-agent-root .ba-grid{grid-template-columns:1fr}
 #bam-agent-root .ba-status{font-size:.61rem}
}
@media (prefers-reduced-motion:reduce){#bam-agent-root *, .bam-agent-row *{scroll-behavior:auto!important;transition:none!important}}

/* Composer v2 media playback inside agent conversations */
#bam-agent-root .ba-voice-player{width:min(310px,100%);height:43px;display:block;accent-color:#e8bd7d;color-scheme:dark}
#bam-agent-root .ba-voice-caption{font-size:.73rem;opacity:.82;margin-top:3px}
#bam-agent-root .ba-file-link{color:inherit;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}