.ota-page{font-family:Inter,Arial,sans-serif;color:#172033;max-width:900px;margin:24px auto;padding:12px}.ota-page *{box-sizing:border-box}.ota-chat-card{height:min(820px,82vh);min-height:560px;background:#fff;border-radius:22px;box-shadow:0 18px 60px rgba(26,65,110,.14);display:flex;flex-direction:column;overflow:hidden;border:1px solid #e8edf5}.ota-chat-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e8edf5}.ota-brand-icon{width:44px;height:44px;border-radius:50%;background:#f2f2f2;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.ota-brand-icon img{max-width:100%;max-height:100%;object-fit:contain}.ota-chat-header h2{font-size:18px;line-height:1.3;margin:0}.ota-chat-header p{font-size:12px;color:#718096;margin:3px 0 0}.ota-online{margin-left:auto;font-size:12px;color:#159447;white-space:nowrap}.ota-messages{flex:1;overflow:auto;padding:22px;background:#fbfcfe}.ota-msg{max-width:82%;padding:12px 14px;border-radius:15px;margin:0 0 12px;line-height:1.5;white-space:pre-line;font-size:14px}.ota-msg.bot{background:#eef4ff;border-bottom-left-radius:4px}.ota-msg.user{background:#1769e0;color:#fff;margin-left:auto;border-bottom-right-radius:4px}.ota-quick-actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid #e8edf5}.ota-quick-actions button{border:1px solid #d6e0ee;background:#fff;border-radius:20px;padding:8px 12px;cursor:pointer;color:#24507d}.ota-chat-input{display:flex;gap:8px;padding:14px 16px;border-top:1px solid #e8edf5}.ota-chat-input input{min-width:0;flex:1;border:1px solid #ccd7e6;border-radius:12px;padding:12px;outline:none}.ota-chat-input button,.ota-primary{border:0;background:#d48900;color:#fff;border-radius:12px;padding:11px 18px;cursor:pointer;font-weight:600}.ota-modal{position:fixed;z-index:99999;inset:0;background:rgba(15,29,52,.48);display:grid;place-items:center;padding:20px}.ota-hidden{display:none!important}.ota-modal-box{position:relative;width:min(470px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:26px;box-shadow:0 20px 70px rgba(0,0,0,.2)}.ota-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:26px;cursor:pointer;color:#172033}.ota-modal-box h3{margin:0 28px 18px 0}.ota-field{margin:12px 0}.ota-field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.ota-field input,.ota-field textarea{display:block;width:100%;padding:11px;border:1px solid #ccd7e6;border-radius:10px;font:inherit}.ota-field textarea{resize:vertical}.ota-primary{width:100%;margin-top:8px}.ota-primary:disabled{opacity:.6;cursor:wait}.ota-status{font-size:13px}.ota-error{color:#c53030}@media(max-width:600px){.ota-page{padding:0;margin:12px auto}.ota-chat-card{height:78vh;min-height:500px;border-radius:14px}.ota-chat-header{padding:12px}.ota-messages{padding:14px}.ota-msg{max-width:92%}.ota-chat-input{padding:10px}.ota-chat-input button{padding:10px 12px}}
.ota-package-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 8px 0;
}

.ota-pkg-chip {
    background: #eef2f7;
    color: #004080;
    border: 1px solid #cbd5e1;
    padding: 6px 12px;
    border-radius: 16px;
    font-size: 13px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.ota-pkg-chip:hover {
    background: #004080;
    color: #ffffff;
    border-color: #004080;
}