/* Inaya Hidup: functional chat UI. Decorative animation is paused by the owner. */
:root{--ia-ink:#252039;--ia-muted:#615a70;--ia-border:#e2ddeb;--ia-surface:#fff;--ia-soft:#f6f3fa;--ia-focus:#b65f08}
.ia-fab{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right));z-index:1040;display:flex;align-items:center;gap:10px}
.ia-fab[hidden]{display:none}
.ia-fab-label{background:#fff;color:var(--ia-ink);border:1px solid var(--ia-border);border-radius:16px 16px 4px 16px;padding:11px 15px;box-shadow:0 6px 28px #25203917;font-size:.84rem;line-height:1.5}
.ia-fab-label strong{display:block}
.ia-launch{position:relative;width:68px;height:68px;border:3px solid #fff;padding:0;border-radius:50%;background:#f0eefb;box-shadow:0 6px 28px #46226f40;cursor:pointer}
.ia-launch img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.ia-unread{position:absolute;top:-3px;right:-2px;border-radius:50%;width:21px;height:21px;background:#b93827;color:#fff;display:grid;place-items:center;font-size:11px;border:2px solid #fff}
.ia-unread[hidden]{display:none}
.ia-dialog{position:fixed;inset:auto max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) auto;margin:0;padding:0;width:408px;max-width:calc(100vw - 24px);height:min(690px,calc(100dvh - 36px));max-height:calc(100dvh - 24px);border:1px solid var(--ia-border);border-radius:24px;overflow:hidden;background:var(--ia-surface);color:var(--ia-ink);box-shadow:0 18px 70px #1f153d40;font-family:Inter,system-ui,sans-serif}
.ia-dialog:not([open]){display:none}
.ia-dialog[open]{display:flex;flex-direction:column}
.ia-dialog::backdrop{background:#20163129}
.ia-head{display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#5b2d90,#345bd0);color:#fff;padding:17px 15px 15px;flex-shrink:0}
.ia-head h2{font:700 1.03rem Poppins,system-ui,sans-serif;margin:0 0 3px}
.ia-head-copy{flex:1;min-width:0}
.ia-head-copy p{margin:0;font-size:.75rem;line-height:1.5;color:#fff}
.ia-avatar{width:50px;height:50px;position:relative;border-radius:50%;flex-shrink:0;background:#efeafb;border:2px solid #ffffff9c}
.ia-avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.ia-avatar::after{content:"";position:absolute;inset:-5px;border:2px solid transparent;border-radius:50%;pointer-events:none}
.ia-dialog[data-motion="working"] .ia-avatar::after{border-top-color:#d6edff;border-right-color:#ffffff5e}
.ia-dialog[data-motion="human"] .ia-avatar::after{border-color:#ffdfaa}
.ia-icon-button{display:grid;place-items:center;background:transparent;border:1px solid #ffffff57;color:inherit;border-radius:50%;width:44px;height:44px;flex-shrink:0}
.ia-icon-button svg,.ia-send svg,.ia-status svg{width:20px;height:20px}
.ia-icon-button:hover{background:#ffffff20}
.ia-toolbar{display:flex;gap:7px;padding:9px 12px;border-bottom:1px solid var(--ia-border);background:#fff;flex-shrink:0}
.ia-toolbar button,.ia-toolbar a{font:600 .74rem Inter,system-ui,sans-serif;padding:8px 10px;border-radius:9px;background:#fff;border:1px solid var(--ia-border);color:var(--nx-purple);min-height:44px;text-decoration:none;display:flex;align-items:center;justify-content:center}
.ia-toolbar button:hover,.ia-toolbar a:hover{background:var(--ia-soft)}
.ia-toolbar .ia-end{margin-left:auto;color:var(--ia-muted)}
.ia-scroll{padding:18px 14px 12px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;flex:1;min-height:70px;scroll-padding:12px;background:linear-gradient(#fcfbfe,#fff 180px)}
.ia-welcome{padding:4px 4px 17px}
.ia-welcome h3{font:600 1.06rem Poppins,system-ui,sans-serif;line-height:1.5;margin:0 0 6px}
.ia-welcome p{font-size:.85rem;line-height:1.65;color:var(--ia-muted);margin:0 0 14px}
.ia-quick{display:flex;flex-wrap:wrap;gap:8px}
.ia-quick button{font-size:.78rem;font-weight:500;min-height:44px;border:1px solid #d6cce6;color:var(--nx-purple);padding:9px 12px;border-radius:12px;background:#fff}
.ia-message{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 14px;min-width:0}
.ia-message[data-role="user"]{align-items:flex-end}
.ia-message-label{font-size:.68rem;font-weight:600;color:var(--ia-muted);margin:0 5px 4px}
.ia-message-text{max-width:92%;background:var(--ia-soft);border:1px solid #eee9f4;border-radius:3px 15px 15px 15px;padding:11px 13px;font-size:.875rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.ia-message[data-role="user"] .ia-message-text{background:var(--nx-purple);border-color:var(--nx-purple);color:#fff;border-radius:15px 3px 15px 15px}
.ia-message[data-role="staff"] .ia-message-text{background:#edf5ff;border-color:#d4e4f8}
.ia-message[data-role="system"] .ia-message-text{max-width:100%;font-size:.77rem;background:#fffaf0;border-color:#f0dfbb;color:#614a27}
.ia-message-meta{font-size:.67rem;color:var(--ia-muted);margin:4px 5px 0}
.ia-message-file{font-size:.72rem;color:var(--ia-muted);margin:5px 5px 0;padding:7px 9px;border:1px solid var(--ia-border);border-radius:9px;max-width:92%;overflow-wrap:anywhere}
.ia-message[data-delivery="unknown"] .ia-message-meta{color:#9a381d}
.ia-message-retry{font-size:.77rem;border:1px solid #d6cce6;border-radius:8px;padding:8px 12px;margin-top:7px;min-height:44px;background:#fff;color:var(--nx-purple)}
.ia-status{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 15px;color:var(--ia-muted);font-size:.73rem;border-top:1px solid var(--ia-border);background:#fcfbfe;flex-shrink:0}
.ia-status-dot{width:7px;height:7px;flex-shrink:0;background:#88749f;border-radius:50%}
.ia-dialog[data-motion="working"] .ia-status-dot{background:var(--nx-blue)}
.ia-notice{font-size:.77rem;line-height:1.5;padding:9px 13px;background:#fff5df;color:#654817;border-bottom:1px solid #f0dfbb;flex-shrink:0}
.ia-notice button{border:1px solid #be9f68;padding:6px 9px;border-radius:8px;background:#fff;color:#654817;font-size:.74rem;min-height:36px;margin-left:5px}
.ia-composer{padding:11px 13px max(12px,env(safe-area-inset-bottom));background:#fff;flex-shrink:0}
.ia-composer label{font-size:.75rem;font-weight:600;display:block;margin-bottom:6px}
.ia-input-row{display:flex;align-items:flex-end;gap:8px}
.ia-attach{display:grid;place-items:center;flex-shrink:0;width:44px;height:48px;border:1px solid #bdb3ca;background:#fff;border-radius:12px;color:var(--nx-purple)}
.ia-attach svg{width:21px;height:21px}
.ia-attachment{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--ia-soft);border:1px solid var(--ia-border);border-radius:10px;margin-bottom:8px;padding:6px 9px;font-size:.74rem}
.ia-attachment span{overflow-wrap:anywhere;min-width:0}
.ia-attachment button{border:1px solid #c2b5d2;background:#fff;color:var(--nx-purple);padding:8px;min-height:36px;border-radius:8px;font-size:.7rem;flex-shrink:0}
.ia-media-hint{color:var(--ia-muted);font-size:.65rem;line-height:1.45;margin-top:5px}
.ia-composer textarea{display:block;resize:none;max-height:125px;min-height:48px;flex:1;min-width:0;border:1px solid #bdb3ca;border-radius:13px;background:#fff;color:var(--ia-ink);padding:12px;font:400 16px/1.5 Inter,system-ui,sans-serif}
.ia-send{display:grid;place-items:center;min-width:48px;height:48px;border:0;border-radius:13px;background:var(--nx-purple);color:#fff}
.ia-hint{display:flex;justify-content:space-between;gap:8px;font-size:.65rem;color:var(--ia-muted);margin-top:7px;line-height:1.45}
.ia-closed{padding:15px;border-top:1px solid var(--ia-border);font-size:.83rem;flex-shrink:0}
.ia-closed p{margin:0 0 9px}
.ia-ratings{display:flex;gap:7px;margin:7px 0 12px}
.ia-ratings button{width:44px;height:44px;border:1px solid #c2b5d2;border-radius:10px;background:#fff;color:var(--nx-purple);font-weight:600}
.ia-ratings button[aria-pressed="true"]{background:var(--nx-purple);color:#fff}
.ia-new{min-height:44px;background:var(--nx-purple);color:#fff;border:0;border-radius:12px;padding:10px 15px;font-weight:600}
.ia-confirm{padding:12px 15px;background:#fff5df;color:#614a27;font-size:.8rem;border-top:1px solid #f0dfbb;flex-shrink:0}
.ia-confirm p{margin-bottom:8px}
.ia-confirm button{padding:8px 12px;min-height:44px;border:1px solid #b8a98d;background:#fff;border-radius:9px;color:#614a27;margin-right:6px}
.ia-widget button:disabled,.ia-widget textarea:disabled{opacity:.55;cursor:not-allowed}
.ia-widget :focus-visible{outline:3px solid var(--ia-focus);outline-offset:3px}
.ia-widget [hidden]{display:none!important}
footer{padding-bottom:100px!important}
@media(min-width:992px){footer{padding-bottom:28px!important}}
@media(max-width:575px){.ia-dialog{right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:calc(100% - 16px);max-width:none;height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);border-radius:20px}.ia-fab-label{display:none}.ia-fab{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}.ia-launch{width:62px;height:62px}.ia-toolbar{padding:7px 10px}.ia-toolbar button,.ia-toolbar a{font-size:.7rem;padding:7px 8px}}
@media(max-height:520px){.ia-dialog{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);bottom:8px}.ia-head{padding:9px 12px}.ia-avatar{width:40px;height:40px}.ia-head-copy p{display:none}.ia-toolbar{padding:6px 10px}.ia-composer{padding:7px 10px}.ia-composer textarea{height:48px;min-height:48px;max-height:64px}.ia-hint,.ia-media-hint{display:none}.ia-scroll{min-height:50px}}
@media(prefers-reduced-motion:reduce){.ia-widget *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card-pkg:hover{transform:none}}