#sofia-public { --sofia-color: var(--ecommerce-primary-color, #5364c6); color: #252b35; font: 15px/1.5 system-ui,sans-serif; }
#sofia-public [hidden] { display: none !important; }
#sofia-public button, #sofia-public textarea { font: inherit; }
#sofia-public button { cursor: pointer; border: 0; }
#sofia-public button:focus-visible, #sofia-public a:focus-visible, #sofia-public textarea:focus-visible { outline: 3px solid #243766; outline-offset: 3px; }
#sofia-public .sofia-launcher { position: fixed; right: 20px; bottom: 88px; z-index: 1051; color: #fff; background: var(--sofia-color); border-radius: 32px; padding: 15px 22px; box-shadow: 0 5px 20px #0003; }
#sofia-public .sofia-panel { position: fixed; right: 20px; bottom: 154px; z-index: 1052; width: 390px; max-width: calc(100% - 24px); height: 560px; max-height: calc(100dvh - 180px); background: #fff; display: flex; flex-direction: column; border-radius: 20px; box-shadow: 0 12px 50px #0004; overflow: hidden; text-align: left; }
#sofia-public header { display: flex; gap: 10px; align-items: center; background: var(--sofia-color); color: #fff; padding: 16px 20px; flex-shrink: 0; }
#sofia-public header div { flex: 1; }
#sofia-public header strong, #sofia-public header span { display: block; }
#sofia-public header button { background: transparent; color: #fff; font-size: 27px; min-width: 32px; }
#sofia-public .sofia-messages { flex: 1; min-height: 0; overflow-y: auto; padding: 15px; background: #f7f9fb; }
#sofia-public .sofia-message { white-space: pre-wrap; word-break: break-word; margin-bottom: 12px; padding: 12px; border-radius: 15px; background: #fff; box-shadow: 0 1px 3px #0001; }
#sofia-public .sofia-message.user { margin-left: 20px; background: #e9edf6; }
#sofia-public .sofia-notice { margin: 0; padding: 8px 15px; font-size: 11px; color: #596574; }
#sofia-public .sofia-form { display: flex; gap: 10px; padding: 8px 15px; margin: 0; }
#sofia-public textarea { resize: none; flex: 1; min-width: 0; border: 1px solid var(--sofia-color); border-radius: 12px; padding: 10px; color: #252b35; background: #fff; }
#sofia-public .sofia-form button { background: var(--sofia-color); color: #fff; border-radius: 12px; width: 48px; }
#sofia-public button:disabled { opacity: .55; cursor: wait; }
#sofia-public .sofia-launcher { display: flex; align-items: center; gap: 8px; }
#sofia-public nav { display: flex; justify-content: space-around; gap: 8px; padding: 10px 15px 16px; }
#sofia-public a { color: #33498b; text-decoration: underline; }
#sofia-public .sofia-card { border: 1px solid #dce1e9; background: #fff; border-radius: 12px; padding: 12px; margin-bottom: 10px; }
#sofia-public .sofia-card img { width: 60px; height: 60px; object-fit: contain; float: left; margin-right: 10px; }
#sofia-public .sofia-card p { font-size: 13px; margin: 5px 0; }
#sofia-public .sofia-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 600px) { #sofia-public .sofia-launcher { right: 12px; bottom: 82px; padding: 12px 16px; } #sofia-public .sofia-panel { right: 12px; bottom: 142px; max-height: calc(100dvh - 158px); width: 390px; } }