#assistant-panel{position:fixed;top:56px;right:0;width:312px;max-width:90vw;height:calc(100vh - 56px);background:#fff;border-left:1px solid #dee2e6;box-shadow:-2px 0 6px rgba(0,0,0,.08);z-index:1040;transform:translateX(100%);transition:transform .25s ease-in-out,width .25s ease-in-out;display:flex;flex-direction:column}
#assistant-panel::before{content:"";position:absolute;left:-6px;top:0;bottom:0;width:6px;background:var(--assistant-gutter,var(--sms-light));border-right:1px solid #dee2e6;pointer-events:none}
#assistant-panel.open{transform:translateX(0);}
#assistant-panel.expanded{width:33.33vw}

/* Main content responsive behavior - only affect main content container, not navigation */
body.assistant-open .container.mt-4{transition:margin-right .25s ease-in-out}
body.assistant-open .container.mt-4{margin-right:312px}
body.assistant-open.assistant-expanded .container.mt-4{margin-right:33.33vw}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    body.assistant-open .container.mt-4{margin-right:0}
    #assistant-panel{width:100vw;max-width:100vw}
    body.assistant-open.assistant-expanded .container.mt-4{margin-right:0}
}
#assistant-header{padding:.35rem .5rem;border-bottom:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:space-between;background:var(--sms-primary);color:#fff}
#assistant-header > div:last-child{display:flex;align-items:center;gap:.35rem}
#assistant-header .icon-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.6);border-radius:6px;background:transparent;color:#fff;padding:0}
#assistant-header .icon-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.85)}
#assistant-header .icon-btn .bi{font-size:1rem;line-height:1}
.assistant-info-cards{border-bottom:1px solid #dee2e6;background:#f8f9fa;max-height:200px;overflow-y:auto}
.assistant-info-cards .info-card{margin:.5rem;border:1px solid #dee2e6;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.assistant-info-cards .info-card .card-header{padding:.5rem .75rem;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center;background:white !important}
.assistant-info-cards .info-card .card-body{padding:.5rem .75rem}
.assistant-info-cards .info-card .btn-xxs{width:20px;height:20px;padding:0;font-size:.7rem;border-radius:4px}
#assistant-body{flex:1;overflow:auto;padding:.5rem;background:#fff}
.assistant-messages{display:flex;flex-direction:column;gap:.5rem}
.assistant-message{padding:.4rem .6rem;border-radius:8px;max-width:85%}
.assistant-message.me{align-self:flex-end;background:#e7f5ff}
.assistant-message.bot{align-self:flex-start;background:#f8f9fa}
.assistant-time{font-size:.72rem;color:#6c757d;margin-top:.15rem}
#assistant-composer{border-top:1px solid #dee2e6;padding:.5rem;background:#fff}
#assistant-composer .composer{display:flex;align-items:stretch;gap:.5rem}
#assistant-composer .composer-input{display:flex;align-items:center;gap:.5rem;flex:1;background:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;padding:.35rem .75rem}
#assistant-input{flex:1;width:100%;resize:none;min-height:24px;max-height:160px;background:transparent;border:none;outline:none;padding:.2rem 0}
#assistant-input::placeholder{color:#adb5bd}
#assistant-composer .icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sms-primary);border-radius:50%;background:var(--sms-primary);color:#fff;cursor:pointer}
#assistant-composer .icon-btn.send{background:var(--sms-primary);color:#fff;border-color:var(--sms-primary)}
#assistant-composer .icon-btn:hover{background:var(--primary-dark-teal);border-color:var(--primary-dark-teal)}
#assistant-composer .composer-buttons-vertical{display:flex;flex-direction:column;gap:.35rem}
#assistant-composer .icon-btn:disabled,#assistant-composer .icon-btn.disabled{opacity:.55;cursor:not-allowed}
#assistant-attachments{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}
.assistant-attachment{background:#f1f3f5;border-radius:12px;padding:.1rem .4rem;font-size:.8rem;display:flex;align-items:center;gap:.25rem}
.assistant-attachment .remove{cursor:pointer}
.assistant-chip{display:inline-block;background:#f1f3f5;border-radius:16px;padding:.25rem .5rem;margin:.125rem;font-size:.85rem;cursor:pointer}
.assistant-chip .impact{font-weight:600;margin-left:.25rem}

#assistant-handle{position:fixed;right:0;top:56px;background:#fff;border:1px solid #dee2e6;border-right:none;border-top-left-radius:4px;border-bottom-left-radius:4px;box-shadow:-2px 0 6px rgba(0,0,0,.08);z-index:1041;padding:.4rem .5rem;cursor:pointer}
#assistant-handle .bi{font-size:1.1rem}