.tas-admin [hidden] { display: none !important; }
.tas-admin [data-tas-copy] { display: inline-flex; align-items: center; gap: 6px; }
.tas-admin [data-tas-copy-status] { margin-left: 8px; }
.tas-admin input[type="color"] { width: 48px; min-height: 34px; vertical-align: middle; margin: 0 16px 0 4px; }
.tas-admin #tas_embed_code { overflow-wrap: anywhere; }

.tas-assistant { max-width: calc(100vw - var(--tas-chat-edge) - var(--tas-chat-edge)); }
.tas-assistant[data-tas-position="left"] {
    right: auto !important;
    left: max(var(--tas-chat-edge), env(safe-area-inset-left)) !important;
}
.tas-assistant[data-tas-position="left"] .tas-chat-panel,
.tas-assistant[data-tas-position="left"] .tas-chat-preview { left: 0; right: auto; transform-origin: left bottom; }
.tas-assistant .tas-assistant-launcher {
    max-width: 100%;
    background: var(--tas-chat-background, #111111);
    color: var(--tas-chat-color, #ffffff);
}
.tas-assistant-launcher > span:last-child { min-width: 0; max-width: 220px; overflow-wrap: anywhere; text-align: left; }
.tas-assistant .tas-assistant-mark { flex: 0 0 40px; }
.tas-assistant .tas-chat-panel .tas-assistant-head {
    background: var(--tas-chat-background, #111111);
    color: var(--tas-chat-color, #ffffff);
}
.tas-assistant-head > div { min-width: 0; }
.tas-assistant .tas-assistant-head h3,
.tas-assistant .tas-assistant-head p { color: inherit; overflow-wrap: anywhere; }
.tas-chat-close { flex: 0 0 34px; }
.tas-assistant .tas-chat-form button {
    background: var(--tas-chat-background, #111111);
    color: var(--tas-chat-color, #ffffff);
}
.tas-chat-footer { padding: 8px 12px; border-top: 1px solid #e5e9e6; background: #f8faf9; text-align: center; overflow-wrap: anywhere; }
.tas-chat-footer small { display: block; color: #59655e; font-size: 10px; line-height: 1.5; }
.tas-assistant .tas-chat-footer p { margin: 0 0 4px; color: #46544b; font-size: 11px; line-height: 1.4; }
.tas-footer-note { overflow-wrap: anywhere; }
@media (max-width: 600px) {
    .tas-assistant { --tas-chat-edge: min(var(--tas-chat-side, 16px), 24px); --tas-chat-edge-bottom: min(var(--tas-chat-bottom, 16px), 24px); }
}
@media (max-height: 500px) {
    .tas-assistant { --tas-chat-edge-bottom: min(var(--tas-chat-bottom, 16px), 16px); }
    .tas-assistant .tas-chat-panel .tas-assistant-head { padding: 8px 12px; }
    .tas-assistant .tas-assistant-head h3 { font-size: 16px; line-height: 1.3; }
    .tas-assistant .tas-assistant-head p, .tas-assistant .tas-chat-footer-text { display: none; }
    .tas-chat-footer { padding: 4px 8px; }
}