@layer components{.consultation-page{max-width:1040px;padding-block:32px 40px}.consultation-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.consultation-heading p{color:var(--color-text-secondary);text-wrap:pretty}.consultation-notice{color:var(--color-text-secondary);text-wrap:pretty;margin-bottom:24px;font-size:.875rem}.chat-conversation{border-radius:var(--radius-surface);background:var(--color-bg-surface);min-width:0;overflow:hidden}.chat-conversation-header{border-bottom:1px solid var(--color-border-default);align-items:center;gap:12px;padding:20px 24px;display:flex}.chat-conversation-header h2{font-weight:600}.chat-conversation-header p{color:var(--color-text-secondary);margin-top:4px;font-size:.875rem}.chat-history{overscroll-behavior:contain;scrollbar-gutter:stable;height:clamp(240px,42dvh,440px);padding:24px;overflow-y:auto}.chat-transcript{min-width:0;position:relative}.chat-latest{max-width:calc(100% - 32px);position:absolute;bottom:12px;left:50%;translate:-50%}.chat-messages{flex-direction:column;gap:24px;display:flex}.chat-message{border-radius:var(--radius-tile);background:var(--surface-muted);overflow-wrap:anywhere;width:fit-content;max-width:min(88%,65ch);padding:16px 20px}.chat-message-visitor{background:var(--badge);color:var(--on-badge);align-self:flex-end}.chat-message-system{color:var(--color-text-secondary);text-align:center;background:0 0;align-self:center;padding:8px 0}.chat-author{margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.chat-message-system .chat-author{display:none}.chat-text{white-space:pre-wrap;line-height:1.65}.chat-detail-link{min-height:44px;color:var(--color-link);align-items:center;margin-top:8px;text-decoration:underline;display:inline-flex}.chat-empty{color:var(--color-text-secondary);text-align:center;text-wrap:pretty;padding-block:64px}.chat-composer{border-top:1px solid var(--color-border-default);padding:20px 24px}.chat-composer fieldset{border:0;min-width:0;margin:0;padding:0}.chat-compose-label{margin-bottom:10px;font-size:.875rem;font-weight:600;display:block}.chat-compose-row{align-items:flex-end;gap:12px;display:flex}.chat-compose-row textarea{resize:vertical;min-width:0;min-height:64px;max-height:240px}.chat-compose-row .btn{flex-shrink:0;max-width:100%}.chat-compose-hint{color:var(--color-text-secondary);margin-top:12px;font-size:.8125rem}.chat-send-error{color:var(--color-danger-text);margin-top:12px}.chat-suggestions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.chat-suggestion{border:1px solid var(--control-line);border-radius:var(--radius-control);text-align:left;overflow-wrap:anywhere;max-width:100%;min-height:44px;padding:10px 16px}.chat-suggestion:hover{background:var(--surface-muted)}.chat-handoff{margin-top:16px}.chat-actions{flex-wrap:wrap;gap:10px;display:flex}.chat-actions .btn{text-align:center;max-width:100%}.chat-choice-note{color:var(--color-text-secondary);margin-top:12px;font-size:.875rem}.chat-status-note{color:var(--color-text-secondary);border-top:1px solid var(--color-border-default);padding:16px 24px}.chat-inbox{gap:24px;min-width:0;display:grid}.chat-inbox-list{min-width:0;padding-block:16px}.chat-inbox-list h2{margin-bottom:16px;font-weight:600}.chat-inbox-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.chat-availability{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:inline-flex}.chat-availability input{width:20px;height:20px;accent-color:var(--color-action-primary-bg);flex-shrink:0}.chat-thread-list{flex-direction:column;gap:8px;display:flex}.chat-thread{border-radius:var(--radius-control);text-align:left;overflow-wrap:anywhere;flex-direction:column;gap:8px;width:100%;min-height:44px;padding:16px;display:flex}.chat-thread:hover,.chat-thread[aria-pressed=true]{background:var(--surface-muted)}.chat-thread[aria-pressed=true]{outline:1px solid var(--control-line);outline-offset:-1px}.chat-thread-status,.chat-thread-preview{color:var(--color-text-secondary);font-size:.875rem}.chat-thread-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-inbox-detail{min-width:0}.chat-skeleton{border-radius:var(--radius-surface);background:var(--color-bg-surface);min-height:480px;padding:24px}@media (min-width:1024px){.consultation-page{padding-block:40px 48px}.chat-inbox{grid-template-columns:minmax(230px,300px) minmax(0,1fr)}}@media (max-width:479px){.chat-history,.chat-composer{padding:20px 16px}.chat-conversation-header{padding-inline:16px}.chat-message{max-width:96%;padding:14px 16px}.chat-compose-row{flex-direction:column;align-items:stretch}.chat-compose-row .btn{align-self:flex-end}}@media (max-width:1023px){.chat-inbox[data-detail=true] .chat-inbox-list,.chat-inbox[data-detail=false] .chat-inbox-detail{display:none}}}@layer utilities{[data-public-layout]:has(.consultation-page){flex-direction:column;height:100dvh;min-height:0;padding-bottom:0;display:flex}[data-public-layout]:has(.consultation-page)>main{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}[data-public-layout]:has(.consultation-page)>header{flex-shrink:0}[data-public-layout]:has(.consultation-page)>footer{display:none}[data-public-layout]:has(.consultation-page) :is([data-demo-session-content],[data-route-content]){height:100%}.consultation-page{max-width:none;height:100%;padding:0}.consultation-page .chat-conversation{border-radius:0;grid-template-rows:auto minmax(80px,1fr) auto;height:100%;min-height:min-content;display:grid;overflow:visible}.consultation-page .chat-conversation-header{padding:12px 16px}.consultation-page .chat-conversation-header h1{letter-spacing:-.02em;font-size:1.125rem;font-weight:600;line-height:1.3}.consultation-page [data-brand-logo]{width:36px;height:36px}.consultation-page .chat-preferences{width:44px;height:44px;min-height:44px}.consultation-page .chat-transcript{min-height:0}.consultation-page .chat-history{height:100%}.chat-demo-notice{color:var(--color-text-secondary);text-wrap:pretty;margin-bottom:24px;font-size:.8125rem}.consultation-page .chat-composer{background:var(--color-bg-surface);padding:12px 16px}.consultation-page .chat-compose-row{flex-direction:row;align-items:flex-end}.consultation-page .chat-compose-row textarea{min-height:48px;max-height:144px}.consultation-page .chat-send-icon{width:48px;min-width:48px;height:48px;padding:0}.consultation-page .chat-compose-hint{margin-top:8px;font-size:.75rem}@media (max-width:1023px){[data-public-layout]:has(.consultation-page)>nav[aria-label=Navigasi\ mobile]{flex-shrink:0;order:1;align-self:center;width:calc(100% - 24px);margin:12px 0;position:relative;inset:auto}}@media (min-width:1024px){.consultation-page{padding:16px 24px}.consultation-page .chat-conversation{border-radius:var(--radius-surface)}.consultation-page .chat-composer{border-end-end-radius:var(--radius-surface);border-end-start-radius:var(--radius-surface)}}}