.conversation-page{flex-direction:column;width:100%;max-width:72rem;height:calc(100dvh - 3.5rem);min-height:26rem;margin-inline:auto;display:flex}.conversation-layout{flex:1;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid}.conversation{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.conversation-header{border-bottom:1px solid hsl(var(--border));align-items:center;gap:.75rem;min-width:0;padding:.625rem .75rem;display:flex}.conversation-back{width:2.75rem;height:2.75rem;color:hsl(var(--foreground));border-radius:.75rem;flex:none;place-items:center;display:grid}.conversation-back:hover{background:hsl(var(--accent))}.conversation-back:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.conversation-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;border-radius:.25rem;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.375rem;overflow:hidden}.conversation-title:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.conversation-subtitle{min-width:0;color:hsl(var(--muted-foreground));flex-wrap:wrap;align-items:center;gap:0 .5rem;font-size:.8125rem;line-height:1.25rem;display:flex}.conversation-subtitle-item{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.conversation-subtitle-link{min-height:1.5rem;color:hsl(var(--foreground));text-decoration:underline;-webkit-text-decoration-color:hsl(var(--border));text-decoration-color:hsl(var(--border));text-underline-offset:.25em;border-radius:.25rem;align-items:center;font-weight:600;display:inline-flex}.conversation-subtitle-link:hover{text-decoration-color:currentColor}.conversation-subtitle-link:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.conversation-history{overscroll-behavior:contain;min-height:0;padding:1rem .75rem 1.25rem;overflow-y:auto}.conversation-older{text-align:center;margin-bottom:1.25rem}.conversation-older-button{min-height:2.75rem;color:hsl(var(--muted-foreground));border-radius:.5rem;align-items:center;padding-inline:.5rem;font-size:.8125rem;font-weight:600;display:inline-flex}.conversation-older-button:hover{color:hsl(var(--foreground))}.conversation-older-button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.conversation-older-button:disabled{opacity:.6}.conversation-day{gap:.75rem;display:grid}.conversation-day+.conversation-day{margin-top:1.25rem}.conversation-day-label{z-index:1;text-align:center;margin:0 0 .25rem;position:sticky;top:0}.conversation-day-label>span{background:hsl(var(--background)/.92);color:hsl(var(--muted-foreground));letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:9999px;padding:.125rem .625rem;font-size:.6875rem;font-weight:700;line-height:1rem;display:inline-block}.conversation-group{justify-items:start;gap:.125rem;min-width:0;display:grid}.conversation-group[data-side=customer]{justify-items:end}.conversation-group[data-pending]{opacity:.6}.conversation-bubble{background:hsl(var(--muted));max-width:88%;color:hsl(var(--foreground));border-radius:1.125rem;padding:.5rem .75rem}.conversation-group[data-side=business] .conversation-bubble[data-last]{border-bottom-left-radius:.375rem}.conversation-group[data-side=customer] .conversation-bubble{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.conversation-group[data-side=customer] .conversation-bubble[data-last]{border-bottom-right-radius:.375rem}.conversation-bubble-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9375rem;line-height:1.5}.conversation-bubble-reply{opacity:.8;border-left:2px solid;margin-top:.375rem;padding-left:.5rem;font-size:.8125rem;line-height:1.25rem}.conversation-bubble-attachments{opacity:.8;align-items:center;gap:.25rem;margin-top:.375rem;font-size:.75rem;display:flex}.conversation-group-time{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;margin-top:.125rem;padding-inline:.25rem;font-size:.6875rem;line-height:1rem}.conversation-composer{border-top:1px solid hsl(var(--border));background:hsl(var(--background));padding:.75rem .75rem max(.75rem,env(safe-area-inset-bottom));position:relative}.conversation-new{border:1px solid hsl(var(--border));background:hsl(var(--background));min-height:2.75rem;color:hsl(var(--foreground));box-shadow:var(--elevation-2);border-radius:9999px;align-items:center;gap:.375rem;padding-inline:1rem;font-size:.8125rem;font-weight:600;display:inline-flex;position:absolute;top:-3.5rem;left:50%;translate:-50%}.conversation-new:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.conversation-notice{color:hsl(var(--warning-foreground));margin-bottom:.5rem;font-size:.75rem;line-height:1.25rem}.conversation-refresh{min-height:2.25rem;text-decoration:underline;-webkit-text-decoration-color:hsl(var(--border));text-decoration-color:hsl(var(--border));text-underline-offset:.25em;border-radius:.5rem;align-items:center;margin-bottom:.5rem;padding-inline:.25rem;font-size:.75rem;font-weight:600;display:inline-flex}.conversation-refresh:hover{text-decoration-color:currentColor}.conversation-refresh:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.conversation-field{border:1px solid hsl(var(--input));background:hsl(var(--background));border-radius:1.5rem;align-items:flex-end;gap:.5rem;min-width:0;padding:.25rem .25rem .25rem 1rem;display:flex}.conversation-field:focus-within{border-color:hsl(var(--ring));box-shadow:0 0 0 1px hsl(var(--ring))}.conversation-input{resize:none;background:0 0;flex:1;min-width:0;min-height:2.5rem;max-height:9rem;padding-block:.5rem;font-size:1rem;line-height:1.5rem;overflow-y:auto}.conversation-input::placeholder{color:hsl(var(--muted-foreground))}.conversation-send{background:hsl(var(--primary));width:2.5rem;height:2.5rem;color:hsl(var(--primary-foreground));border-radius:9999px;flex:none;place-items:center;transition:background-color .15s,opacity .15s;display:grid}.conversation-send:hover:not(:disabled){background:hsl(var(--primary-hover))}.conversation-send:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.conversation-send:disabled{background:hsl(var(--muted));color:hsl(var(--muted-foreground));cursor:not-allowed}.conversation-composer-meta{min-width:0;color:hsl(var(--muted-foreground));flex-wrap:wrap;justify-content:space-between;gap:.25rem .5rem;margin-top:.375rem;padding-inline:.25rem;font-size:.75rem;line-height:1rem;display:flex}.conversation-hint{display:none}.conversation-count{font-variant-numeric:tabular-nums;margin-left:auto}.conversation-count[data-over]{color:hsl(var(--destructive));font-weight:700}.conversation-error{color:hsl(var(--destructive));font-size:.75rem;line-height:1.25rem}.conversation-error:empty{display:none}.conversation-closed{color:hsl(var(--muted-foreground));text-align:center;padding-block:.25rem;font-size:.8125rem;line-height:1.25rem}.conversation-aside{display:none}@media (hover:hover) and (pointer:fine){.conversation-hint{display:inline}}@media (min-width:640px){.conversation-header{padding:.75rem 1rem}.conversation-title{font-size:1.0625rem}.conversation-history{padding:1.25rem 1.5rem 1.5rem}.conversation-bubble{max-width:75%}.conversation-composer{padding:.875rem 1.5rem max(.875rem,env(safe-area-inset-bottom))}}@media (min-width:1024px){.conversation-page{height:calc(100dvh - 1rem)}.conversation-layout{grid-template-columns:minmax(0,1fr) 18rem}.conversation-aside{border-left:1px solid hsl(var(--border));align-content:start;justify-items:start;gap:.25rem;min-width:0;padding:1.5rem 1.25rem;display:grid}.conversation-aside-name{overflow-wrap:anywhere;margin-top:.75rem;font-size:.9375rem;font-weight:600;line-height:1.375rem}.conversation-aside-link{min-height:1.75rem;color:hsl(var(--muted-foreground));text-decoration:underline;-webkit-text-decoration-color:hsl(var(--border));text-decoration-color:hsl(var(--border));text-underline-offset:.25em;border-radius:.25rem;align-items:center;font-size:.8125rem;font-weight:600;display:inline-flex}.conversation-aside-link:hover{color:hsl(var(--foreground));text-decoration-color:currentColor}.conversation-aside-link:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.conversation-aside-facts{border-top:1px solid hsl(var(--border));gap:0;width:100%;margin-top:1.25rem;display:grid}.conversation-aside-facts>div{border-bottom:1px solid hsl(var(--border));gap:.125rem;padding-block:.75rem;display:grid}.conversation-aside-facts dt{color:hsl(var(--muted-foreground));letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:700;line-height:1rem}.conversation-aside-facts dd{overflow-wrap:anywhere;font-size:.875rem;font-weight:500;line-height:1.375rem}.conversation-aside-facts dd a{text-decoration:underline;-webkit-text-decoration-color:hsl(var(--border));text-decoration-color:hsl(var(--border));text-underline-offset:.25em;border-radius:.25rem}.conversation-aside-facts dd a:hover{text-decoration-color:currentColor}.conversation-aside-facts dd a:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}}