/* Unified Work shell, from the approved navigation and compact-inbox mockup. */
#app:has(> .topbar.is-unified) {
  --shell-width: 210px;
  --shell-surface: #f5f9ff;
  --canvas: #ffffff;
  --nav-ink: #303841;
  --nav-muted: #606b7a;
  --nav-hover: #eaf1fc;
  --nav-selected: #c2d9fb;
  --section-accent: #303841;
  --section-soft: #c2d9fb;
  --line: #e7edf4;
  --line-strong: #dce4ed;
  background: var(--shell-surface);
}
.topbar.is-unified { border-bottom: 1px solid #eaf0f8; }
.topbar.is-unified .brand strong { font-size: 22px; }
.topbar.is-unified .topnav { gap: 6px; }
.topbar.is-unified .topnav button { gap: 7px; padding-inline: 12px; color: #606b7a; font-size: 14px; }
.topbar.is-unified .topnav button > svg { width: 16px; height: 16px; color: currentColor; }
.topbar.is-unified .topnav button.is-active { color: #303841; }
.topbar.is-unified .topnav button.is-active::before { background: #c2d9fb; }
.topbar.is-unified .topnav button:hover::before { background: #eaf1fc; }
.topbar.is-unified .topnav button.is-active:hover::before { background: #c2d9fb; }
.topbar.is-unified .work-notification-dot {
  display: inline-block;
  font-size: 0;
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border: 1px solid #9db3cf;
  border-radius: 50%;
  background: #3c2889;
}
.topbar.is-unified .account-chip i { color: #61656b; background: #e6e7e9; }
.topbar.is-unified .notification-count,
.work-attention-count {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border: 1px solid #a7bbd2;
  border-radius: 5px;
  background: #3c2889;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}
.topbar.is-unified .notification-count[hidden],
.topbar.is-unified .work-notification-dot[hidden] { display: none; }
#workspace-sidebar.unified-work-sidebar { padding: 18px 12px 14px; }
#workspace-sidebar.unified-work-sidebar > header { padding: 0 10px 13px; }
#workspace-sidebar.unified-work-sidebar h1 { color: #35383d; }
.unified-work-nav, .unified-work-footer { display: flex; flex-direction: column; gap: 1px; }
.unified-work-nav { margin-bottom: 4px; }
.unified-work-nav > button, .unified-work-footer > button {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 31px;
  padding: 6px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #606b7a;
  font-size: 13px;
  line-height: 1.35;
  text-align: left;
}
.unified-work-nav > button > svg, .unified-work-footer > button > svg { width: 16px; height: 16px; flex-shrink: 0; }
.unified-work-nav > button[aria-current="page"], .unified-work-footer > button[aria-current="page"] { background: #c2d9fb; color: #303841; font-weight: 500; }
.unified-work-nav > button:hover, .unified-work-footer > button:hover { background: #eaf1fc; }
#workspace-sidebar .unified-work-nav > button, #workspace-sidebar .unified-work-footer > button { height: 31px; min-height: 31px; margin: 0; padding: 6px 10px; line-height: 1.35; font-size: 13px; }
#workspace-sidebar .unified-work-nav > button[aria-current="page"], #workspace-sidebar .unified-work-footer > button[aria-current="page"] { background: #c2d9fb; color: #303841; }
#workspace-sidebar .unified-work-nav > button:hover, #workspace-sidebar .unified-work-footer > button:hover { background: #eaf1fc; }
#workspace-sidebar .unified-work-nav > button[aria-current="page"]:hover { background: #c2d9fb; }
.unified-work-nav .work-attention-count { margin-left: auto; }
.unified-work-footer { margin-top: auto; padding-top: 20px; }
#workspace-sidebar.unified-work-sidebar .unified-library-create { display: none; }
#workspace-sidebar.unified-work-sidebar :is(.work-folder-label, .library-folder-heading > button:first-child) { color: #606b7a; }
#workspace-sidebar.unified-work-sidebar .work-folder-label { margin-top: 17px; }
#workspace-sidebar.unified-work-sidebar .work-folder-label > button { opacity: 0; pointer-events: none; }
#workspace-sidebar.unified-work-sidebar .work-folder-label:is(:hover, :focus-within) > button { opacity: 1; pointer-events: auto; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading > button:first-child { padding-inline: 0; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading > button:first-child > svg { display: none; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading { display: flex; flex-wrap: nowrap; align-items: center; gap: 6px; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading > button:not(:first-child) { position: static; top: auto; right: auto; margin: 0; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading > button:first-child small { position: static; right: auto; top: auto; height: auto; min-width: 0; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading { padding-right: 8px; gap: 4px; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading > button:not(:first-child) { display: none; flex: 0 0 22px; width: 22px; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading:is(:hover, :focus-within) > button:not(:first-child) { display: flex; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading > button:first-child { padding-right: 0; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading:is(:hover, :focus-within) > button:first-child:not(:last-child) > span { padding-right: 0; }
@media (hover: none) { #workspace-sidebar.unified-work-sidebar .library-folder-heading > button:not(:first-child) { display: flex; } }
#workspace-sidebar.unified-work-sidebar .library-folder-heading > button:first-child { flex: 1 1 0%; width: auto; }
#workspace-sidebar.unified-work-sidebar .library-folder-chevron { order: 0; margin-right: 2px; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading small { order: 1; margin-left: auto; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading > button:first-child { flex: 1 1 auto; min-width: 0; overflow: hidden; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading > button:first-child > span { flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 4px; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading > button:not(:first-child) { flex: 0 0 24px; width: 24px; padding: 4px 0; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading:is(:hover, :focus-within) small { display: none; }
@media (hover: none) {
  #workspace-sidebar.unified-work-sidebar .work-folder-label > button { opacity: 1; pointer-events: auto; }
}
#workspace-sidebar.unified-work-sidebar .library-folder { margin-bottom: 15px; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading svg { color: #85878a; }
#workspace-sidebar.unified-work-sidebar .views-local-note { font-size: 11px; }
#workspace-sidebar.unified-work-sidebar .views-item[aria-current="page"] { background: #c2d9fb; color: #303841; }
#workspace-sidebar.unified-work-sidebar .unified-work-nav > button > svg { color: currentColor; }
#app:has(> .topbar.is-unified) .dashboard-tools > button { padding-inline: 6px; }
#app:has(> .topbar.is-unified) .dashboard-header { gap: 12px; }
.unified-new-work { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; padding: 0; }
.unified-new-work .new-work-header { flex-shrink: 0; min-height: 70px; padding: 16px 20px 14px; }
.unified-new-work .dashboard-start { width: min(100%, 708px); padding: 28px 24px; margin: auto; }
.unified-new-work .dashboard-start > header h1 { font-size: 30px; font-weight: 500; letter-spacing: -1px; }
.unified-new-work .dashboard-start > header p { font-size: 13px; color: #606b7a; margin-top: 10px; }
.unified-new-work .dashboard-start-composer { border-radius: 20px; }
.unified-new-work .dashboard-start-composer textarea { min-height: 76px; }
.unified-new-work .dashboard-start-suggestions button { color: #606b7a; background: #fff; border-color: #e7edf4; }
.dashboard-library-content { padding: 22px 28px; overflow: auto; }
.dashboard-library-list > button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 17px 8px; border: 0; border-bottom: 1px solid #e7edf4; background: transparent; text-align: left; }
.dashboard-library-list > button:hover { background: #f4f7fb; }
.dashboard-library-list > button > span { display: grid; gap: 4px; }
.dashboard-library-list strong { font-size: 14px; font-weight: 500; }
.dashboard-library-list small { font-size: 11px; color: #606b7a; }
.dashboard-library-list > button > svg:last-child { margin-left: auto; color: #606b7a; }
#app:has(> .topbar.is-unified) .inbox-scroll { padding: 0 20px 24px; }
#app:has(> .topbar.is-unified) .inbox-filter-bar { padding: 12px 0; }
#app:has(> .topbar.is-unified) .inbox-filter-bar button { color: #606b7a; }
#app:has(> .topbar.is-unified) .inbox-filter-bar button[aria-pressed="true"] { color: #303841; background: #c2d9fb; }
#app:has(> .topbar.is-unified) .inbox-search { border-color: #e7edf4; background: #fafbfd; }
#app:has(> .topbar.is-unified) .work-inbox-rows { border-color: #e7edf4; }
.inbox-panel .compact-inbox-row {
  display: grid;
  grid-template-columns: 18px 20px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 11px;
  border-color: #edf0f4;
  background: #fff;
}
.inbox-panel .compact-inbox-row.is-unread { background: #fff; }
.inbox-panel .compact-inbox-row:hover { background: #f4f7fb; box-shadow: 0 1px 0 #dce4ed; }
.compact-inbox-row > input { width: 14px; height: 14px; margin: 0; accent-color: #3c2889; }
.compact-inbox-row .inbox-star { display: grid; place-items: center; width: 20px; min-width: 0; padding: 0; border: 0; background: transparent; color: #a1adbb; }
.compact-inbox-row .inbox-star svg { width: 15px; height: 15px; }
.compact-inbox-row .inbox-star.is-starred { color: #a57b2c; }
.compact-inbox-row .inbox-star.is-starred svg { fill: #f6d57d; }
.inbox-panel .compact-inbox-row .work-mail-open {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr) 90px;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-width: 0;
  height: 44px;
  padding: 0;
  background: transparent;
  color: #2c3540;
  font-size: 13px;
  line-height: 1.4;
}
.compact-inbox-row .inbox-sender, .compact-inbox-row .inbox-subject { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.compact-inbox-row .inbox-sender, .compact-inbox-row .inbox-subject > strong { font-size: 13px; font-weight: 400; }
.compact-inbox-row.is-unread .inbox-sender, .compact-inbox-row.is-unread .inbox-subject > strong { font-weight: 600; }
.compact-inbox-row .inbox-subject > small { margin-left: 7px; font-size: 10px; color: #606b7a; }
.compact-inbox-row .inbox-preview { color: #606b7a; font-weight: 400; }
.compact-inbox-row time { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #606b7a; text-align: right; font-size: 11px; }
.inbox-panel .compact-inbox-row .work-row-actions { top: 7px; bottom: auto; right: 8px; background: #f4f7fb; }
.inbox-selection-bar { display: flex; align-items: center; gap: 16px; padding: 9px 11px; margin-bottom: 8px; border-radius: 5px; background: #c2d9fb; color: #303841; font-size: 12px; }
.inbox-selection-bar[hidden] { display: none; }
.inbox-selection-bar button { padding: 0; border: 0; background: transparent; color: inherit; font-size: 12px; }
@media (max-width: 1180px) {
  #app:has(> .topbar.is-unified) .dashboard-tools { gap: 2px; }
  #app:has(> .topbar.is-unified) .dashboard-tools > button { padding-inline: 4px; font-size: 11px; }
  #app:has(> .topbar.is-unified) .dashboard-header { flex-wrap: nowrap; }
  .inbox-panel .compact-inbox-row .work-mail-open { grid-template-columns: 105px minmax(0, 1fr) 75px; gap: 10px; }
}
@media (max-width: 1040px) {
  #app:has(> .topbar.is-unified) { --shell-width: 190px; }
}

:is(.dashboard-library-list > button, .compact-inbox-row button, .inbox-selection-bar button):focus-visible { outline: 2px solid #303841; outline-offset: 2px; }

/* Work conversations keep the focus on the question, data, and answer. */
.unified-work-nav > button:disabled, #workspace-sidebar .unified-work-nav > button:disabled { opacity:.42; cursor:default; background:transparent; }
.work-source-files { padding:12px 8px 4px; }
.work-source-files > summary { display:flex; align-items:center; gap:7px; color:#6b7280; font-size:12px; font-weight:600; cursor:pointer; }
.work-source-files > summary small { margin-left:auto; font-weight:400; }
.work-source-files nav { max-height:190px; overflow-y:auto; padding-top:8px; }
.work-source-files .views-item { width:100%; gap:8px; padding:8px 3px; }
.work-source-files .views-item > svg { width:16px; height:16px; flex-shrink:0; color:#6b7280; }
.work-source-files .views-item > span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.conversation-landing.unified-new-work { min-height:0; overflow:hidden; background:#fff; }
.conversation-landing.unified-new-work .dashboard-start { width:min(100%,800px); height:100%; min-height:0; margin:0 auto; padding:24px 28px; display:flex; flex-direction:column; }
.conversation-landing.is-empty .dashboard-start { justify-content:center; padding-bottom:clamp(40px,15vh,150px); }
.conversation-landing .work-chat-welcome { margin:0 0 26px; text-align:center; }
.conversation-landing .work-chat-welcome img { display:block; width:46px; height:46px; margin:0 auto 14px; }
.conversation-landing .work-chat-welcome h1 { margin:0; font-size:30px; font-weight:550; letter-spacing:-.9px; line-height:1.25; }
.work-chat-header { display:flex; align-items:center; gap:12px; min-height:54px; padding:12px 24px; flex-shrink:0; }
.work-chat-header > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:550; }
.work-chat-header > button { margin-left:auto; width:30px; height:30px; border:0; border-radius:8px; background:transparent; color:#6b7280; }
.work-chat-header > button svg { width:18px; height:18px; }
.work-chat-header > button:hover { background:#f3f4f6; }
.work-chat-history { position:relative; font-size:12px; color:#6b7280; }
.work-chat-history nav { position:absolute; right:0; top:24px; z-index:5; width:250px; padding:8px; max-height:300px; overflow:auto; background:white; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 8px 24px #0001; }
.work-chat-history nav button { display:block; width:100%; padding:9px; border:0; background:transparent; text-align:left; border-radius:6px; }
.work-chat-history nav button:hover { background:#f5f5f5; }
.conversation-landing.has-messages .dashboard-start.has-conversation { padding-top:0; }
.conversation-landing .dashboard-start.has-conversation .dashboard-start-conversation { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:12px 4px 28px; }
.conversation-landing .conversation-turn { border:0; padding:12px 0 22px; max-width:100%; margin:0; }
.conversation-landing .conversation-turn.is-user { width:fit-content; max-width:85%; margin:12px 0 16px auto; padding:12px 18px; border-radius:22px; background:#f3f3f3; }
.chat-markdown { color:#242629; font-size:15px; line-height:1.75; min-width:0; overflow-wrap:anywhere; }
.chat-markdown :first-child { margin-top:0; } .chat-markdown :last-child { margin-bottom:0; }
.chat-markdown p { margin:0 0 16px; }
.conversation-landing .chat-markdown p { font-size:15px; line-height:1.75; }
.chat-markdown :is(h2,h3,h4,h5) { margin:24px 0 10px; line-height:1.4; letter-spacing:-.2px; }
.chat-markdown h2 { font-size:21px; } .chat-markdown h3 { font-size:18px; } .chat-markdown :is(h4,h5) { font-size:16px; }
.chat-markdown :is(ul,ol) { padding-left:24px; margin:12px 0 18px; } .chat-markdown li { padding-left:3px; margin:5px 0; }
.chat-markdown code { border-radius:5px; background:#f1f2f3; padding:2px 5px; font-size:.88em; font-family:ui-monospace,monospace; }
.chat-markdown pre { overflow-x:auto; background:#f6f7f8; border:1px solid #e7e8e9; border-radius:12px; padding:16px; margin:18px 0; }
.chat-markdown pre code { padding:0; background:transparent; }
.chat-markdown blockquote { border-left:3px solid #d8dadd; padding-left:16px; color:#656970; margin:18px 0; }
.chat-table { overflow-x:auto; margin:18px 0; } .chat-markdown table { width:100%; border-collapse:collapse; font-size:14px; }
.chat-markdown :is(th,td) { padding:10px 12px; text-align:left; border-bottom:1px solid #e5e7eb; }
.chat-delivery { display:block; margin-top:7px; color:#7a7e83; font-size:11px; } .chat-delivery.is-failed { color:#b42318; }
.chat-delivery button { border:0; padding:0 4px; background:transparent; text-decoration:underline; color:inherit; }
.conversation-landing .dashboard-start-composer { position:static; flex-shrink:0; margin-top:12px; border:1px solid #e4e5e7; border-radius:26px; padding:15px 17px 11px; background:#f7f7f8; box-shadow:0 2px 5px #00000005; }
.conversation-landing .dashboard-start-composer:focus-within { border-color:#d1d5db; box-shadow:0 2px 7px #0000000a; }
.conversation-landing .dashboard-start-composer textarea { display:block; width:100%; min-height:28px; height:28px; max-height:180px; padding:0 2px; border:0; outline:0; box-shadow:none; resize:none; background:transparent; font-size:15px; line-height:1.6; }
.conversation-landing .dashboard-start-composer > div { display:flex; align-items:center; gap:9px; margin-top:10px; padding:0; }
.conversation-landing .dashboard-start-composer > div > span { color:#8b8e93; font-size:11px; flex:1; }
.conversation-landing .dashboard-start-composer button { display:grid; place-items:center; width:32px; min-width:32px; height:32px; padding:7px; border:0; border-radius:50%; background:#252629; color:#fff; }
.conversation-landing .dashboard-start-composer button.work-chat-attach { background:transparent; color:#666b72; }
.conversation-landing .dashboard-start-composer button:disabled { opacity:.4; }
.conversation-landing .dashboard-start-composer button svg { width:18px; height:18px; }
.work-chat-recents { margin:16px auto 0; color:#8b8e93; font-size:12px; } .work-chat-recents summary { cursor:pointer; }
.work-chat-recents nav { display:grid; gap:5px; padding:10px 0; }
.work-chat-recents nav button { background:transparent; border:0; padding:6px 0; color:#666b72; text-align:left; }
.assistant-button.classic-chat-launcher { background:var(--brand-blue); border:1px solid var(--brand-blue); color:var(--brand-blue-ink); box-shadow:0 8px 24px #181f1b26; }
.assistant-button.classic-chat-launcher.is-open { border:3px solid #fff; background:#fff; }
.workspace-chat-history .chat-markdown { flex:1; min-width:0; }
@media (max-width:700px) {
 .conversation-landing.unified-new-work .dashboard-start { padding-inline:16px; }
 .conversation-landing .work-chat-welcome h1 { font-size:25px; }
 .conversation-landing .dashboard-start-composer > div > span { font-size:10px; }
}
.conversation-source { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; margin:6px 6px 0 0; border:1px solid #e5e7eb; border-radius:8px; background:#fafafa; color:#5e636c; font-size:11px; }
.conversation-source svg { width:13px; height:13px; }
.work-source-detail { padding:14px 0; border-bottom:1px solid #eceef0; }
.work-source-detail p { overflow-wrap:anywhere; color:#6b7280; font-size:12px; }

/* Override the shared conversation composer's auto margin in the empty state. */
.conversation-landing.is-empty .dashboard-start.has-conversation { justify-content:center; }
.conversation-landing.is-empty .dashboard-start.has-conversation .dashboard-start-composer { margin-top:0; }
.conversation-landing.is-empty .dashboard-start.has-conversation .work-chat-welcome { margin-bottom:26px; }
/* The shared composer rotates its old horizontal arrow. This glyph is already up. */
.conversation-landing .dashboard-start-composer [data-workspace-chat-send] svg { transform:none; }

/* Recents: chats filed under the Work sidebar; New work always starts a fresh one. */
#workspace-sidebar.unified-work-sidebar .work-recents { display:flex; flex-direction:column; gap:2px; margin:0 0 14px; }
#workspace-sidebar.unified-work-sidebar .work-recents .views-item.is-current { background:#eeefed; }
#workspace-sidebar.unified-work-sidebar .work-recents .views-more { border:0; background:transparent; padding:6px 10px; color:#606b7a; font:inherit; font-size:13px; text-align:left; }

/* Folder "..." menu (share, delete) and the hover-only inline actions. */
#workspace-sidebar.unified-work-sidebar .library-folder-heading > details { position: relative; display: none; flex: 0 0 22px; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading:is(:hover, :focus-within) > details, #workspace-sidebar.unified-work-sidebar .library-folder-heading > details[open] { display: block; }
#workspace-sidebar.unified-work-sidebar .library-folder-more > summary { list-style: none; display: flex; align-items: center; justify-content: center; width: 22px; height: 26px; border-radius: 6px; color: #85878a; cursor: pointer; }
#workspace-sidebar.unified-work-sidebar .library-folder-more > summary::-webkit-details-marker { display: none; }
#workspace-sidebar.unified-work-sidebar .library-folder-more > summary:hover { background: #eeefed; }
#workspace-sidebar.unified-work-sidebar .library-folder-more > summary > svg { width: 14px; height: 14px; }
#workspace-sidebar.unified-work-sidebar .library-folder-more > div { position: absolute; z-index: 15; right: 0; top: calc(100% + 4px); min-width: 160px; padding: 6px; border: 1px solid #ccd9ec; border-radius: 9px; background: #f8fbff; box-shadow: 0 10px 26px rgba(24, 31, 27, .14); display: flex; flex-direction: column; gap: 2px; }
#workspace-sidebar.unified-work-sidebar .library-folder-more > div > button { display: flex; align-items: center; gap: 8px; width: 100%; padding: 7px 9px; border: 0; border-radius: 6px; background: transparent; color: var(--ink); font: inherit; font-size: 13px; text-align: left; }
#workspace-sidebar.unified-work-sidebar .library-folder-more > div > button:hover { background: #eaf1fc; }
#workspace-sidebar.unified-work-sidebar .library-folder-more > div > button > svg { width: 14px; height: 14px; color: #85878a; }
/* Codex-shaped sidebar: no counts on folder rows, muted section labels. */
#workspace-sidebar.unified-work-sidebar .library-folder-heading small { display: none; }
#workspace-sidebar.unified-work-sidebar .work-folder-label > span { font-size: 12px; font-weight: 600; color: #8a93a0; letter-spacing: .01em; }

/* One nav style for every section sidebar (Work is the reference): Data and Allies reuse it. */
#workspace-sidebar :is(.inbox-folders, .al-shortcuts) > button, #workspace-sidebar .al-channel { display: flex; align-items: center; gap: 10px; width: 100%; height: 31px; min-height: 31px; margin: 0; padding: 6px 10px; border: 0; border-radius: 7px; background: transparent; color: #303841; font: inherit; font-size: 13px; line-height: 1.35; text-align: left; }
#workspace-sidebar :is(.inbox-folders, .al-shortcuts) > button > svg, #workspace-sidebar .al-channel > svg { width: 16px; height: 16px; flex-shrink: 0; color: currentColor; }
#workspace-sidebar :is(.inbox-folders, .al-shortcuts) > button:hover, #workspace-sidebar .al-channel:hover { background: #eaf1fc; color: #303841; }
#workspace-sidebar .inbox-folders > button[aria-current="page"], #workspace-sidebar .al-shortcuts > button.is-active, #workspace-sidebar .al-channel.is-active { background: #c2d9fb; color: #303841; font-weight: 500; }
#workspace-sidebar :is(.inbox-folders, .al-shortcuts) > button > b, #workspace-sidebar .al-channel > b { margin-left: auto; min-width: 18px; padding: 1px 5px; border-radius: 4px; background: transparent; color: #606b7a; font-size: 11px; font-weight: 600; text-align: center; }
#workspace-sidebar .inbox-folders { display: flex; flex-direction: column; gap: 1px; }
#workspace-sidebar .al-shortcuts { display: flex; flex-direction: column; gap: 1px; padding-bottom: 14px; }

/* Trial (Jacob, 2026-10-25): New work reads as the one action in the nav, a filled dark-green button. */
#workspace-sidebar .unified-work-nav > button[data-work-view="new"] { background: var(--color-spreadsheet, #137333); color: #fff; font-weight: 550; border-radius: 8px; margin-bottom: 6px; justify-content: center; }
#workspace-sidebar .unified-work-nav > button[data-work-view="new"]:hover, #workspace-sidebar .unified-work-nav > button[data-work-view="new"][aria-current="page"], #workspace-sidebar .unified-work-nav > button[data-work-view="new"][aria-current="page"]:hover { background: #0f5c29; color: #fff; }
#workspace-sidebar .unified-work-nav > button[data-work-view="new"] > svg { color: #fff; }

/* New Work landing (Jacob, 2026-10-25): the welcome centres in the free space and the composer sits at the bottom. */
.conversation-landing.is-empty .dashboard-start { justify-content:flex-end; padding-bottom:24px; }
.conversation-landing.is-empty .work-chat-welcome { margin:auto 0; }

/* Library rows: one ⋯ menu per row instead of hover icons; icons match the nav rows. */
.unified-work-sidebar .views-item-row .views-item { min-height:31px; padding-top:6px; padding-bottom:6px; }
.unified-work-sidebar .views-file-icon svg { width:16px; height:16px; }
.views-item-more { position:relative; }
.views-item-more > summary { list-style:none; display:grid; place-items:center; width:24px; height:24px; border-radius:6px; cursor:pointer; color:var(--muted); font-size:16px; line-height:1; opacity:0; }
.views-item-more > summary::-webkit-details-marker { display:none; }
.views-item-row:hover .views-item-more > summary, .views-item-row:focus-within .views-item-more > summary, .views-item-more[open] > summary { opacity:1; }
.views-item-more > summary:hover, .views-item-more[open] > summary { background:var(--nav-hover); color:var(--ink); }
.views-item-more > div { position:absolute; right:0; top:calc(100% + 4px); z-index:6; min-width:160px; display:grid; padding:5px; border:1px solid var(--line); border-radius:8px; background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.12); }
.views-item-more > div > button { display:flex; align-items:center; gap:8px; width:100%; padding:7px 9px; border:0; border-radius:6px; background:transparent; color:var(--ink); font:inherit; font-size:13px; text-align:left; cursor:pointer; }
.views-item-more > div > button:hover { background:var(--nav-hover); }
.views-item-more > div > button svg { width:14px; height:14px; color:var(--muted); }
.conversation-landing .dashboard-start-composer > div > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conversation-landing .dashboard-start-composer .work-chat-tool { display:inline-flex; align-items:center; gap:6px; flex-shrink:0; white-space:nowrap; height:28px; padding:0 10px; border:1px solid #e4e5e7; border-radius:999px; background:#fff; color:#4b5563; font:inherit; font-size:12px; cursor:pointer; }
.conversation-landing .dashboard-start-composer .work-chat-tool:hover { background:#f3f4f6; color:var(--ink); }
.conversation-landing .dashboard-start-composer .work-chat-tool svg { width:13px; height:13px; }
.conversation-landing .dashboard-start-composer button.work-chat-tool { display:inline-flex; width:auto; min-width:0; height:28px; padding:0 10px; border:1px solid #e4e5e7; border-radius:999px; background:#fff; color:#4b5563; }
.conversation-landing .dashboard-start-composer button.work-chat-tool svg { width:13px; height:13px; transform:none; }
/* Recents rows: one line each, the same height as the view rows. */
#workspace-sidebar.unified-work-sidebar .work-recents .views-item { min-height: 31px; height: 31px; padding: 6px 10px; gap: 8px; }
#workspace-sidebar.unified-work-sidebar .work-recents .views-item > span { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#workspace-sidebar.unified-work-sidebar .work-recents .views-item > svg { width: 16px; height: 16px; flex-shrink: 0; }

/* Chat like Claude / Codex (Jacob, 2026-10-25): your turns in a shade of blue, answers in a shade of green. */
.conversation-landing .conversation-turn.is-user { background:#e3ecfb; color:#1f2d45; }
.conversation-landing .conversation-turn.is-assistant { margin:4px 0 18px; padding:14px 18px 12px; border-radius:18px; background:#eef6f0; border:1px solid #dcebe0; }
.conversation-landing .conversation-turn.is-assistant .chat-markdown { color:#1f2a24; }
.assistant-data-evidence .assistant-refresh { border:0; padding:0 2px; background:transparent; color:inherit; font:inherit; text-decoration:underline; cursor:pointer; }
.assistant-data-evidence .assistant-refresh:disabled { opacity:.5; }

/* Tool step under an answer, and the panel beside the chat. */
.chat-tool-step { display:inline-flex; align-items:center; gap:8px; margin:8px 0 2px; padding:6px 11px; border-radius:999px; background:#fff; border:1px solid #d6e6db; font-size:12px; color:#2f4a3a; }
.chat-tool-step svg { width:14px; height:14px; }
.chat-tool-step.is-done { border-color:#b9dcc5; color:#176236; }
.chat-tool-step.is-opening { color:#4b5563; border-color:#e4e5e7; }
.chat-tool-step button { border:0; padding:0 2px; background:transparent; color:#315f9c; font:inherit; font-size:12px; text-decoration:underline; cursor:pointer; }
.chat-tool-pulse { width:9px; height:9px; border-radius:50%; background:#137333; animation:chat-tool-pulse 1s ease-in-out infinite; }
@keyframes chat-tool-pulse { 0%,100% { transform:scale(.7); opacity:.5; } 50% { transform:scale(1.1); opacity:1; } }
.conversation-landing.has-tool { display:grid; grid-template-columns:minmax(0,1fr) 400px; grid-template-rows:auto minmax(0,1fr); align-items:stretch; }
.conversation-landing.has-tool > .work-chat-header { grid-column:1; grid-row:1; }
.conversation-landing.has-tool > .dashboard-start { grid-column:1; grid-row:2; width:100%; max-width:800px; height:auto; min-height:0; }
.conversation-landing.has-tool > .chat-tool-panel { grid-column:2; grid-row:1 / span 2; }
.chat-tool-panel { display:flex; flex-direction:column; min-height:0; border-left:1px solid #e4e5e7; background:#fff; animation:chat-tool-in .28s ease-out; }
@keyframes chat-tool-in { from { opacity:0; transform:translateX(18px); } to { opacity:1; transform:none; } }
.chat-tool-panel > header { display:flex; align-items:center; gap:12px; padding:16px 18px; border-bottom:1px solid #eceef0; }
.chat-tool-panel > header > i { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:#eef6f0; color:#137333; font-style:normal; }
.chat-tool-panel > header > i svg { width:16px; height:16px; }
.chat-tool-panel > header > div { flex:1; min-width:0; display:grid; }
.chat-tool-panel > header small { font-size:11px; color:#6b7280; } .chat-tool-panel > header strong { font-size:15px; font-weight:600; }
.chat-tool-panel > header > button { width:30px; height:30px; display:grid; place-items:center; padding:0; border:0; border-radius:8px; background:transparent; color:#6b7280; cursor:pointer; }
.chat-tool-panel > header > button:hover { background:#f3f4f6; color:#111; }
.chat-tool-body { flex:1; min-height:0; overflow:auto; padding:16px 18px; display:grid; gap:12px; align-content:start; }
.chat-tool-field { display:grid; gap:5px; font-size:12px; color:#4b5563; }
.chat-tool-field > span { font-weight:600; }
.chat-tool-field input, .chat-tool-field select, .chat-tool-field textarea { width:100%; box-sizing:border-box; padding:8px 10px; border:1px solid #d9dce1; border-radius:8px; background:#fff; font:inherit; font-size:13px; color:#111; }
.chat-tool-field textarea { resize:vertical; min-height:72px; }
.chat-tool-field input:focus, .chat-tool-field select:focus, .chat-tool-field textarea:focus { outline:2px solid #137333; outline-offset:1px; border-color:#137333; }
.chat-tool-people { display:grid; gap:4px; }
.chat-tool-people label { display:grid; grid-template-columns:auto 1fr; column-gap:8px; align-items:center; padding:6px 8px; border:1px solid #e4e5e7; border-radius:8px; cursor:pointer; }
.chat-tool-people label small { grid-column:2; color:#6b7280; font-size:11px; }
.chat-tool-summary { margin:0; font-size:12px; color:#6b7280; }
.chat-tool-panel > footer { display:flex; flex-wrap:wrap; gap:8px; padding:14px 18px; border-top:1px solid #eceef0; }
.chat-tool-panel > footer button { padding:8px 14px; border:1px solid #d9dce1; border-radius:8px; background:#fff; color:#111; font:inherit; font-size:13px; font-weight:500; cursor:pointer; }
.chat-tool-panel > footer button:hover { background:#f3f4f6; }
.chat-tool-panel > footer button.is-primary { background:#137333; border-color:#137333; color:#fff; }
.chat-tool-panel > footer button.is-primary:hover { background:#0f5c29; }
.chat-tool-panel.is-busy > footer button { opacity:.6; pointer-events:none; }
@media (max-width: 1100px) { .conversation-landing.has-tool { grid-template-columns:minmax(0,1fr) 340px; } }

/* Chat reads like ChatGPT (Jacob, 2026-10-25): calmer weights, natural spacing, answers span the column, your messages sit right. */
.conversation-landing .chat-markdown, .conversation-landing .chat-markdown p { font-size:15.5px; line-height:1.7; letter-spacing:0; word-spacing:normal; }
.chat-markdown strong { font-weight:600; }
.chat-markdown :is(h2,h3,h4,h5) { font-weight:600; }
.conversation-landing .conversation-turn.is-assistant { width:100%; max-width:none; margin:0 0 14px; padding:14px 18px 10px; border:0; border-radius:16px; }
.conversation-landing .conversation-turn.is-user { max-width:72%; margin:6px 0 14px auto; padding:11px 16px; border-radius:18px; font-size:15.5px; line-height:1.6; }
.conversation-landing .dashboard-start.has-conversation .dashboard-start-conversation { padding:8px 0 20px; }

/* One rhythm for every sidebar list: nav rows, recents, folders, data and profile sections. */
#workspace-sidebar .inbox-folders button { min-height:31px; height:31px; padding:6px 10px; gap:8px; border-radius:6px; }
#workspace-sidebar .inbox-folders button > svg { width:16px; height:16px; }
#workspace-sidebar .work-folder-label, #workspace-sidebar.profile-sidebar .profile-nav-label { margin:14px 10px 4px; }
#workspace-sidebar.unified-work-sidebar .work-recents { gap:1px; margin:0 0 4px; }
#workspace-sidebar.unified-work-sidebar .views-library { margin-top:2px; }
#workspace-sidebar.unified-work-sidebar .library-folder, #workspace-sidebar .library-folder { margin:0 0 2px; }
#workspace-sidebar .library-folder-heading > button { padding:5px 4px; min-height:31px; }
#workspace-sidebar.unified-work-sidebar .views-item-row { margin:0; }
#workspace-sidebar.unified-work-sidebar .views-item-row .views-item { margin:0; }
#workspace-sidebar .views-local-note { margin-top:12px; }

/* Pins 37-38: answers are offset from the right and read at a normal density. */
.conversation-landing .conversation-turn.is-assistant { max-width:86%; margin-right:auto; }
.conversation-landing .chat-markdown, .conversation-landing .chat-markdown p { font-size:14.5px; line-height:1.55; }
.conversation-landing .chat-markdown p { margin:0 0 10px; }
.conversation-landing .chat-markdown :is(ul,ol) { margin:6px 0 10px; } .conversation-landing .chat-markdown li { margin:2px 0; }
.conversation-landing .chat-markdown :is(h2,h3,h4,h5) { margin:14px 0 6px; }
.conversation-landing .conversation-turn.is-user { font-size:14.5px; line-height:1.5; }
.chat-cursor { display:inline-block; width:7px; height:15px; margin-left:2px; vertical-align:-2px; background:#137333; border-radius:2px; animation:chat-cursor 1s steps(2) infinite; }
@keyframes chat-cursor { to { opacity:0; } }

/* Pins 39, 42: folder headings align with recents rows, chevron on the right; labels have normal padding. */
#workspace-sidebar .library-folder-heading > button:first-child { padding-left:10px; gap:8px; }
#workspace-sidebar .library-folder-heading > button > .library-folder-chevron { margin-left:auto; order:9; }
#workspace-sidebar .library-folder-heading > button > small { margin-left:4px; }
#workspace-sidebar .work-folder-label { min-height:24px; margin:12px 10px 4px; }
#workspace-sidebar .work-folder-label button { width:22px; height:22px; }
#workspace-sidebar.unified-work-sidebar .views-library { margin-top:0; }

/* Pin 43: dashboard header tools match the workflow header. */
.dashboard-tools > button { width:34px; height:34px; padding:0; border:1px solid #d6dde8; border-radius:7px; }
.dashboard-tools > button > span { display:none; }
.dashboard-tools-more { position:relative; }
.dashboard-tools-more > summary { list-style:none; display:grid; place-items:center; width:34px; height:34px; border:1px solid #d6dde8; border-radius:7px; background:transparent; cursor:pointer; font-size:16px; line-height:1; color:#486581; }
.dashboard-tools-more > summary::-webkit-details-marker { display:none; }
.dashboard-tools-more[open] > summary { background:#edf2ee; }
.dashboard-tools-more > div { position:absolute; right:0; top:calc(100% + 4px); z-index:8; min-width:200px; display:grid; padding:5px; border:1px solid var(--line); border-radius:8px; background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.12); }
.dashboard-tools-more > div > button { display:flex; align-items:center; gap:8px; width:100%; padding:7px 9px; border:0; border-radius:6px; background:transparent; color:var(--ink); font:inherit; font-size:13px; text-align:left; cursor:pointer; }
.dashboard-tools-more > div > button:hover { background:var(--nav-hover); }
.dashboard-tools-more > div > button:disabled { opacity:.5; }
.dashboard-tools-more > div > button svg { width:14px; height:14px; color:var(--muted); }

/* Pins 44-48 (2026-10-25). */
.conversation-landing.unified-new-work .dashboard-start { width:100%; max-width:none; padding:24px 44px; }
.conversation-landing.has-tool > .dashboard-start { max-width:none; }
.conversation-source { padding:2px 6px 2px 4px; margin:4px 6px 0 0; border:0; border-radius:6px; background:transparent; color:#137333; font-size:12px; text-decoration:underline; text-underline-offset:2px; }
.conversation-source:hover { background:#eef6f0; }
.assistant-data-evidence small { display:block; margin-top:6px; }
#workspace-sidebar p[role="status"]:empty { display:none; margin:0; padding:0; }
#workspace-sidebar .views-item-more > div { min-width:150px; padding:4px; }
#workspace-sidebar .views-item-more > div > button { padding:5px 8px; font-size:12.5px; gap:7px; }
#workspace-sidebar .views-item-more > div > button svg { width:13px; height:13px; }
#workspace-sidebar .work-folder-label { margin:12px 10px 4px; }

/* Pins 51, 55, 57, 58 (2026-10-25). */
.conversation-action[data-assistant-artifact] { background:#137333; border-color:#137333; color:#fff; font-weight:600; padding:9px 14px; }
.conversation-action[data-assistant-artifact]:hover { background:#0f5c29; }
.conversation-landing.is-empty .dashboard-start { justify-content:flex-start; }
.conversation-landing.is-empty .work-chat-welcome { flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; margin:0 0 20px; }
#workspace-sidebar.unified-work-sidebar .views-item-row { position:relative; width:100%; margin:0; }
#workspace-sidebar.unified-work-sidebar .views-item-row > .views-item { width:100%; padding-right:34px; }
#workspace-sidebar.unified-work-sidebar .views-item-actions { position:absolute; right:4px; top:50%; transform:translateY(-50%); }
#workspace-sidebar.unified-work-sidebar .work-recents, #workspace-sidebar.unified-work-sidebar .views-library { margin-inline:0; }
#workspace-sidebar .library-folder-heading > button:first-child { min-height:31px; height:31px; padding:6px 10px; }
#workspace-sidebar .library-folder nav { padding:0; margin:0; display:flex; flex-direction:column; gap:1px; }
#workspace-sidebar.unified-work-sidebar .views-group nav .views-item, #workspace-sidebar .library-folder nav .views-item { padding:6px 10px 6px 30px; margin:0; min-height:31px; height:31px; }
#workspace-sidebar .library-folder .views-show-more, #workspace-sidebar .library-folder .dashboard-sidebar-empty { margin:2px 0 2px 30px; }
#workspace-sidebar.unified-work-sidebar .work-recents { padding:0; min-height:0; }

/* Pins 71-72 (2026-10-25): every row flush left at 10px, labels 10px above and 2px below, nothing taller than 31px. */
#workspace-sidebar .work-folder-label, #workspace-sidebar.profile-sidebar .profile-nav-label { margin:10px 10px 2px; min-height:22px; }
#workspace-sidebar.unified-work-sidebar .views-group nav .views-item, #workspace-sidebar .library-folder nav .views-item { padding:6px 8px 6px 10px; }
#workspace-sidebar .library-folder .views-show-more, #workspace-sidebar .library-folder .dashboard-sidebar-empty { margin:1px 0 1px 10px; }
#workspace-sidebar.unified-work-sidebar .views-item-row > .views-item { padding-right:8px; }
#workspace-sidebar.unified-work-sidebar .views-item-row:hover > .views-item, #workspace-sidebar.unified-work-sidebar .views-item-row:focus-within > .views-item { padding-right:30px; }
#workspace-sidebar.unified-work-sidebar .work-recents { margin:0 0 2px; }
#workspace-sidebar .views-local-note { margin-top:8px; }
#workspace-sidebar.unified-work-sidebar .unified-work-footer { margin-top:6px; }

/* Pin 66: the proposal's action is the loudest thing in the answer, and it comes before the thumbs. */
.conversation-action[data-assistant-artifact] { display:inline-flex; align-items:center; gap:8px; margin:10px 0 2px; padding:10px 16px; font-size:14px; border-radius:10px; box-shadow:0 2px 6px rgba(19,115,51,.25); }
.conversation-action[data-assistant-artifact] svg { width:15px; height:15px; }
#workspace-sidebar.unified-work-sidebar .work-folder-label, #workspace-sidebar.work-sidebar .work-folder-label, #workspace-sidebar.profile-sidebar .profile-nav-label { margin:10px 10px 2px; }

/* Pins 74-75 (2026-10-25): one sidebar. Work's rows are the reference; Allies and Data use the same row, label and gap. */
#workspace-sidebar :is(.unified-work-nav, .unified-work-footer, .inbox-folders, .al-shortcuts) > button, #workspace-sidebar .al-channel, #workspace-sidebar .views-item, #workspace-sidebar .library-folder-heading > button:first-child { height:31px; min-height:31px; padding:6px 10px; gap:8px; border-radius:7px; font-size:13px; line-height:1.35; color:var(--ink); }
#workspace-sidebar :is(.unified-work-nav, .unified-work-footer, .inbox-folders, .al-shortcuts) > button > svg, #workspace-sidebar .al-channel > svg, #workspace-sidebar .views-item > svg { width:16px; height:16px; flex-shrink:0; }
#workspace-sidebar :is(.unified-work-nav, .unified-work-footer, .inbox-folders, .al-shortcuts) > button:hover, #workspace-sidebar .al-channel:hover, #workspace-sidebar .views-item:hover { background:#eaf1fc; color:var(--ink); }
#workspace-sidebar :is(.inbox-folders, .unified-work-nav, .unified-work-footer) > button[aria-current="page"], #workspace-sidebar .al-shortcuts > button.is-active, #workspace-sidebar .al-channel.is-active, #workspace-sidebar .views-item[aria-current="page"], #workspace-sidebar .views-item.is-current { background:#c2d9fb; color:#303841; font-weight:500; }
#workspace-sidebar .unified-work-nav > button[data-work-view="new"] { color:#fff; }
#workspace-sidebar :is(.unified-work-nav, .unified-work-footer, .inbox-folders, .al-shortcuts, .work-recents, .library-folder nav), #workspace-sidebar :is(#al-channels, #al-dms) { display:flex; flex-direction:column; gap:1px; }
#workspace-sidebar #al-dms .al-channel > span:nth-child(2) { font-size:13px; font-weight:inherit; }
/* Folder headings are one row like everything else: no padding under them, the name at 10px, 13px muted bold. */
#workspace-sidebar .library-folder-heading { padding:0; gap:2px; }
#workspace-sidebar .library-folder-heading > button:first-child { padding:6px 10px; font-size:13px; font-weight:600; color:#606b7a; }
#workspace-sidebar .library-folder-heading > button:first-child > span { font-size:13px; }
#workspace-sidebar .library-folder-heading .library-folder-chevron { margin-right:0; }
#workspace-sidebar .library-folder-heading .library-folder-chevron svg { width:12px; height:12px; }
#workspace-sidebar .library-folder { margin:0 0 1px; }
/* Allies: no divider under the filters, group labels like Work's "Pins / Folders / Recents". */
#workspace-sidebar.al-sidebar .al-shortcuts { padding:0; margin:0 0 4px; border:0; }
#workspace-sidebar.al-sidebar .al-sidebar-scroll { padding-top:0; }
#workspace-sidebar.al-sidebar .al-sidebar-scroll section + section { margin-top:0; }
#workspace-sidebar.al-sidebar .al-sidebar-scroll section > header { min-height:22px; margin:10px 0 2px; }
#workspace-sidebar.al-sidebar .al-sidebar-scroll h2 { font-size:12px; font-weight:600; color:#8a93a0; }
#workspace-sidebar.al-sidebar .al-sidebar-scroll header .al-group-toggle { height:22px; gap:4px; padding:0 30px 0 10px; font-size:12px; font-weight:600; color:#8a93a0; }
#workspace-sidebar.al-sidebar .al-sidebar-scroll header .al-group-toggle > svg { width:12px; height:12px; }
#workspace-sidebar.al-sidebar .al-sidebar-scroll section > header > button { right:4px; top:0; width:22px; height:22px; }
#workspace-sidebar.al-sidebar .al-sidebar-scroll section > header > button > svg { width:13px; height:13px; }
#workspace-sidebar.al-sidebar .al-sidebar-note { padding:6px 10px; font-size:12px; }
#workspace-sidebar.al-sidebar .al-connection { margin-top:auto; padding:10px 10px 0; }
#workspace-sidebar .work-folder-label, #workspace-sidebar.profile-sidebar .profile-nav-label { margin:10px 10px 2px; min-height:22px; }
#workspace-sidebar .work-folder-label span { font-size:12px; font-weight:600; color:#8a93a0; }

/* Pin 77: "Open result" is a quiet link-button; only the proposal's Create dashboard is filled. */
.conversation-action[data-assistant-artifact].is-created { background:transparent; border:1px solid #cfe3d5; color:#137333; font-weight:500; font-size:13px; padding:7px 12px; box-shadow:none; }
.conversation-action[data-assistant-artifact].is-created:hover { background:#eef6f0; }

/* Pin 78: a recents ⋯ menu paints above the rows under it and opens upward near the bottom of the sidebar. */
#workspace-sidebar.unified-work-sidebar .views-item-actions { top:0; bottom:0; transform:none; display:flex; align-items:center; }
#workspace-sidebar.unified-work-sidebar .views-item-row:has(.views-item-more[open]) { z-index:30; }
#workspace-sidebar .views-item-more > div { z-index:40; }
#workspace-sidebar .views-item-more.opens-up > div { top:auto; bottom:calc(100% + 4px); }

/* Pins 79-80: the time shows on hover, like Codex; your messages carry Edit and Copy on hover. */
.conversation-landing .conversation-turn { position:relative; }
.conversation-landing .turn-time { position:absolute; top:50%; transform:translateY(-50%); white-space:nowrap; color:#8a93a0; font-size:11.5px; opacity:0; transition:opacity .12s; pointer-events:none; }
.conversation-landing .conversation-turn.is-user .turn-time { right:calc(100% + 10px); }
.conversation-landing .conversation-turn.is-assistant .turn-time { position:static; display:block; transform:none; margin:4px 0 0; text-align:right; }
.conversation-landing .conversation-turn:hover .turn-time, .conversation-landing .conversation-turn:focus-within .turn-time { opacity:1; }
.conversation-landing .turn-actions { position:absolute; top:50%; right:calc(100% + 8px); transform:translateY(-50%); display:flex; gap:2px; opacity:0; transition:opacity .12s; }
.conversation-landing .conversation-turn.is-user:hover .turn-actions, .conversation-landing .conversation-turn.is-user:focus-within .turn-actions { opacity:1; }
.conversation-landing .conversation-turn.is-user:hover .turn-time, .conversation-landing .conversation-turn.is-user:focus-within .turn-time { right:calc(100% + 70px); }
.conversation-landing .turn-actions > button { display:grid; place-items:center; width:26px; height:26px; padding:0; border:0; border-radius:6px; background:transparent; color:#6b7280; cursor:pointer; }
.conversation-landing .turn-actions > button:hover { background:#e9eef5; color:#1f2d45; }
.conversation-landing .turn-actions > button > svg { width:14px; height:14px; }
.conversation-landing .chat-editing { display:flex; align-items:center; gap:8px; margin:0 0 6px; color:#1f2d45; font-size:12.5px; }
.conversation-landing .chat-editing > svg { width:14px; height:14px; color:#6b7280; }
.conversation-landing .chat-editing > button { margin-left:auto; padding:3px 8px; border:0; border-radius:6px; background:transparent; color:#137333; font:inherit; font-size:12.5px; cursor:pointer; }
.conversation-landing .chat-editing > button:hover { background:#eef6f0; }

/* Pin 82 (2026-10-25): Sources for a live dashboard, in the shape of the Tasks execution flow: pieces on the left, the selected piece's source, definition and values on the right. */
.hosted-sources-lede { margin:0 0 14px; color:#4b5563; }
.hosted-sources-lede .hosted-live-status { display:inline-block; margin:0 6px 0 2px; color:#6b7280; font-size:12px; }
.hosted-sources-lede > button { padding:3px 8px; font-size:12px; vertical-align:baseline; }
.hosted-sources-grid { display:grid; grid-template-columns:250px minmax(0,1fr); gap:18px; align-items:start; }
.hosted-source-pieces { display:flex; flex-direction:column; gap:4px; }
.hosted-source-piece { display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; column-gap:8px; width:100%; padding:8px 9px; border:1px solid #dbe2ee; border-radius:8px; background:#fff; color:#26364c; font:inherit; text-align:left; cursor:pointer; }
.hosted-source-piece > i { display:grid; place-items:center; height:26px; border-radius:6px; background:#eaf0fe; color:#537dbd; }
.hosted-source-piece > i > svg { width:14px; height:14px; }
.hosted-source-piece > span { display:grid; gap:2px; min-width:0; }
.hosted-source-piece strong { font-size:12.5px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hosted-source-piece small { color:#62748d; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hosted-source-piece > b { padding:2px 6px; border-radius:4px; background:#edf2f8; color:#536d91; font-size:10.5px; font-weight:600; }
.hosted-source-piece > b.is-live { background:#e9f5ef; color:#2f6b5b; }
.hosted-source-piece > b:is(.is-unavailable, .is-no-result) { background:#fdf0e4; color:#a2611f; }
.hosted-source-piece:hover { background:#f0f5ff; border-color:#a2b9dc; }
.hosted-source-piece[aria-pressed="true"] { background:#edf3ff; border-color:#6487c4; box-shadow:0 0 0 3px #668cc912; }
.hosted-source-inspector { min-width:0; border-left:1px solid #e2e7ef; padding-left:18px; }
.hosted-source-inspector > header { padding-bottom:10px; border-bottom:1px solid #e2e7ef; }
.hosted-source-kind { display:inline-flex; padding:3px 6px; border-radius:4px; background:#edf2f8; color:#536d91; font-size:11px; }
.hosted-source-inspector h3 { margin:6px 0 0; font-size:16px; font-weight:550; }
.hosted-source-fact { margin-top:14px; }
.hosted-source-fact h4 { margin:0 0 6px; font-size:12px; font-weight:550; color:#26364c; }
.hosted-source-fact p { margin:0 0 6px; font-size:12.5px; line-height:1.6; color:#3f4b5c; overflow-wrap:anywhere; }
.hosted-source-fact code { padding:1px 4px; border-radius:4px; background:#f1f3f6; font:11.5px/1.5 ui-monospace, monospace; }
.hosted-source-fact .source-calculation { padding:8px 10px; border-radius:6px; background:#f5f7fa; }
.hosted-source-fact > button { margin-top:2px; }
.hosted-source-table { max-height:260px; overflow:auto; border:1px solid #e1e7f0; border-radius:7px; }
.hosted-source-table table { width:100%; border-collapse:collapse; font-size:12px; }
.hosted-source-table th, .hosted-source-table td { padding:6px 9px; border-bottom:1px solid #eceff3; text-align:left; white-space:nowrap; }
.hosted-source-table th { position:sticky; top:0; background:#f4f7fd; color:#536d91; font-weight:550; font-size:11px; }
.hosted-source-table tr:last-child td { border-bottom:0; }
.hosted-source-note { margin:6px 0 0; color:#62748d; font-size:11.5px; }
@media (max-width: 760px) { .hosted-sources-grid { grid-template-columns:1fr; } .hosted-source-inspector { border-left:0; border-top:1px solid #e2e7ef; padding:14px 0 0; } }
#workspace-sidebar.unified-work-sidebar .library-folder-heading > button:first-child, #workspace-sidebar .library-folder-heading > button:first-child { padding:6px 10px; padding-inline:10px; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading:is(:hover, :focus-within) > button:first-child:not(:last-child) > span { padding-right:0; }
#workspace-sidebar.unified-work-sidebar .views-group nav .views-item, #workspace-sidebar .library-folder nav .views-item, #workspace-sidebar.unified-work-sidebar .work-recents .views-item { font-size:13px; gap:8px; border-radius:7px; }
#workspace-sidebar.unified-work-sidebar .library-folder, #workspace-sidebar .library-folder { margin:0 0 3px; }
#workspace-sidebar .views-item-row:has(.views-item-more[open]) .views-item-actions { opacity:1; pointer-events:auto; }
#workspace-sidebar .views-item-row:has(.views-item-more[open]) > .views-item { padding-right:30px; }
#workspace-sidebar .al-shortcuts button, #workspace-sidebar .al-channel, #workspace-sidebar .al-channel > span:nth-child(2) { font-size:13px; }

/* Pins 84-86 (2026-10-25): Create dashboard is small and soft and sits right under the text; the hover actions on your message touch the bubble so they are never lost. */
.conversation-action[data-assistant-artifact]:not(.is-created) { margin:6px 0 0; padding:6px 12px; font-size:13px; font-weight:500; border-radius:8px; background:#e3f1e7; border-color:#cfe3d5; color:#0f5c29; box-shadow:none; }
.conversation-action[data-assistant-artifact]:not(.is-created):hover { background:#d4e9db; }
.conversation-landing .turn-actions { right:100%; padding-right:8px; transform:translateY(-50%); }
.conversation-landing .turn-actions > button:hover { background:#d6dfeb; color:#1f2d45; }
.conversation-landing .conversation-turn.is-user:hover .turn-time, .conversation-landing .conversation-turn.is-user:focus-within .turn-time { right:calc(100% + 68px); }

/* Pin 94: the recents list never scrolls on its own, so an open ⋯ menu cannot create a scrollbar. */
#workspace-sidebar.unified-work-sidebar .work-recents, #workspace-sidebar .work-folder-scroll, #workspace-sidebar .views-library nav { overflow:visible; }

/* Pin 97: the ⋯ sits over the end of the row on a fade instead of shrinking the name. */
#workspace-sidebar.unified-work-sidebar .views-item-row:hover > .views-item, #workspace-sidebar.unified-work-sidebar .views-item-row:focus-within > .views-item, #workspace-sidebar .views-item-row:has(.views-item-more[open]) > .views-item { padding-right:8px; }
#workspace-sidebar.unified-work-sidebar .views-item-actions { right:0; padding:0 4px 0 14px; border-radius:0 7px 7px 0; background:linear-gradient(90deg, rgba(234,241,252,0), #eaf1fc 14px); }
#workspace-sidebar.unified-work-sidebar .views-item-row:has(> .views-item.is-current) .views-item-actions, #workspace-sidebar.unified-work-sidebar .views-item-row:has(> .views-item[aria-current="page"]) .views-item-actions { background:linear-gradient(90deg, rgba(194,217,251,0), #c2d9fb 14px); }

/* Pin 98: a long name scrolls slowly on hover so it can be read. */
#workspace-sidebar .views-item > span > i { display:inline; font-style:normal; white-space:nowrap; }
#workspace-sidebar .views-item.is-scrolling > span { text-overflow:clip; }
#workspace-sidebar .views-item.is-scrolling > span > i { display:inline-block; font-style:normal; animation:sidebar-marquee var(--marquee-duration, 4s) linear .6s infinite alternate; }
@keyframes sidebar-marquee { to { transform:translateX(calc(-1 * var(--scroll, 0px))); } }

/* Pin 93: Recents is a collapsible group, collapsed by default. */
#workspace-sidebar .work-folder-label > button[data-work-recents-collapse] { margin-left:auto; }
#workspace-sidebar .work-folder-label > button[data-work-recents-collapse] > svg { width:12px; height:12px; transition:transform .12s; }
#workspace-sidebar .work-folder-label > button[data-work-recents-collapse][aria-expanded="false"] > svg { transform:rotate(-90deg); }

/* Pins 92, 95: a folder heading keeps its name; its actions live in one ⋯ (Rename, New here, Share, Move to trash) on a fade. */
#workspace-sidebar.unified-work-sidebar .library-folder-heading > button:not(:first-child) { display:none; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading > details { position:absolute; right:0; top:0; bottom:0; display:flex; align-items:center; padding:0 6px 0 14px; opacity:0; background:linear-gradient(90deg, rgba(245,249,255,0), #f5f9ff 14px); }
#workspace-sidebar.unified-work-sidebar .library-folder-heading { position:relative; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading:is(:hover, :focus-within) > details, #workspace-sidebar.unified-work-sidebar .library-folder-heading > details[open] { display:flex; opacity:1; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading:is(:hover, :focus-within) > button:first-child { padding-right:28px; }
#workspace-sidebar.unified-work-sidebar .library-folder-heading:is(:hover, :focus-within) small { display:none; }
#workspace-sidebar.unified-work-sidebar .library-folder-more > summary { width:24px; height:24px; }
#workspace-sidebar.unified-work-sidebar .library-folder-more > div > button:disabled { opacity:.5; cursor:default; }
#workspace-sidebar .library-folder-more.opens-up > div { top:auto; bottom:calc(100% + 4px); }
#workspace-sidebar .library-folder:has(.library-folder-more[open]) { position:relative; z-index:30; }

/* Pin 90: the spreadsheet header takes the dashboard header's shape (Adjust, Share, Save, ⋯). */
.sheet-view-tools > button > span { display:none; }

/* Pin 101 (2026-10-26): chat buttons (Open Data, Open Tasks, Open result) are outlined in brand blue; only Create dashboard is the soft green action. */
.conversation-landing .conversation-action:not([data-assistant-artifact]), .conversation-action[data-assistant-artifact].is-created { display:inline-flex; align-items:center; gap:6px; margin:6px 0 0; padding:6px 12px; border:1px solid #b9cdea; border-radius:8px; background:transparent; color:var(--brand-blue, #315f9c); font-size:13px; font-weight:500; box-shadow:none; }
.conversation-landing .conversation-action:not([data-assistant-artifact]):hover, .conversation-action[data-assistant-artifact].is-created:hover { background:#eaf1fc; color:#274b7c; }
.conversation-landing .conversation-action:not([data-assistant-artifact]) svg, .conversation-action[data-assistant-artifact].is-created svg { width:14px; height:14px; }

/* Pin 102: an answer's time sits on the thumbs row, lower right of the card, on hover. */
.conversation-landing .conversation-turn.is-assistant .turn-time { position:absolute; top:auto; bottom:14px; right:16px; margin:0; transform:none; }

/* Pin 106: the hover zone of your message includes the space where Edit, Copy and the time appear, so it never flickers. */
.conversation-landing .conversation-turn.is-user::before { content:""; position:absolute; top:-4px; bottom:-4px; right:100%; width:150px; }

/* Pin 104: Upload file is the Data nav's green button. */
#workspace-sidebar .data-nav-lead { margin-bottom:4px; }
#workspace-sidebar .data-nav-lead > button.data-nav-upload { justify-content:center; margin-bottom:6px; border-radius:8px; background:var(--color-spreadsheet, #137333); color:#fff; font-weight:550; }
#workspace-sidebar .data-nav-lead > button.data-nav-upload:hover { background:#0f5c29; color:#fff; }

/* Pins 107-108 (2026-10-26): Open result is a white outlined button on the green card; checkboxes never grow a focus box. */
.conversation-action[data-assistant-artifact].is-created, .conversation-landing .conversation-action:not([data-assistant-artifact]) { background:#fff; }
.chat-tool-field input[type="checkbox"]:focus, .chat-tool-field input[type="checkbox"]:focus-visible, #app input[type="checkbox"]:focus { outline:none; box-shadow:none; }

/* "Where this came from": the evidence panel beside the chat (2026-10-26). */
.chat-evidence { display:grid; gap:14px; font-size:12px; color:#374151; }
.chat-evidence h4 { margin:0 0 4px; font-size:12px; font-weight:600; color:#111; }
.chat-evidence p { margin:0 0 4px; }
.chat-evidence small { color:#6b7280; }
.chat-evidence-sources p { display:grid; }
.chat-evidence-query { padding-top:12px; border-top:1px solid #eceef0; }
.chat-evidence-query pre { margin:4px 0 6px; padding:8px 10px; border-radius:8px; background:#f6f7f8; font-size:11px; white-space:pre-wrap; word-break:break-word; }
.chat-evidence-query code { padding:1px 4px; border-radius:4px; background:#f3f4f6; font-size:11px; }
.chat-evidence-scroll { max-height:260px; overflow:auto; border:1px solid #e4e5e7; border-radius:8px; margin:6px 0 4px; }
.chat-evidence-table { border-collapse:collapse; font-size:11px; min-width:100%; }
.chat-evidence-table th, .chat-evidence-table td { padding:5px 8px; border-bottom:1px solid #eceef0; text-align:left; white-space:nowrap; }
.chat-evidence-table thead th { position:sticky; top:0; background:#f9fafb; font-weight:600; }
.chat-evidence-cited { margin-top:6px; }
.chat-evidence-cited > span { font-weight:600; color:#111; }