.connect-brand-mark{width:40px;height:40px;object-fit:contain;flex:none}
.brand-mark.connect-brand{background:transparent;box-shadow:none;border-radius:0;width:64px;height:64px}
.brand-mark.connect-brand img{width:100%;height:100%}
.suite-rail .brand-mark.connect-brand{width:38px;height:38px}
.mobile-logo{align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1px}
.context-brand{display:flex;align-items:center;gap:8px}
.context-brand .connect-brand-mark{width:36px;height:36px}
.suite-mobile-brand .connect-brand-mark{width:36px;height:36px}
.login-card .mobile-logo{display:flex;margin-bottom:18px;color:#142e42}
#connectSearchDialog{padding:0;border:1px solid #dce6e9;border-radius:20px;width:min(680px,calc(100vw - 24px));max-height:min(720px,calc(100dvh - 32px));color:#142e42;background:#fff;box-shadow:0 24px 90px #092f3e35}
#connectSearchDialog::backdrop{background:#112d4455}
.connect-search-form{display:flex;gap:8px;align-items:center;padding:14px;border-bottom:1px solid #e4ecee}
.connect-search-form input{flex:1;min-width:0;border:0;padding:10px;background:#f4f8f8;border-radius:10px;font-size:16px}
.connect-search-form button{border:0;background:#e2f4ef;color:#006e60;padding:10px;border-radius:10px}
.connect-search-filters{display:flex;gap:6px;overflow-x:auto;padding:12px 14px 4px}
.connect-search-filters button{border:0;border-radius:8px;padding:8px 11px;white-space:nowrap;background:#f3f6f7;color:#4a6471}
.connect-search-filters button[aria-pressed=true]{background:#008775;color:#fff}
.connect-search-account{display:block;padding:8px 16px 12px;color:#5b717a;overflow-wrap:anywhere}
.connect-search-results{padding:8px 16px 16px;max-height:480px;overflow-y:auto}
.connect-search-results section{margin-bottom:16px}.connect-search-results h3{font-size:13px;margin:10px 0;color:#008775}.connect-search-results p,.connect-search-results small{font-size:12px;color:#617681}
.connect-search-hit{display:grid;gap:4px;width:100%;text-align:start;padding:12px;border:0;border-radius:10px;background:#fff;color:inherit;overflow-wrap:anywhere}
.connect-search-hit:hover{background:#eff8f5}.connect-search-hit strong{font-size:14px}.connect-search-hit span{font-size:12px;color:#617681}
@media(max-width:480px){.connect-search-form{gap:4px;padding:10px}.connect-search-form button{padding:10px 8px}.connect-search-results{max-height:55dvh}}

#connectSearchDialog,#connectSearchDialog *{box-sizing:border-box}

/* Separate the two equally usable sign-in choices. */
#loginForm #wiunixIdLogin{text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:12px;padding:13px 18px;border:1px solid #b9dfd2;border-radius:14px;background:#edf8f3;color:#076b55;font-size:14px;font-weight:650;line-height:1.5;cursor:pointer;box-shadow:none;transition:background .15s,border-color .15s}
#loginForm #wiunixIdLogin:hover{background:#e0f3e9;border-color:#78bda5}
#loginForm #wiunixIdLogin:focus-visible{outline:3px solid #a6d9c7;outline-offset:3px}
#loginForm #wiunixIdLogin::before{content:"";width:19px;height:21px;flex:none;border:1.8px solid currentColor;border-radius:9px 9px 12px 12px;background:radial-gradient(circle at 50% 32%,currentColor 2px,transparent 2.5px),radial-gradient(ellipse at 50% 100%,currentColor 5px,transparent 5.5px)}

#vividNotificationBtn{overflow:visible}
#vividNotificationBtn.has-notifications::after{top:-5px;right:-6px;min-width:21px;height:21px;display:block;padding:0 5px;border:2px solid white;line-height:17px;font:700 10px/17px system-ui,sans-serif;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;pointer-events:none}
#connectNotificationActions{border-block:1px solid #e4ece8;padding:10px 2px;display:grid;gap:8px}
#connectNotificationActions label{display:flex;align-items:center;gap:8px;font-size:12px;color:#526b61}
#connectNotificationActions>div{display:flex;gap:6px;flex-wrap:wrap}
#connectNotificationActions button{border:1px solid #d4e8df;background:#edf8f3;color:#076b55;border-radius:8px;padding:7px 8px;font:inherit;font-size:11px;font-weight:600;line-height:1.4;cursor:pointer}
#connectNotificationActions button:disabled{opacity:.45;cursor:default}
.connect-notification-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e8eeeb;padding:3px}
.connect-notification-row>input{flex:none;accent-color:#08795b}
.connect-notification-row>button{min-width:0;flex:1;display:grid;gap:5px;border:0;background:transparent;text-align:start;padding:12px 3px;cursor:pointer}
.connect-notification-row>button strong,.connect-notification-row>button span{overflow-wrap:anywhere}
.connect-notification-row>button:hover{background:#f2faf6}

/* Owner-approved workspace redesign: shared header, task cards and controls. */
.workspace{--tool-accent:#087d65}#calendarWorkspace{--tool-accent:#2675d5}#peopleWorkspace{--tool-accent:#d56c35}#notesWorkspace{--tool-accent:#9a60ce}#chatWorkspace{--tool-accent:#8060ce}#filesWorkspace{--tool-accent:#258bb3}
.workspace>.suite-topbar{margin:14px 16px;border:1px solid color-mix(in srgb,var(--tool-accent) 22%,white);border-radius:22px;background:linear-gradient(120deg,color-mix(in srgb,var(--tool-accent) 10%,white),#fff);padding:20px;gap:16px;min-height:100px;flex-wrap:wrap;box-shadow:0 5px 16px #183d6710}
.workspace>.suite-topbar h2{color:var(--tool-accent);font-size:23px;letter-spacing:-.4px}.workspace>.suite-topbar input[type=search]{border:1px solid #dce4ed;border-radius:14px;padding:12px 15px;background:white;font-size:14px;min-height:44px}
button:is([id^=refresh][id$=Btn],[data-refresh],.vivid-refresh){color:white!important;background:linear-gradient(135deg,var(--tool-accent,#087d65),color-mix(in srgb,var(--tool-accent,#087d65) 75%,white))!important;border:1px solid #ffffff70!important;border-radius:14px!important;min-width:46px;min-height:46px;box-shadow:0 4px 0 color-mix(in srgb,var(--tool-accent,#087d65) 25%,transparent);font-size:23px!important;line-height:1;display:inline-grid;place-items:center}button:is([id^=refresh][id$=Btn],[data-refresh],.vivid-refresh):disabled{opacity:.5}
.tasks-list{padding:14px;background:#f3f7fc}.task-row{border:1px solid #cee6e8;border-inline-start:5px solid #1196ac!important;border-radius:18px!important;margin-bottom:12px;background:linear-gradient(115deg,#fff,#eef8fa)!important;padding:16px!important;box-shadow:0 4px 0 #1482930c;gap:12px!important}.task-row:nth-child(3n+2){border-inline-start-color:#8b62cf!important;background:linear-gradient(115deg,#fff,#f6f0fc)!important}.task-row:nth-child(3n){border-inline-start-color:#13836b!important;background:linear-gradient(115deg,#fff,#edf8f2)!important}.task-row.active{outline:2px solid #0c947a;outline-offset:2px}.task-copy strong{font-size:15px!important;white-space:normal!important}.task-copy>span{font-size:12px}.task-check{border-radius:10px!important;width:30px!important;height:30px!important;background:#e3f3f4!important;border-color:#57aebc!important}.task-copy progress{width:100%;height:6px;accent-color:#1196ac}.task-tag{font-style:normal;background:#e6f3f8;color:#13718c;border-radius:8px;padding:4px 7px}.task-priority.high{background:#fff0d4;color:#99630b}.task-due{background:#e2f5ef;padding:5px 7px;border-radius:8px}.task-due.overdue{background:#ffebea;color:#b73643}
.task-editor,.note-editor{background:#fff!important}.task-form label{font-size:13px;color:#3c5369;gap:8px}.task-form :is(input,select,textarea),.enterprise-dialog :is(input,select,textarea){border:1px solid #d6e1ed;border-radius:12px;background:#f8fbff;min-height:44px;padding:11px;font:inherit;color:#243a50}.task-form :is(input,select,textarea):focus{outline:3px solid #0d967b22;border-color:#0d967b}.task-fields{gap:16px}.task-checklist-section{padding:16px;border-radius:16px;background:#f0f8f5;border:1px solid #d6eae2}
.note-row{border-radius:14px!important;margin:8px!important;width:calc(100% - 16px)!important;border:1px solid #e6dcf3!important;background:linear-gradient(115deg,#fff,#faf5ff)!important}.note-row p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.enterprise-list-toolbar{border-radius:18px;background:linear-gradient(110deg,#f0eafa,#fff);padding:16px!important;gap:12px!important}.enterprise-card{border-radius:18px!important;border-color:#ddd5ee!important;box-shadow:0 4px 14px #533e7b0a}
@media(max-width:680px){.workspace>.suite-topbar{margin:8px;padding:16px;gap:12px;border-radius:18px}.workspace>.suite-topbar .suite-search{order:3;flex:1 1 100%;width:100%}.workspace>.suite-topbar .suite-actions{margin-inline-start:auto}.tasks-layout{height:calc(100dvh - 225px)}.task-row{grid-template-columns:30px minmax(0,1fr)!important}.task-row .task-meta{grid-column:2;display:flex;flex-wrap:wrap;justify-content:flex-start}.task-editor{overflow:auto}.task-form{gap:18px}}

.chat-staged-preview{width:56px;height:56px;object-fit:cover;border-radius:10px;flex:none}.chat-file-chip{max-width:100%;overflow-wrap:anywhere}

.workspace:not(#mailWorkspace)>.suite-topbar .suite-search{display:flex!important;min-width:0}.workspace:not(#mailWorkspace)>.suite-topbar .suite-actions{display:flex!important;position:static!important;inset:auto!important;padding:0!important;align-items:center}.workspace:not(#mailWorkspace)>.suite-topbar .suite-action{display:inline-flex!important;align-items:center;justify-content:center}.workspace:not(#mailWorkspace)>.suite-topbar .suite-search input{width:100%;min-width:0}@media(max-width:680px){.workspace:not(#mailWorkspace)>.suite-topbar>div:first-child{flex:1 1 40%}.workspace:not(#mailWorkspace)>.suite-topbar .suite-actions{order:2}.workspace:not(#mailWorkspace)>.suite-topbar .suite-search{order:3}}

.workspace:not(#mailWorkspace)>.suite-topbar{height:auto!important;flex-shrink:0!important}.tasks-layout{flex:1;min-height:0;height:auto!important}

.connect-access{max-width:1040px;margin:0 auto;padding:16px;display:grid;gap:20px}.access-heading{padding:20px;border-radius:20px;background:linear-gradient(115deg,#eee7ff,#fff);display:flex;align-items:center;gap:20px}.access-heading h2{margin:0;color:#553ab1}.access-heading p{margin:6px 0;color:#6f6b83}.access-filters{display:flex;gap:12px;flex-wrap:wrap}.access-filters input{flex:1;min-width:180px}.connect-access :is(input,select,textarea){padding:12px;border-radius:12px;border:1px solid #dcdfee;background:#fff;min-height:44px;font:inherit}.access-member{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid #e5e0f0;border-radius:18px;padding:16px;margin-bottom:12px}.access-member[hidden]{display:none}.access-avatar{width:44px;height:44px;border-radius:14px;background:#eee7ff;color:#6343b9;display:grid;place-items:center;font-weight:700;flex:none}.access-identity{display:grid;gap:6px;flex:1;min-width:130px;overflow-wrap:anywhere}.access-identity>span,.access-identity small{font-size:13px;color:#6b7280}.access-role{padding:7px 10px;border-radius:9px;background:#e9f6ef;color:#147357;font-size:12px;font-weight:600}.access-role.owner{background:#eee7ff;color:#6945c0}.access-role.manager{background:#e7f0fe;color:#286cb9}.access-role.viewer{background:#eff2f5;color:#617181}.access-menu{position:relative}.access-menu summary{cursor:pointer;padding:8px 14px;font-size:23px;list-style:none}.access-menu>div{position:absolute;inset-inline-end:0;top:100%;background:white;z-index:3;border:1px solid #ded7eb;box-shadow:0 10px 30px #30205020;border-radius:14px;padding:12px;min-width:200px;display:grid;gap:10px}.connect-access details:not(.access-menu),.access-invite,.access-pending,.access-danger{padding:20px;background:#fff;border:1px solid #e4dff0;border-radius:18px}.connect-access summary{cursor:pointer;font-weight:600;color:#6442b6}.connect-access form{display:grid;gap:16px;margin-top:16px}.connect-access label{display:grid;gap:8px}.access-form-actions{display:flex;gap:12px;flex-wrap:wrap;padding-top:8px}.access-danger{border-color:#f1d5d8;background:#fff8f8}.access-danger h3{color:#a33c4d}.connect-access .danger-text{color:#b53145!important;background:#fff0f1!important;border-color:#f1c9d0!important}.connect-access .primary{background:#744ac7;color:white;border-radius:12px;padding:12px 18px}.access-help p{line-height:1.8}@media(max-width:520px){.connect-access{padding:10px}.access-member{gap:10px;padding:14px}.access-role{margin-inline-start:auto}.access-pending .access-member select{max-width:140px}}

.note-editor img{display:block;max-width:100%;max-height:380px;object-fit:contain;border-radius:14px;margin:16px 0}.note-files{padding:16px;border-top:1px solid #ddd8f1}.note-file{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px;border-radius:12px;background:#f2efff;margin:8px 0}.note-file>span{flex:1;overflow-wrap:anywhere;min-width:100px}.note-file button{border:1px solid #ddd8f1;background:#fff;border-radius:9px;padding:8px;color:#6847ca}

.note-title-row{flex-wrap:wrap;gap:12px;flex-shrink:0}.note-title-row>input{min-width:0;width:100%;flex:1 1 100%}.note-title-row>.note-status{flex:1 1 100%}.note-editor-shell{overflow:auto}.note-editor-shell .note-editor{min-height:220px;flex:1 0 240px}.note-title-row>button{min-height:40px}.note-title-row .note-tags-input{padding:10px 12px;border:1px solid #e0d9ef;border-radius:10px}#notesWorkspace>.suite-topbar select,#tasksWorkspace>.suite-topbar select{max-width:200px;min-height:40px;border:1px solid #ddd7eb;border-radius:10px;background:#fff;color:#5b4976;padding:8px;font:inherit}

@media(max-width:680px){.note-editor-shell,.people-detail{inset:78px 0 calc(66px + env(safe-area-inset-bottom))}.note-title-row{padding-top:12px}}

@media(max-width:900px){#appView.suite-shell{padding-top:0!important}}