/* Connect Vivid: one palette across personal tools and shared work. */
:root {
  --bg:#f4f7fc; --panel:#fff; --ink:#193047; --muted:#62748b;
  --line:#dde6f0; --accent:#057a60; --accent2:#08a378;
  --wi:#057a60; --wi-dark:#06644f; --wi-deep:#163c3e;
  --wi-soft:#e7f7ee; --wi-faint:#f5f8fc; --wi-line:#e0e6f0;
  --forest:#057a60; --mint:#e7f7ee; --lime:#d9fc6e;
  --purple:#6d4ce8; --violet:#eee8ff; --coral:#f68b67;
  --peach:#fff0e7; --blue:#256fe6; --sky:#e8f2ff; --danger:#b43559;
}
button,input,textarea,select { font-family:inherit; }
.has-connect-icon > svg { width:18px;height:18px;flex:none;vertical-align:middle; }
button.has-connect-icon { display:inline-flex;align-items:center;justify-content:center;gap:7px; }
.workspace-btn .suite-icon > svg { width:22px;height:22px; }
#globalNewBtn::after { content:none; }
body { color:var(--ink);background:radial-gradient(ellipse at 90% 0,#e9e5ff 0,transparent 35%),var(--bg); }
.primary { background:linear-gradient(120deg,#057a60,#05684f);box-shadow:0 5px 14px #057a6024,inset 0 1px 0 #ffffff50; }
.primary:hover { background:linear-gradient(120deg,#066f58,#055e49); }
button:disabled { cursor:not-allowed; }
input:focus-visible,textarea:focus-visible,select:focus-visible { outline:2px solid #8f73e0;outline-offset:2px; }
.vivid-global-topbar { background:#ffffffed;box-shadow:0 4px 18px #32446b05; }
.workspace-btn .suite-icon { padding:6px;background:#e5f6ec;color:#057a60;border-radius:12px;line-height:1.2;transition:transform .15s ease; }
.workspace-btn[data-workspace="mail"] .suite-icon,.workspace-btn[data-workspace="files"] .suite-icon { color:#256fe6;background:#e5efff; }
.workspace-btn[data-workspace="calendar"] .suite-icon { color:#b65130;background:#ffede0; }
.workspace-btn[data-workspace="chat"] .suite-icon { color:#6d4ce8;background:#eee6ff; }
.workspace-btn[data-workspace="notes"] .suite-icon { color:#997114;background:#fff4ce; }
.workspace-btn.active .suite-icon { box-shadow:0 3px 14px #263a5215,inset 0 1px 0 #ffffffbb;transform:translateY(-1px); }
.workspace-btn:focus-visible { outline:3px solid #aa92ef;outline-offset:1px; }
.home-workspace { padding:24px; }
.home-heading h1 { font-size:clamp(23px,2.2vw,34px);color:#1d3843;letter-spacing:-.6px; }
.home-heading p { font-size:13px;color:#6d7c91; }
.home-layout { gap:22px; }
.home-quick-grid { gap:12px; }
.home-chat-quick { border:1px solid #e2e6f0;border-radius:22px;box-shadow:0 7px 25px #2743690b;overflow:hidden; }
.home-chat-quick:nth-child(1) { background:linear-gradient(145deg,#eef7ff,#e2edff); }
.home-chat-quick:nth-child(2) { background:linear-gradient(145deg,#f6efff,#e9e0ff); }
.home-chat-quick:nth-child(3) { background:linear-gradient(145deg,#fff6e9,#ffe9dc); }
.home-chat-quick:nth-child(4) { background:linear-gradient(145deg,#f1fbeb,#e5f4df); }
.home-chat-open { background:transparent;padding:18px; }
.home-chat-open strong { font-size:17px;color:#253a54; }
.home-chat-open small { color:#6d7890;font-size:12px; }
.home-chat-create { background:#ffffff75;border-top:1px solid #ffffffcc;min-height:39px;padding:9px 17px;font-size:12px; }
.home-quick-icon { width:40px;height:40px;border-radius:14px;box-shadow:inset 0 1px 0 #ffffffc0; }
.home-important-card,.home-forward-card,.home-day-card,.home-people-card { border:1px solid #e1e6f0;border-radius:22px;box-shadow:0 6px 25px #27436908; }
.home-focus-card { border-radius:23px;background:linear-gradient(145deg,#174c46,#057a60);box-shadow:0 9px 27px #057a6020; }
.home-focus-card h2,.home-focus-card p { color:#fff; }
.home-focus-card .eyebrow { color:#dafa76; }
.home-coming .home-event { border-inline-start:3px solid #f68b67;border-radius:5px 13px 13px 5px;background:#fff8f0; }
.enterprise-launch { display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #d6c9f6;border-radius:12px;background:linear-gradient(115deg,#f7f2ff,#e9e0ff);color:#6240c5;padding:8px 13px;font-weight:750;font-size:12px;white-space:nowrap;box-shadow:0 3px 12px #6d4ce813;cursor:pointer; }
.enterprise-launch:before { content:'◇';font-size:20px;margin-inline-end:6px;line-height:1; }
.enterprise-panel { width:min(1160px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:22px;border:1px solid #ddd7ef;border-radius:25px;background:#f7f8fe;color:#243a52;overflow:auto;box-sizing:border-box;box-shadow:0 30px 100px #1c294638; }
.enterprise-panel::backdrop { background:#15264169;backdrop-filter:blur(6px); }
.enterprise-heading { display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 0 17px;border-bottom:1px solid #e3e4ef;margin-bottom:12px; }
.enterprise-heading .eyebrow { font-size:10px;letter-spacing:.1em;color:#8b73b4; }
.enterprise-panel h2 { font-size:23px;letter-spacing:-.4px;margin:2px 0 0; }
.enterprise-panel h3 { font-size:16px;margin:20px 0 12px; }
.enterprise-heading [data-close] { font-size:24px;width:42px;height:42px;padding:0;border-radius:13px;background:#eee9fa;border-color:#e1d9f3;color:#72529e; }
.enterprise-panel button { border:1px solid #dce1ed;border-radius:11px;background:#fff;color:#5d448c;padding:9px 12px;min-height:39px;font:inherit;font-size:12px;cursor:pointer; }
.enterprise-panel button:hover { background:#f2edfe;border-color:#ccc0ef; }
.enterprise-panel button:disabled { opacity:.55;cursor:not-allowed; }
.enterprise-panel button:focus-visible { outline:3px solid #bba3f2;outline-offset:2px; }
.enterprise-panel .primary { background:linear-gradient(120deg,#7f56ec,#6240cf);border-color:#6d4ce8;color:#fff;font-weight:750;box-shadow:0 5px 14px #6d4ce822; }
.enterprise-panel .primary:hover { background:#6240cf; }
.enterprise-breadcrumbs { display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:0 0 14px;font-size:12px;color:#8890a6; }
.enterprise-breadcrumbs button { border:0;background:transparent;padding:5px;min-height:28px;font-size:11px;color:#7256b2;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.enterprise-breadcrumbs>span[data-user-content] { max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.enterprise-account { margin-inline-start:auto;font-size:10px;color:#8992a5;unicode-bidi:isolate; }
.enterprise-toolbar { display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:13px; }
.enterprise-list-toolbar { align-items:stretch; }
.enterprise-panel label { display:grid;gap:7px;font-size:12px;font-weight:650;color:#536882;margin:13px 0; }
.enterprise-panel label small { font-weight:450;font-size:11px;line-height:1.65;color:#7b899e; }
.enterprise-panel input:not([type="checkbox"]),.enterprise-panel textarea,.enterprise-panel select { width:100%;box-sizing:border-box;padding:11px;border:1px solid #dbe2ee;border-radius:11px;background:#fff;color:#243a52;font:inherit;font-size:13px; }
.enterprise-panel textarea { line-height:1.85;resize:vertical; }
.enterprise-panel input[type="checkbox"] { width:18px;height:18px;accent-color:#6d4ce8;flex-shrink:0; }
.enterprise-panel select { max-width:100%; }
.enterprise-panel .enterprise-check { display:flex;align-items:center;gap:8px;margin:9px 0;font-weight:450; }
.enterprise-list-toolbar>select { width:155px; }
.enterprise-panel .enterprise-search { flex:1 1 250px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dbe2ee;border-radius:12px;margin:0;padding-inline-start:12px; }
.enterprise-search>span { font-size:23px;color:#9787b4; }
.enterprise-panel .enterprise-search input { border:0;border-radius:12px; }
.enterprise-view-toolbar { gap:12px; }
.enterprise-view-toolbar>select { width:155px; }
.enterprise-segments { display:flex;gap:3px;padding:4px;background:#ece9f6;border:1px solid #e5def4;border-radius:13px; }
.enterprise-panel .enterprise-segments button { border:0;border-radius:9px;background:transparent;color:#847797;min-height:32px;font-size:11px;padding:7px 11px; }
.enterprise-panel .enterprise-segments button[aria-pressed="true"] { background:#fff;color:#633bc4;box-shadow:0 2px 6px #3a255416;font-weight:750; }
.enterprise-panel .enterprise-archive-filter { margin-inline-start:auto;color:#77849a;font-size:11px; }
.enterprise-view-caption { color:#9199ad;font-size:11px;margin:4px 0 12px; }
.enterprise-item-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:14px; }
.enterprise-panel .enterprise-item { text-align:start;background:#fff;border:1px solid #e0e4ef;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:9px;min-width:0;box-shadow:0 5px 17px #29355e08;transition:transform .15s ease,box-shadow .15s ease; }
.enterprise-panel .enterprise-item:hover { border-color:#c4b4ee;box-shadow:0 8px 22px #543a8e12;transform:translateY(-2px); }
.enterprise-item-top { display:flex;align-items:center;gap:9px; }
.enterprise-kind-icon { width:36px;height:36px;display:inline-grid;place-items:center;flex-shrink:0;border-radius:12px;background:#ede6fe;color:#7650cf;font-size:22px;box-shadow:inset 0 1px 0 #ffffffcf; }
.kind-task .enterprise-kind-icon,.enterprise-kind-icon.kind-task { color:#138061;background:#e3f7e8; }
.kind-event .enterprise-kind-icon,.enterprise-kind-icon.kind-event { color:#ba6948;background:#fff0e3; }
.kind-file .enterprise-kind-icon,.enterprise-kind-icon.kind-file { color:#3676d1;background:#e8f1ff; }
.kind-note .enterprise-kind-icon,.enterprise-kind-icon.kind-note { color:#a27c1a;background:#fff5cf; }
.enterprise-type-label { color:#8d91a6;font-size:10px; }
.enterprise-role { font-size:10px;color:#7a6b95;padding:3px 7px;background:#f4f1fa;border-radius:6px;margin-inline-start:auto; }
.enterprise-item>strong { font-size:16px;font-weight:750;line-height:1.55;color:#263b56;overflow-wrap:anywhere; }
.enterprise-item>p { font-size:12px;line-height:1.7;color:#7b889e;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;flex:1; }
.enterprise-item>p:empty { display:none; }
.enterprise-item-meta { display:flex;flex-wrap:wrap;gap:5px; }
.enterprise-task-status,.enterprise-priority,.enterprise-upload-needed { display:inline-flex;align-items:center;padding:4px 8px;border-radius:7px;font-size:10px;line-height:1.5; }
.enterprise-task-status { background:#eef2f8;color:#778599; }
.enterprise-task-status.status-in_progress { background:#e8efff;color:#3a6cc1; }
.enterprise-task-status.status-blocked { background:#fff0df;color:#a3691d; }
.enterprise-task-status.status-done { background:#e7f6e8;color:#398052; }
.enterprise-priority { color:#8a93a5;background:#f4f5f9; }
.priority-high { background:#fff0e7;color:#ae6244; }
.priority-urgent { background:#ffedf2;color:#b44163; }
.enterprise-upload-needed { background:#fff0df;color:#a46425;border:1px solid #f3d5a8;font-size:12px; }
.enterprise-task-footer { display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;color:#8b94a7;padding-top:10px;border-top:1px solid #eef0f5; }
.enterprise-task-footer>span[data-user-content] { overflow:hidden;text-overflow:ellipsis;max-width:180px; }
.enterprise-task-footer time { margin-inline-start:auto; }
.enterprise-task-footer .overdue { color:#be496b; }
.enterprise-board { display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:13px;overflow:auto;align-items:start;padding-bottom:8px; }
.enterprise-board-column { border-radius:17px;background:#edf0f7;padding:10px;display:grid;gap:10px; }
.enterprise-board-column>h3 { display:flex;align-items:center;gap:10px;padding:0 3px;margin:3px 0 5px;font-size:13px;color:#75839b; }
.enterprise-board-column>h3>span { margin-inline-start:auto;font-size:11px;padding:3px 7px;border-radius:6px;background:#fff; }
.enterprise-board-column.status-in_progress { background:#eaf0ff; }
.enterprise-board-column.status-blocked { background:#fff2e5; }
.enterprise-board-column.status-done { background:#eaf6ec; }
.enterprise-board .enterprise-item { padding:13px;border-radius:13px; }
.enterprise-board .enterprise-item>strong { font-size:14px; }
.enterprise-board .enterprise-item-top { flex-wrap:wrap; }
.enterprise-board .enterprise-kind-icon { width:26px;height:26px;font-size:17px;border-radius:8px; }
.enterprise-empty { text-align:center;max-width:500px;margin:28px auto;padding:28px 18px;color:#8793a9; }
.enterprise-empty>span { display:inline-grid;place-items:center;width:68px;height:68px;border-radius:23px;background:#ebe3ff;color:#906dd6;font-size:42px; }
.enterprise-empty h3 { margin:15px 0 8px;color:#3b4c68;font-size:19px; }
.enterprise-empty p { font-size:13px;line-height:1.85; }
.enterprise-panel .enterprise-load-more { display:block;margin:20px auto 3px;min-width:150px; }
.enterprise-form-grid { display:grid;grid-template-columns:1fr 1fr;gap:0 18px; }
.enterprise-note { font-size:12px;line-height:1.8;border:1px solid #e0d8f4;border-radius:12px;padding:11px 14px;background:#f1edfc;color:#7b6599; }
.enterprise-upload-box { padding:0 14px;border:1px dashed #c9b7ea;background:#f6f1ff;border-radius:15px; }
.enterprise-upload-box[hidden],[data-kind-fields][hidden] { display:none!important; }
.enterprise-editor-footer { display:flex;justify-content:flex-end;gap:9px;padding-top:15px;margin-top:15px;border-top:1px solid #e2e5ef; }
.enterprise-detail-title { display:flex;align-items:center;gap:13px;margin:20px 0 14px; }
.enterprise-detail-title .enterprise-kind-icon { width:50px;height:50px;border-radius:17px;font-size:29px; }
.enterprise-detail-title>div { min-width:0; }
.enterprise-detail-title h2 { overflow-wrap:anywhere;font-size:25px;line-height:1.55; }
.enterprise-description { white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #e6e9f1;border-radius:16px;padding:19px;margin:16px 0;font-size:14px;line-height:1.9; }
.enterprise-description:empty { display:none; }
.enterprise-task-details { padding:8px 14px;border:1px solid #e2e7f1;border-radius:13px;background:#fff;font-size:12px; }
.enterprise-task-details label { display:flex;align-items:center;gap:10px;margin:0; }
.enterprise-task-details select { width:150px; }
.enterprise-task-details time { margin-inline-start:auto;color:#8490a3;font-size:12px; }
.enterprise-file { display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #e1e7f1;overflow-wrap:anywhere;font-size:13px; }
.enterprise-file>span { display:grid;gap:4px; }
.enterprise-file small { color:#8d96a8;font-size:11px; }
.enterprise-comment { background:#fff;border:1px solid #e5e5f0;border-inline-start:3px solid #b497e3;padding:12px 15px;margin-bottom:10px;border-radius:5px 15px 15px 5px; }
.enterprise-comment p { white-space:pre-wrap;margin:0 0 7px;font-size:13px;line-height:1.85; }
.enterprise-comment small { color:#969eb1;font-size:10px; }
.enterprise-activity { display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;background:#fff;border:1px solid #e6e7f1;border-radius:13px;margin:9px 0;font-size:12px; }
.enterprise-activity>span { color:#aa93cf; }
.enterprise-activity small { margin-inline-start:auto;color:#8d98aa;font-size:11px; }
.enterprise-muted { font-size:12px;color:#939db0;line-height:1.8; }
.enterprise-detail-footer { padding-top:22px;margin-top:20px;border-top:1px solid #e0e5ef; }
.enterprise-detail-footer [data-archive] { color:#8e7093;background:#fff9ff; }
.enterprise-panel [data-status] { position:sticky;bottom:0;padding:10px 14px;border:1px solid #e1daf4;border-radius:11px;background:#f5f1ff;color:#795f9d;font-size:12px;line-height:1.7;box-shadow:0 3px 12px #29355208; }
.enterprise-panel [data-status].danger { border-color:#f0cfda;background:#fff3f7;color:#a73e5d; }
[data-status]:empty { display:none; }
.enterprise-chat-card { display:grid;gap:5px;padding:13px;border:1px solid #d7cbea;border-inline-start:4px solid #9a76df;background:#faf6ff;border-radius:5px 13px 13px 5px;text-align:start;color:#694a9a;max-width:100%;cursor:pointer; }
.enterprise-chat-card small { color:#8e7ea4;overflow-wrap:anywhere; }
@media(max-width:900px) {
  .home-workspace { padding:18px; }
  .home-layout { gap:16px; }
  .enterprise-panel { width:calc(100vw - 22px);padding:17px; }
  .enterprise-board { grid-template-columns:repeat(4,240px); }
}
@media(max-width:680px) {
  .home-workspace { padding:14px; }
  .home-quick-grid { gap:10px; }
  .home-chat-open { padding:13px; }
  .home-chat-open strong { font-size:15px; }
  .home-heading h1 { font-size:25px; }
  .enterprise-panel { width:calc(100vw - 14px);max-height:calc(100dvh - 14px);padding:14px;border-radius:19px; }
  .enterprise-heading { padding-bottom:12px; }
  .enterprise-panel h2 { font-size:20px; }
  .enterprise-form-grid { grid-template-columns:1fr;gap:0; }
  .enterprise-list-toolbar { gap:6px; }
  .enterprise-panel .enterprise-search { flex-basis:100%; }
  .enterprise-list-toolbar>select { flex:1; }
  .enterprise-account { width:100%;margin:0; }
  .enterprise-view-toolbar { gap:8px; }
  .enterprise-panel .enterprise-archive-filter { margin-inline-start:0; }
  .enterprise-segments { flex:1; }
  .enterprise-segments button { flex:1; }
  .enterprise-item-grid { grid-template-columns:1fr; }
  .enterprise-panel input:not([type="checkbox"]),.enterprise-panel textarea,.enterprise-panel select { font-size:16px; }
  .enterprise-board { grid-template-columns:repeat(4,minmax(230px,78vw)); }
  .enterprise-file { align-items:flex-start; }
  .enterprise-file button { flex-shrink:0; }
  .enterprise-task-details label { width:100%; }
  .enterprise-task-details select { flex:1; }
  .enterprise-launch { min-height:36px;font-size:11px;padding:6px 9px; }
}
@media(prefers-reduced-motion:reduce) {
  .enterprise-panel *, .workspace-btn *, .home-workspace * { transition:none!important;animation:none!important;scroll-behavior:auto!important; }
}

.enterprise-delivery-review { margin-top:16px;padding:14px;border:1px solid #d9c7fb;border-radius:14px;background:#f5f0ff; }
.enterprise-delivery-review h4 { margin:0;font-size:13px;color:#61429b; }
.enterprise-delivery-review p,.enterprise-delivery-review li { font-size:12px;line-height:1.7;overflow-wrap:anywhere; }
.enterprise-delivery-review ul { margin:8px 0 0;padding-inline-start:20px;max-height:210px;overflow:auto; }
.enterprise-delivery-review small { display:block;color:#737c91; }

.enterprise-member { flex-wrap:wrap; }
.enterprise-member>span { flex:1 1 200px;min-width:0; }
.enterprise-member>select { width:auto;flex:1 1 140px;min-width:100px; }
.enterprise-member>button { flex-shrink:0;overflow-wrap:normal; }

.enterprise-calendar { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:16px 0; }
.enterprise-calendar>button { min-height:54px;min-width:0;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center; }
.enterprise-calendar>button[aria-pressed="true"] { background:#e3f8ef;border-color:#057a60;color:#152c40; }
.enterprise-calendar-weekday { text-align:center;font-size:12px;overflow-wrap:anywhere; }