.petrolize-ai-toggle { color: #6d7180 !important; }
.petrolize-claude-icon { display: block; width: 100%; height: 100%; object-fit: contain; }
.petrolize-claude-icon--navbar { width: 25px; height: 25px; }
.petrolize-ai-toggle:hover, .petrolize-ai-toggle[aria-expanded="true"] { color: #6d7180 !important; background: #f9eeee !important; }
.petrolize-ai-backdrop { position: fixed; inset: 0; z-index: 1090; background: rgba(22, 23, 31, .28); }
.petrolize-ai-drawer { position: fixed; z-index: 1100; top: 0; right: 0; height: 100dvh; width: min(440px, 100vw); display: flex; flex-direction: column; background: #fff; box-shadow: -16px 0 40px rgba(31, 31, 43, .18); transform: translateX(100%); transition: transform .22s ease; }
.petrolize-ai-drawer.is-open { transform: translateX(0); }
.petrolize-ai-drawer__header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid #ebeaf0; }
.petrolize-ai-drawer__avatar { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 40px; height: 40px; overflow: hidden; border-radius: 12px; }
.petrolize-ai-drawer__status { margin-top: 2px; color: #888b97; font-size: 11px; }
.petrolize-ai-drawer__status span { display: inline-block; width: 7px; height: 7px; margin-right: 4px; border-radius: 50%; background: #26a269; }
.petrolize-ai-drawer__messages { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 22px 20px; background: #fbfbfc; }
.petrolize-ai-message { display: flex; flex-direction: column; margin-bottom: 18px; max-width: 88%; }
.petrolize-ai-message--user { margin-left: auto; align-items: flex-end; }
.petrolize-ai-message__label { margin: 0 4px 5px; color: #888b97; font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.petrolize-ai-message__bubble { padding: 12px 14px; border: 1px solid #ecebf0; border-radius: 4px 14px 14px; color: #3d404d; background: #fff; font-size: 13px; line-height: 1.55; }
.petrolize-ai-message--user .petrolize-ai-message__bubble { border-color: #c9343d; border-radius: 14px 4px 14px 14px; color: #fff; background: #c9343d; }
.petrolize-ai-drawer__suggestions { display: flex; gap: 7px; overflow-x: auto; padding: 10px 16px; border-top: 1px solid #eeeef2; background: #fff; }
.petrolize-ai-drawer__suggestions button { flex: 0 0 auto; border: 1px solid #e7d7d9; border-radius: 999px; padding: 6px 10px; color: #a52c36; background: #fff8f8; font-size: 11px; cursor: pointer; }
.petrolize-ai-drawer__suggestions button:hover { background: #fcecee; }
.petrolize-ai-drawer__composer { flex: 0 0 auto; padding: 10px 16px 8px; border-top: 1px solid #eeeef2; background: #fff; }
.petrolize-ai-drawer__composer-row { display: grid; grid-template-columns: 40px minmax(0, 1fr) 42px; align-items: end; gap: 8px; width: 100%; }
.petrolize-ai-drawer__attachments { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.petrolize-ai-drawer__attachment { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; border-radius: 8px; padding: 5px 7px; color: #833039; background: #fcecee; font-size: 11px; }
.petrolize-ai-drawer__attachment-name { overflow: hidden; max-width: 200px; text-overflow: ellipsis; white-space: nowrap; }
.petrolize-ai-drawer__attachment button { width: 17px; height: 17px; border: 0; border-radius: 50%; padding: 0; color: inherit; background: transparent; font-size: 15px; line-height: 1; cursor: pointer; }
.petrolize-ai-drawer__attach { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 42px; border: 1px solid #dedee5; border-radius: 11px; color: #777a86; background: #fff; font-size: 19px; cursor: pointer; }
.petrolize-ai-drawer__attach:hover { border-color: #c9343d; color: #c9343d; }
.petrolize-ai-drawer__composer textarea { width: 100%; max-height: 100px; min-height: 42px; resize: none; border: 1px solid #dedee5; border-radius: 11px; padding: 10px 12px; outline: none; color: #3e404d; font: inherit; font-size: 13px; }
.petrolize-ai-drawer__composer textarea:focus { border-color: #c9343d; box-shadow: 0 0 0 3px rgba(201, 52, 61, .12); }
.petrolize-ai-drawer__send { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 0; border-radius: 11px; color: #fff; background: #c9343d; font-size: 21px; cursor: pointer; }
.petrolize-ai-drawer__send:hover { background: #aa2b34; }
.petrolize-ai-drawer__note { padding: 0 16px 13px; color: #999ca8; background: #fff; font-size: 10px; line-height: 1.35; text-align: center; }
html[data-bs-theme="dark"] .petrolize-ai-drawer, html[data-bs-theme="dark"] .petrolize-ai-drawer__suggestions, html[data-bs-theme="dark"] .petrolize-ai-drawer__composer, html[data-bs-theme="dark"] .petrolize-ai-drawer__note { background: #272730; }
html[data-bs-theme="dark"] .petrolize-ai-drawer__header, html[data-bs-theme="dark"] .petrolize-ai-drawer__suggestions { border-color: #44434d; }
html[data-bs-theme="dark"] .petrolize-ai-drawer__messages { background: #22222a; }
html[data-bs-theme="dark"] .petrolize-ai-message__bubble { border-color: #45444e; color: #eeeef2; background: #303039; }
html[data-bs-theme="dark"] .petrolize-ai-drawer__composer textarea { border-color: #4a4953; color: #f2f1f4; background: #303039; }
html[data-bs-theme="dark"] .petrolize-ai-drawer__attach { border-color: #4a4953; color: #dddde3; background: #303039; }
html[data-bs-theme="dark"] .petrolize-ai-drawer__attachment { color: #ffc4ca; background: #4b3035; }
@media (max-width: 575px) { .petrolize-ai-drawer { width: 100vw; } .petrolize-ai-drawer__header { padding: 14px 16px; } .petrolize-ai-drawer__messages { padding: 18px 16px; } .petrolize-ai-drawer__suggestions, .petrolize-ai-drawer__composer { padding-left: 12px; padding-right: 12px; } .petrolize-ai-drawer__note { padding-left: 12px; padding-right: 12px; } }