/* Eagle 1.2.3 visual polish: chat list, conversation, People, Work and More.
   Layered on top of eagle-polish.css; keeps the Eagle blue / paper-white palette and all three styles. */
:root { --eg123-blue: #1F6FEB; --eg123-deep: #0B3D91; --eg123-tint: rgba(31,111,235,.08); --eg123-line: rgba(15,23,42,.07);
  --eg123-card: #FFFFFF; --eg123-muted: #5B6B82; --eg123-spring: cubic-bezier(.34,1.56,.64,1); }
html[data-eagle-appearance="dark"] { --eg123-tint: rgba(96,165,250,.12); --eg123-line: rgba(148,163,184,.14); --eg123-card: rgba(30,41,59,.72); --eg123-muted: #94A3B8; }
html[data-eagle-appearance="fluid"] { --eg123-card: rgba(255,255,255,.62); }

/* Chat list rows: airier rhythm, rounded hover card, stronger unread hierarchy */
.chat-row { border-radius: 16px; margin: 2px 6px; padding-block: 10px; transition: background-color .18s ease, transform .25s var(--eg123-spring); }
.chat-row:hover { background: var(--eg123-tint); }
.chat-row:active { transform: scale(.985); }
.chat-row.active { background: rgba(31,111,235,.12); box-shadow: inset 3px 0 0 var(--eg123-blue); }
.chat-row .row-title { font-weight: 600; letter-spacing: -.005em; }
.chat-row.is-unread .row-title { font-weight: 750; }
.chat-row.is-unread .row-subtitle { color: inherit; opacity: .86; }
.chat-row .row-meta small { font-variant-numeric: tabular-nums; color: var(--eg123-muted); }
.chat-row.is-unread .row-meta small { color: var(--eg123-blue); font-weight: 650; }
.chat-row .badge { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; font-size: 11px; font-weight: 750; line-height: 20px;
  background: linear-gradient(135deg, var(--eg123-blue), var(--eg123-deep)); color: #fff; box-shadow: 0 4px 10px -4px rgba(31,111,235,.7); }

/* Avatars: soft blue-family gradients that vary by row, with a light ring */
.chat-row .avatar, .chat-header .avatar { color: #fff; font-weight: 700; letter-spacing: .02em; border: 0;
  background: linear-gradient(140deg, #5B9BFF, #1F6FEB); box-shadow: 0 0 0 2px rgba(255,255,255,.9), 0 6px 14px -8px rgba(11,61,145,.55); }
.chat-row:nth-child(5n+1) .avatar { background: linear-gradient(140deg, #5AA9F5, #1F5FBF) !important; }
.chat-row .avatar, .chat-row .avatar *, .chat-header .avatar, .chat-header .avatar * { color: #fff !important; text-shadow: 0 1px 1px rgba(15,23,42,.25); }
.chat-row:nth-child(5n+2) .avatar { background: linear-gradient(140deg, #6FC3FF, #1C7ED6) !important; }
.chat-row:nth-child(5n+3) .avatar { background: linear-gradient(140deg, #8EA8FF, #3B5BDB) !important; }
.chat-row:nth-child(5n+4) .avatar { background: linear-gradient(140deg, #6AD5D0, #138A9E) !important; }
.chat-row:nth-child(5n+5) .avatar { background: linear-gradient(140deg, #A5B4FC, #4F46E5) !important; }
html[data-eagle-appearance="dark"] .chat-row .avatar, html[data-eagle-appearance="dark"] .chat-header .avatar { box-shadow: 0 0 0 2px rgba(15,23,42,.9); }

/* Status / empty / error notes become calm cards instead of bare text */
.chat-work-availability, .professional-home-status:not(:empty), .chat-home-page .resource-empty {
  margin: 12px; padding: 14px 16px; border-radius: 16px; background: var(--eg123-tint); color: var(--eg123-muted);
  font-size: 13px; line-height: 1.45; text-align: center; border: 1px dashed rgba(31,111,235,.22); }
.empty-chats { padding: 32px 20px; }

/* Conversation: header, bubbles and composer */
.chat-header { backdrop-filter: saturate(1.3); }
.chat-header .row-title, .chat-header h2 { letter-spacing: -.01em; }
#messages .bubble { box-shadow: 0 1px 1px rgba(15,23,42,.04), 0 4px 14px -10px rgba(15,23,42,.35); }
#messages .bubble.mine { box-shadow: 0 6px 16px -10px rgba(31,111,235,.65); }
#composer .field, #composer textarea { border-radius: 22px; }
#composer button.primary, #composer [data-action="send"] { border-radius: 50%; transition: transform .25s var(--eg123-spring); }
#composer button.primary:active, #composer [data-action="send"]:active { transform: scale(.9); }

/* Work and People: starters as glass tiles, segmented tabs, rounded search */
.professional-home-starters { gap: 10px; padding: 4px 12px 8px; }
.professional-home-starters button { border-radius: 18px; padding: 14px 8px; background: var(--eg123-card); border: 1px solid var(--eg123-line);
  box-shadow: 0 8px 20px -16px rgba(11,61,145,.5); transition: transform .25s var(--eg123-spring), box-shadow .2s; }
.professional-home-starters button:hover { transform: translateY(-2px); box-shadow: 0 14px 26px -16px rgba(11,61,145,.55); }
.professional-home-starters button ion-icon { font-size: 22px; color: var(--eg123-blue); padding: 8px; border-radius: 12px; background: var(--eg123-tint); }
.professional-home-tabs { margin: 4px 12px; padding: 4px; border-radius: 14px; background: var(--eg123-tint); gap: 2px; }
.professional-home-tabs button { border-radius: 10px; border: 0; transition: background-color .18s, color .18s; }
.professional-home-tabs button[aria-pressed="true"] { background: var(--eg123-card); color: var(--eg123-blue); font-weight: 650; box-shadow: 0 2px 8px -4px rgba(15,23,42,.3); }
.professional-home-search { margin: 8px 12px; border-radius: 16px; overflow: hidden; border: 1px solid var(--eg123-line); background: var(--eg123-card); }
.professional-home-actions button, .form-workspace-entry button { border-radius: 999px; padding-inline: 12px; transition: background-color .18s; }
.professional-home-actions button:hover, .form-workspace-entry button:hover { background: var(--eg123-tint); }
.professional-work-row { border-radius: 14px; margin: 4px 12px; background: var(--eg123-card); border: 1px solid var(--eg123-line); }

/* More: grouped inset cards */
.chat-home-more-section { margin: 10px 12px 14px; padding: 4px; border-radius: 18px; background: var(--eg123-card); border: 1px solid var(--eg123-line);
  box-shadow: 0 10px 24px -20px rgba(11,61,145,.5); }
.chat-home-more-section h3 { margin: 8px 12px 4px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--eg123-muted); }
.chat-home-more-action { border-radius: 14px; transition: background-color .18s, transform .25s var(--eg123-spring); }
.chat-home-more-action:hover { background: var(--eg123-tint); }
.chat-home-more-action:active { transform: scale(.985); }
.chat-home-more-action > ion-icon:first-child { color: var(--eg123-blue); background: var(--eg123-tint); border-radius: 10px; padding: 7px; font-size: 18px; }
.chat-home-more-action small { color: var(--eg123-muted); }
.chat-home-page-header h2 { letter-spacing: -.015em; font-weight: 750; }

html[data-eagle-motion="off"] .chat-row, html[data-eagle-motion="off"] .chat-home-more-action, html[data-eagle-motion="off"] .professional-home-starters button { transition: none; }
@media (prefers-reduced-motion: reduce) { html:not([data-eagle-motion="lively"]):not([data-eagle-motion="calm"]) .chat-row { transition: none; } }

/* Inset cards keep their side margins inside the panel: never width:100% plus margin (no horizontal overflow). */
.chat-work-availability, .professional-home-status:not(:empty), .chat-home-page .resource-empty, .professional-home-tabs, .professional-home-search,
.professional-work-row, .chat-home-more-section { box-sizing: border-box; width: auto; max-width: calc(100% - 24px); min-width: 0; }
.chat-row { box-sizing: border-box; width: auto; max-width: calc(100% - 12px); min-width: 0; }

/* Fluid (now the default): --surface is 80% white, so panels that slide OVER content (settings/inspector sheet,
   menus, dialogs) must frost what is behind them or the page underneath shows through. Opaque fallback without backdrop-filter. */
html[data-eagle-appearance="fluid"] .inspector, html[data-eagle-appearance="fluid"] .chat-tools-menu,
html[data-eagle-appearance="fluid"] [role="dialog"], html[data-eagle-appearance="fluid"] dialog[open] {
  -webkit-backdrop-filter: blur(24px) saturate(1.5); backdrop-filter: blur(24px) saturate(1.5); }
html.eagle-no-backdrop[data-eagle-appearance="fluid"] .inspector, html.eagle-no-backdrop[data-eagle-appearance="fluid"] .chat-tools-menu,
html.eagle-no-backdrop[data-eagle-appearance="fluid"] [role="dialog"], html.eagle-no-backdrop[data-eagle-appearance="fluid"] dialog[open] { background-color: #F7FAFD !important; }