/* Keep interaction immediate. Large lists/messages are never animated row by row. */
.service-notices {
  flex:0 1 auto;min-height:0;margin:8px 10px;border:1px solid color-mix(in srgb,#d99a32 48%,var(--line));
  border-radius:12px;background:color-mix(in srgb,#d99a32 7%,var(--surface));color:var(--text);
  font-size:12px;overflow:auto;max-height:min(32vh,280px);scrollbar-width:thin;
}
.service-notices>summary { cursor:pointer;padding:10px 12px;line-height:1.5;font-weight:600;color:var(--text); }
.service-notices>summary::marker { color:#d99a32; }
.service-notices>article { padding:10px 12px;border-top:1px solid var(--line);overflow-wrap:anywhere; }
.service-notices strong { display:block;font-size:12px; }
.service-notices p { margin:6px 0 9px;font-size:12px;line-height:1.6;color:var(--muted); }
.service-notices .button { min-height:30px;max-width:100%;font-size:11px; }
.service-notices :focus-visible { outline:2px solid var(--accent);outline-offset:-2px; }
@media (forced-colors:active) { .service-notices { border-color:CanvasText; }.service-notices p { color:CanvasText; } }
/* A settled view moves as one surface, never as copied private message content. */
@media (prefers-reduced-motion: no-preference) {
  .button,.icon-button,.nav-item,.chat-row,.tag-chip {
    transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
  }
  .button:active:not(:disabled),.icon-button:active:not(:disabled) { transform:scale(.97); }
  .chat-peek-dialog[open],.tp-dialog[open],.message-context-popup,.chat-menu:not(.hidden),.chat-context-menu:not(.hidden),
  .folder-context-menu,.folder-order-menu,.telegram-picker-item-menu,.telegram-reaction-picker[open]>.telegram-reaction-popover,
  .profile-action-menu,.scheduled-send-menu,.workspace-alert-center {
    animation:nova-menu-enter 300ms cubic-bezier(.2,.8,.2,1);
    transform-origin:top center;
  }
  .chat-peek-dialog[open]::backdrop,.tp-dialog[open]::backdrop,dialog.modal[open]::backdrop {
    animation:nova-backdrop-enter 300ms ease-out;
  }
  .toast,.workspace-alert-stack>.workspace-alert-card {
    animation:nova-notice-wipe 380ms cubic-bezier(.2,.8,.2,1);
  }
}
@keyframes nova-menu-enter { from { opacity:0;transform:translateY(8px); } to { opacity:1;transform:none; } }
@keyframes nova-notice-wipe { from { opacity:0;clip-path:inset(100% 0 0 0 round 12px);transform:translateY(12px); } to { opacity:1;clip-path:inset(0 round 12px);transform:none; } }
@keyframes nova-backdrop-enter { from { opacity:0; } to { opacity:1; } }
@media (prefers-reduced-motion: reduce) {
  .chat-peek-dialog,.tp-dialog,.message-context-popup,.chat-menu,.chat-context-menu,.folder-context-menu,
  .folder-order-menu,.telegram-picker-item-menu,.telegram-reaction-popover,
  .profile-action-menu,.scheduled-send-menu,.workspace-alert-center,.workspace-alert-card,.toast { animation:none !important; }
  .button,.icon-button,.nav-item,.chat-row,.tag-chip { transition:none !important; }
  .button:active,.icon-button:active { transform:none !important; }
}
html[data-motion-hidden] :is(.chat-peek-dialog,.tp-dialog,.message-context-popup,.chat-menu,.chat-context-menu,
.folder-context-menu,.folder-order-menu,.telegram-picker-item-menu,.telegram-reaction-popover,
.profile-action-menu,.scheduled-send-menu,.workspace-alert-center,.workspace-alert-card,.toast) { animation:none !important; }

/* Anonymous placeholders fill the destination immediately; no historical content. */
.workspace-chat-loading{overflow:hidden!important;padding:0!important;display:block!important}
.workspace-loading-status.workspace-skeleton-surface{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:20px;min-height:260px;width:100%;padding:22px;overflow:hidden;text-align:start;color:var(--muted);background:var(--surface)}
.workspace-chat-loading>.workspace-skeleton-surface{height:100%;min-height:100%;background:var(--bg,var(--surface))}
.workspace-skeleton-shapes{display:grid;gap:22px;filter:blur(2px);opacity:.55;pointer-events:none;user-select:none}
.workspace-skeleton-row{display:flex;gap:14px;align-items:center;min-height:58px}
.workspace-skeleton-row>i{display:block;flex:0 0 42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--muted) 20%,var(--surface-2))}
.workspace-skeleton-row>div{display:grid;gap:10px;width:74%;max-width:540px}
.workspace-skeleton-row b{display:block;height:13px;border-radius:9px;background:color-mix(in srgb,var(--muted) 16%,var(--surface-2))}
.workspace-skeleton-row b:last-child{width:65%;height:10px;opacity:.65}
.workspace-skeleton-chat .workspace-skeleton-row:not(:first-child){max-width:65%;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}
.workspace-skeleton-chat .workspace-skeleton-row:not(:first-child)>i{display:none}
.workspace-skeleton-chat .workspace-skeleton-row:nth-child(3){margin-inline-start:auto;width:55%}
.workspace-skeleton-chat .workspace-skeleton-row:nth-child(4){width:47%}
.workspace-skeleton-chat .workspace-skeleton-row:nth-child(5){margin-inline-start:auto;width:59%}
.workspace-loading-label{position:relative;font-size:12px;line-height:1.6;opacity:.85}
.workspace-loading-error{justify-content:center!important;align-items:center!important;min-height:260px;text-align:center!important;gap:16px!important}
.workspace-loading-error .workspace-loading-label{max-width:340px}
.workspace-loading-error .button{align-self:center}
@media(prefers-reduced-motion:reduce){.workspace-skeleton-shapes{filter:none}}
@media(forced-colors:active){.workspace-skeleton-row b,.workspace-skeleton-row>i{background:GrayText}.workspace-skeleton-shapes{filter:none;opacity:.4}}

/* Docked exits surrender space continuously; panel text keeps its readable width. */
[data-motion-layout]{overflow:hidden!important}
[data-motion-docked]{max-width:none!important;overflow:hidden!important;box-sizing:border-box}

/* Overlays leave through their logical outer edge in both interface directions. */
@media(max-width:1500px){.copilot-drawer{right:auto;inset-inline-end:0;inset-inline-start:auto}}
.main-panel.profile-details-open:not(.profile-details-wide)>.details-drawer{inset-inline-end:0;inset-inline-start:auto}