/* Scoped presentation layer. Existing dialog, keyboard, scrolling and recording logic stays in widget.js. */
#f8la.f8la-appearance {font-family:var(--pino-text-font);--f8la-panel:var(--pino-panel-bg);--f8la-white:var(--pino-name-color);--f8la-muted:var(--pino-notice-color);--f8la-line:var(--pino-panel-border);--f8la-panel-width:var(--pino-panel-width);--f8la-panel-radius:var(--pino-panel-radius);--f8la-border-width:var(--pino-panel-borderWidth);--f8la-assistant-bg:var(--pino-assistant-bg);--f8la-user-bg:var(--pino-user-bg);--f8la-title-font:var(--pino-title-font);--f8la-font:var(--pino-text-font);}
#f8la.f8la-appearance .f8la-panel,#f8la.f8la-appearance .f8la-shell {background:var(--pino-panel-bg);color:var(--pino-name-color);}
#f8la.f8la-appearance .f8la-panel {border:var(--pino-panel-borderWidth) solid var(--pino-panel-border);border-radius:var(--pino-panel-radius);padding:var(--pino-panel-padding);}
#f8la.f8la-appearance .f8la-wave {display:none;}
#f8la.f8la-appearance .f8la-header {position:relative;gap:9px;padding:var(--pino-header-padding);background:var(--pino-header-bg);border-bottom:1px solid var(--pino-header-border);align-items:flex-start;flex-shrink:0;}
#f8la.f8la-appearance .f8la-header>div:first-of-type {flex:1;min-width:0;}
#f8la.f8la-appearance .f8la-header h2 {font-family:var(--pino-title-font);font-size:var(--pino-name-size);color:var(--pino-name-color);font-weight:500;letter-spacing:0;line-height:1.1;overflow-wrap:anywhere;}
#f8la.f8la-appearance .f8la-subtitle {font-family:var(--pino-text-font);font-size:var(--pino-subtitle-size);color:var(--pino-subtitle-color);line-height:1.4;margin:5px 0 0;overflow-wrap:anywhere;}
#f8la.f8la-appearance .f8la-avatar {width:var(--pino-avatar-size);height:var(--pino-avatar-size);border-radius:var(--pino-avatar-radius);border:1px solid var(--pino-avatar-border);object-fit:cover;flex-shrink:0;}
#f8la.f8la-appearance .f8la-close {width:var(--pino-close-size);height:var(--pino-close-size);min-width:var(--pino-close-size);padding:7px;border:1px solid var(--pino-close-border);border-radius:var(--pino-close-radius);color:var(--pino-close-color);background:var(--pino-close-bg);}
#f8la.f8la-appearance .f8la-options-toggle {width:30px;height:32px;min-width:30px;padding:7px;border:0;border-radius:10px;background:var(--pino-menu-bg);color:var(--pino-menu-color);}
#f8la.f8la-appearance .f8la-icon-more {display:block;width:16px;height:16px;background:currentColor;mask:url('icons/ellipsis.svg') center/contain no-repeat;-webkit-mask:url('icons/ellipsis.svg') center/contain no-repeat;}
#f8la.f8la-appearance .f8la-options {position:absolute;z-index:10;right:20px;top:65px;padding:7px;background:var(--pino-menu-bg);border:1px solid var(--pino-header-border);border-radius:13px;box-shadow:0 8px 24px #0002;max-width:calc(100% - 40px);}
#f8la.f8la-appearance .f8la-clear {font-family:var(--pino-title-font);font-size:var(--pino-clear-size);color:var(--pino-clear-color);background:var(--pino-menu-bg);border:0;padding:10px;text-align:left;white-space:normal;}
#f8la.f8la-appearance .f8la-modes {margin:18px 22px 10px;padding:4px;gap:0;border:1px solid var(--pino-tabs-border);border-radius:var(--pino-tabs-radius);background:var(--pino-tabs-bg);flex-shrink:0;}
#f8la.f8la-appearance .f8la-modes button {font-family:var(--pino-title-font);font-size:var(--pino-tabs-size);font-weight:500;color:var(--pino-tabs-color);background:var(--pino-tabs-bg);border:0;border-radius:var(--pino-tabs-radius);padding:9px;}
#f8la.f8la-appearance .f8la-modes button.is-active {color:var(--pino-tabs-activeColor);background:var(--pino-tabs-activeBg);box-shadow:none;}
#f8la.f8la-appearance .f8la-orb-wrap {padding:14px 20px 8px;flex-shrink:0;}
#f8la.f8la-appearance .f8la-visual {background:none!important;box-shadow:none!important;border:0!important;filter:none!important;overflow:visible!important;border-radius:50%;animation:none!important;transform:none!important;}
#f8la.f8la-appearance .f8la-visual>span,#f8la.f8la-appearance .f8la-visual:before,#f8la.f8la-appearance .f8la-visual:after {display:none!important;}
#f8la.f8la-appearance .f8la-visual canvas {display:block;width:100%;height:100%;border-radius:50%;}
#f8la.f8la-appearance .f8la-orb {width:var(--pino-orb-size);height:var(--pino-orb-size);margin:0 auto 12px;}
#f8la.f8la-appearance .f8la-call-status {font-family:var(--pino-title-font);font-size:var(--pino-status-size);font-weight:500;color:var(--pino-status-color);line-height:1.25;margin:12px 0 0;}
#f8la.f8la-appearance .f8la-call-hint {font-family:var(--pino-text-font);font-size:var(--pino-instruction-size);color:var(--pino-instruction-color);line-height:1.5;max-width:none;margin:10px 0 0;}
#f8la.f8la-appearance .f8la-messages {padding:12px 22px;}
#f8la.f8la-appearance .f8la-message>div {line-height:1.45;box-shadow:none;max-width:100%;}
#f8la.f8la-appearance .f8la-message.is-assistant>div {font-family:var(--pino-text-font);font-size:var(--pino-assistant-size);color:var(--pino-assistant-color);background:var(--pino-assistant-bg);border:1px solid var(--pino-assistant-border);border-radius:var(--pino-assistant-radius) var(--pino-assistant-radius) var(--pino-assistant-radius) 6px;padding:var(--pino-assistant-padding);}
#f8la.f8la-appearance .f8la-message.is-user>div {font-family:var(--pino-text-font);font-size:var(--pino-user-size);color:var(--pino-user-color);background:var(--pino-user-bg);border:1px solid var(--pino-user-border);border-radius:var(--pino-user-radius) var(--pino-user-radius) 6px var(--pino-user-radius);padding:var(--pino-user-padding);}
#f8la.f8la-appearance .f8la-message a {font-size:var(--pino-link-size);color:var(--pino-link-color);text-decoration:underline;}
#f8la.f8la-appearance .f8la-message-play,#f8la.f8la-appearance .f8la-message-play-button,#f8la.f8la-appearance .f8la-message-play-label {font-family:var(--pino-text-font);font-size:var(--pino-listen-size);color:var(--pino-listen-color);}
#f8la.f8la-appearance .f8la-call-controls {display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:10px 22px 12px;align-items:center;flex-shrink:0;}
#f8la.f8la-appearance .f8la-talk {font-family:var(--pino-title-font);font-size:var(--pino-start-size);font-weight:500;color:var(--pino-start-color);background:var(--pino-start-bg);border:1px solid var(--pino-start-border);border-radius:var(--pino-start-radius);padding:var(--pino-start-padding);min-height:46px;height:auto;box-shadow:none;line-height:1.25;}
#f8la.f8la-appearance .f8la-talk-label {font-family:inherit;font-size:inherit;color:inherit;}
#f8la.f8la-appearance .f8la-mute {font-family:var(--pino-title-font);font-size:var(--pino-end-size);color:var(--pino-end-color);border:0;background:none;padding:4px;min-width:0;}
#f8la.f8la-appearance .f8la-composer {background:var(--pino-panel-bg);padding:10px 22px;gap:10px;border:0;flex-shrink:0;}
#f8la.f8la-appearance .f8la-composer textarea {font-family:var(--pino-text-font);font-size:var(--pino-input-size);color:var(--pino-input-color);background:var(--pino-input-bg);border:1px solid var(--pino-input-border);border-radius:var(--pino-input-radius);padding:12px;}
#f8la.f8la-appearance .f8la-composer textarea::placeholder {color:var(--pino-input-color);opacity:1;}
/* Keep one full line plus padding and borders, even before script measurement. */
#f8la.f8la-appearance .f8la-composer {--f8la-composer-control-size:max(40px,calc(var(--pino-input-size) * 1.45 + 26px));}
#f8la.f8la-appearance .f8la-composer textarea {min-height:var(--f8la-composer-control-size);}
#f8la.f8la-appearance .f8la-composer button {background:var(--pino-send-bg);color:var(--pino-send-color);border:0;box-shadow:none;border-radius:50%;width:40px;height:40px;min-width:40px;}
#f8la.f8la-appearance .f8la-footer {padding:4px 20px 14px;background:var(--pino-panel-bg);flex-shrink:0;}
#f8la.f8la-appearance .f8la-privacy,#f8la.f8la-appearance .f8la-notice,#f8la.f8la-appearance .f8la-typing {font-family:var(--pino-text-font);font-size:var(--pino-notice-size);color:var(--pino-notice-color);}
#f8la.f8la-appearance .f8la-notice {background:var(--pino-panel-bg);border-color:var(--pino-panel-border);}
#f8la.f8la-appearance .f8la-brand-credit,#f8la.f8la-appearance .f8la-brand-credit a,#f8la.f8la-appearance .f8la-brand-credit strong {font-family:var(--pino-text-font);font-size:var(--pino-branding-size);color:var(--pino-branding-color);}
#f8la.f8la-appearance .f8la-launcher {font-family:var(--pino-title-font);font-size:var(--pino-launcher-size);background:var(--pino-launcher-bg);color:var(--pino-launcher-color);border:1px solid var(--pino-launcher-border);border-radius:var(--pino-launcher-radius);padding:7px 15px 7px 7px;gap:9px;height:auto;min-height:52px;}
#f8la.f8la-appearance .f8la-launcher-copy {font:inherit;color:inherit;letter-spacing:0;}
#f8la.f8la-appearance .f8la-mark {width:var(--pino-orb-smallSize);height:var(--pino-orb-smallSize);min-width:var(--pino-orb-smallSize);min-height:var(--pino-orb-smallSize);max-width:none;max-height:none;flex:0 0 var(--pino-orb-smallSize);aspect-ratio:1/1;}
@media (max-width:600px) {
 #f8la.f8la-appearance .f8la-header {padding:18px 16px;}
 #f8la.f8la-appearance .f8la-modes {margin:12px 16px 8px;}
 #f8la.f8la-appearance .f8la-messages {padding:10px 16px;}
 #f8la.f8la-appearance .f8la-orb-wrap {padding:6px 16px;}
 #f8la.f8la-appearance .f8la-composer textarea {font-size:max(16px,var(--pino-input-size));}
}
@media (pointer:coarse) {
 #f8la.f8la-appearance .f8la-close,#f8la.f8la-appearance .f8la-options-toggle {min-width:44px;min-height:44px;}
 #f8la.f8la-appearance .f8la-header {gap:4px;}
}
#f8la.f8la-appearance .f8la-call-view {padding:0;gap:0;min-height:0;overflow-y:auto;}
#f8la.f8la-appearance .f8la-call-transcript {min-height:0;flex:1 1 auto;}
#f8la.f8la-appearance .f8la-body {overflow:hidden;}
#f8la.f8la-appearance .f8la-mobile-shield,#f8la.f8la-appearance .f8la-panel::backdrop {background:var(--pino-panel-bg);}
@media(min-width:601px){#f8la.f8la-appearance .f8la-panel {width:min(var(--pino-panel-width),calc(100vw - 32px));}}
#f8la.f8la-appearance.is-push-to-talk .f8la-mute {display:flex;flex-direction:column;width:38px;height:auto;min-height:44px;gap:4px;margin:0;padding:3px;background:none;color:var(--pino-end-color);box-shadow:none;border-radius:5px;}
#f8la.f8la-appearance.is-push-to-talk .f8la-mute:disabled {background:none;color:var(--pino-end-color);opacity:.55;}
#f8la.f8la-appearance.is-push-to-talk .f8la-mute:hover:not(:disabled) {background:var(--pino-menu-bg);color:var(--pino-end-color);}
#f8la.f8la-appearance.is-push-to-talk .f8la-mute span {position:static;width:auto;height:auto;clip:auto;margin:0;overflow:visible;white-space:normal;font:inherit;}
#f8la.f8la-appearance.is-push-to-talk .f8la-end-icon {width:16px;height:16px;}
#f8la.f8la-appearance.is-push-to-talk .f8la-end-icon rect {fill:none;stroke:currentColor;stroke-width:1.6;}
#f8la.f8la-appearance.is-push-to-talk.is-ptt-speaking .f8la-talk {background:var(--pino-start-recordingBg);color:var(--pino-start-color);border-color:var(--pino-start-border);box-shadow:none;}
#f8la.f8la-appearance.is-push-to-talk.is-ptt-speaking.is-ptt-warning .f8la-talk {background:var(--pino-start-warningBg);color:var(--pino-start-color);border-color:var(--pino-start-border);box-shadow:none;}
#f8la.f8la-appearance.is-push-to-talk.is-ptt-speaking.is-ptt-cancel .f8la-talk {background:var(--pino-start-cancelBg);color:var(--pino-start-color);border-color:var(--pino-start-border);box-shadow:none;}
#f8la.f8la-appearance.is-ptt-warning .f8la-call-status {color:var(--pino-status-warningColor);}
#f8la.f8la-appearance.is-ptt-cancel .f8la-call-status {color:var(--pino-status-cancelColor);}
#f8la .f8la-reset-confirm {position:absolute;inset:0;z-index:50;display:grid;place-items:center;padding:22px;background:var(--pino-panel-bg);color:var(--pino-name-color);}
#f8la .f8la-reset-confirm>div {width:100%;padding:20px;border:1px solid var(--pino-panel-border);border-radius:20px;background:var(--pino-panel-bg);}
#f8la .f8la-reset-confirm strong {font-family:var(--pino-title-font);font-size:var(--pino-clear-size);color:var(--pino-clear-color);}
#f8la .f8la-reset-confirm p {font-family:var(--pino-text-font);font-size:var(--pino-notice-size);color:var(--pino-notice-color);}
#f8la .f8la-reset-confirm>div>div {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
#f8la .f8la-reset-confirm button {font-family:var(--pino-title-font);font-size:var(--pino-clear-size);color:var(--pino-clear-color);background:var(--pino-menu-bg);border:1px solid var(--pino-tabs-border);border-radius:12px;padding:11px;}

#f8la.f8la-appearance .f8la-modes button.is-active{box-shadow:inset 0 0 0 1px currentColor;font-weight:600;}
#f8la.f8la-appearance .f8la-composer button{border:1px solid var(--pino-input-border);}
#f8la.f8la-appearance .f8la-composer button {width:var(--f8la-composer-control-size);height:var(--f8la-composer-control-size);min-width:var(--f8la-composer-control-size);min-height:var(--f8la-composer-control-size);flex:0 0 var(--f8la-composer-control-size);padding:0;display:flex;align-items:center;justify-content:center;line-height:1;}
#f8la.f8la-appearance .f8la-close {display:flex;align-items:center;justify-content:center;padding:0;line-height:1;flex-shrink:0;}
#f8la.f8la-appearance .f8la-close svg {display:block;width:50%;height:50%;max-width:24px;max-height:24px;flex:none;margin:0;transform:none;}

/* Keep the moving active pill visible below its labels. */
#f8la.f8la-appearance.f8la-has-motion .f8la-modes button {background:transparent;}
#f8la.f8la-appearance.f8la-has-motion .f8la-modes button.is-active {background:transparent;box-shadow:none;}
#f8la.f8la-appearance.f8la-has-motion .f8la-mode-indicator {display:block;inset:4px auto 4px 4px;width:calc((100% - 8px)/2);border-radius:var(--pino-tabs-radius);background:var(--pino-tabs-activeBg);box-shadow:inset 0 0 0 1px var(--pino-tabs-activeColor);}

/* Voice conversations reserve the centre for the transcript. Initial orb size stays owner-controlled. */
#f8la.f8la-appearance .f8la-call-view {overflow:hidden;}
#f8la.f8la-appearance.is-voice-compact .f8la-orb-wrap {display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:8px 22px;flex:0 0 auto;min-height:56px;}
#f8la.f8la-appearance.is-voice-compact .f8la-orb {width:40px;height:40px;min-width:40px;min-height:40px;flex:0 0 40px;margin:0;}
#f8la.f8la-appearance.is-voice-compact .f8la-call-status {font-size:var(--pino-status-compactSize,14px);line-height:1.35;text-align:left;margin:0;}
#f8la.f8la-appearance .f8la-call-transcript {flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;}
#f8la.f8la-appearance .f8la-call-controls {display:flex;justify-content:center;position:relative;gap:0;padding:20px 22px 12px;flex:0 0 auto;}
#f8la.f8la-appearance .f8la-call-controls .f8la-talk {flex:0 0 auto;width:calc(100% - 50px);max-width:100%;}
#f8la.f8la-appearance .f8la-cancel-hint {position:absolute;bottom:calc(100% - 18px);left:12px;right:12px;margin:0;visibility:hidden;pointer-events:none;text-align:center;line-height:1.25;font-family:var(--pino-text-font);font-size:var(--pino-instruction-size);color:var(--pino-instruction-color);}
#f8la.f8la-appearance.is-ptt-speaking .f8la-cancel-hint {visibility:visible;}
#f8la.f8la-appearance .f8la-call-transcript {background:var(--pino-panel-bg);}
#f8la.f8la-appearance .f8la-cancel-hint {background:var(--pino-panel-bg);}

/* The footer link inherits the owner's notice typography in every state. */
#f8la .f8la-privacy a,#f8la .f8la-privacy a:visited,#f8la .f8la-privacy a:hover,#f8la .f8la-privacy a:focus{color:inherit;font:inherit;text-decoration:underline;text-underline-offset:2px;}
#f8la .f8la-privacy:empty{display:none;}