/* The real workspace remains visible beneath a focused, accessible dialog. */
dialog.workspace-tour{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#202126;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;z-index:2147483000}
.workspace-tour::backdrop{background:transparent;backdrop-filter:none}.workspace-tour *{box-sizing:border-box}.workspace-tour .tour-shade{position:absolute;inset:0;background:#20252d6b;transition:opacity .3s}.workspace-tour[data-anchored=true] .tour-shade{opacity:0}.workspace-tour .tour-ring{position:fixed;border:1.5px solid #fff;border-radius:15px;box-shadow:0 0 0 9999px #20252d6b,0 0 0 5px #ffffff24;pointer-events:none}.workspace-tour [hidden]{display:none!important}
.workspace-tour .tour-panel{position:fixed;width:364px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border:1px solid #ffffffdc;border-radius:25px;background:linear-gradient(145deg,#fffffffa,#f9f9fcf7);box-shadow:0 24px 90px #17203730,0 2px 8px #1720370d;backdrop-filter:blur(24px);animation:tour-arrive .38s cubic-bezier(.2,.8,.2,1) both;text-align:left}.workspace-tour .tour-welcome{width:480px}.workspace-tour .tour-top{display:flex;align-items:center;justify-content:space-between;padding:19px 22px 0;gap:12px}.workspace-tour .tour-top>span{display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:1.45px;font-weight:650;color:#7a7d84}.workspace-tour .tour-top i{width:3px;height:3px;background:#adafb5;border-radius:50%}.workspace-tour button{font:inherit;cursor:pointer;letter-spacing:normal;text-transform:none}.workspace-tour .tour-top button{display:grid;place-items:center;flex:none;width:27px;height:27px;padding:0;border:0;border-radius:50%;background:#e9e9ed;color:#666971;font-size:21px;font-weight:300;line-height:1}.workspace-tour .tour-body{padding:0 24px}.workspace-tour .tour-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#777d87;margin:0 0 10px}.workspace-tour h2{font-family:inherit;font-size:28px;line-height:1.09;letter-spacing:-1.1px;font-weight:650;color:#202126;margin:0;outline:none;text-transform:none}.workspace-tour .tour-welcome h2{font-size:39px;letter-spacing:-1.65px;max-width:360px}.workspace-tour ul{padding:0;margin:17px 0 3px;list-style:none;display:grid;gap:10px}.workspace-tour li{position:relative;padding-left:13px;font-size:13px;line-height:1.55;color:#646873;letter-spacing:-.1px}.workspace-tour li:before{content:'';position:absolute;left:0;top:8px;width:3px;height:3px;border-radius:50%;background:#9da3b0}.workspace-tour .tour-context{font-size:11px;line-height:1.5;color:#727783;margin:12px 0 0;padding:9px 11px;background:#edeff4;border-radius:9px}.workspace-tour .tour-error{font-size:12px;color:#ac352e;margin:10px 0 0}.workspace-tour .tour-error:empty{display:none}.workspace-tour .tour-footer{padding:22px 24px 20px}.workspace-tour .tour-progress{height:2px;background:#e3e4e9;border-radius:3px;overflow:hidden;margin-bottom:17px}.workspace-tour .tour-progress i{display:block;height:100%;background:linear-gradient(90deg,#8c9fbf,#485b7a);transition:width .4s}.workspace-tour .tour-controls{display:flex;gap:7px;align-items:center}.workspace-tour .tour-controls button{border:0;border-radius:10px;padding:10px 12px;font-size:11px;font-weight:600;background:#ebecef;color:#575c66;white-space:nowrap}.workspace-tour .tour-controls .tour-next{background:#25272d;color:white;box-shadow:0 3px 7px #00000015}.workspace-tour .tour-controls .tour-explore{margin-right:auto;padding-left:0;background:none;color:#7a7e88;font-size:10px;font-weight:400}.workspace-tour button:focus-visible{outline:3px solid #638bc2;outline-offset:3px}.workspace-tour button:disabled{opacity:.35;cursor:default}.workspace-tour[aria-busy=true] .tour-next{opacity:.5}.workspace-tour .tour-visual{position:relative;margin:15px 24px 21px;height:113px;overflow:hidden;border:1px solid #e9eaf0;border-radius:17px;background:radial-gradient(ellipse at 25% 10%,#e6e9f5,transparent 70%),linear-gradient(135deg,#f3f4f8,#e9edf4);color:#5d6a83}.workspace-tour .tour-welcome .tour-visual{height:162px;margin-top:22px}.workspace-tour .tour-example{position:absolute;bottom:7px;right:11px;font-size:7px;letter-spacing:.7px;color:#8b93a4}.workspace-tour .tour-demo{height:100%;position:relative;display:flex;align-items:center;justify-content:center}.workspace-tour .tour-flow{padding:0 14px;gap:0}.workspace-tour .tour-flow>span{position:relative;flex:1;text-align:center;animation:tour-item-in .65s both;animation-delay:calc(var(--n)*.12s)}.workspace-tour .tour-flow i{width:38px;height:38px;display:grid;place-items:center;margin:auto auto 8px;background:#ffffffbb;border:1px solid #fff;border-radius:12px;box-shadow:0 4px 10px #34496c0b;font-style:normal;font-size:19px}.workspace-tour .tour-flow b{font-size:8px;font-weight:500}.workspace-tour .tour-flow-line{position:absolute;left:15%;right:15%;top:calc(50% - 8px);height:1px;background:#aebacf;transform-origin:left;animation:tour-line 1.2s .2s both}.workspace-tour .tour-welcome .tour-flow i{width:52px;height:52px;border-radius:16px;font-size:24px}.workspace-tour .tour-welcome .tour-flow b{font-size:10px}.workspace-tour .tour-symbol{position:relative;z-index:1;display:grid;place-items:center;width:63px;height:63px;border-radius:18px;background:#ffffffbd;border:1px solid white;box-shadow:0 10px 24px #354a6a12;animation:tour-item-in .7s both}.workspace-tour .tour-symbol svg{width:37px;height:37px}.workspace-tour .tour-symbol-orbit{position:absolute;width:115px;height:115px;border:1px solid #ffffffb0;border-radius:50%;transform:rotateX(55deg) rotate(-20deg)}.workspace-tour .tour-demo-upload{gap:14px;flex-wrap:wrap;padding:17px 29px 25px;justify-content:flex-start}.workspace-tour .tour-demo-upload .tour-symbol{width:48px;height:48px;border-radius:14px}.workspace-tour .tour-upload-track{height:5px;flex:1;background:#d6deeb;border-radius:8px;overflow:hidden}.workspace-tour .tour-upload-track i{display:block;width:100%;height:100%;background:#7e99b1;transform-origin:left;animation:tour-line 1.8s .3s both}.workspace-tour .tour-demo-upload small{position:absolute;left:93px;top:66px;font-size:9px;color:#778394}.workspace-tour .tour-film{display:flex;gap:4px;width:86%;height:45px}.workspace-tour .tour-film i{flex:1;border-radius:4px;background:linear-gradient(140deg,#b7c5d7,#dce2ec 60%,#adbbcf)}.workspace-tour .tour-playhead{position:absolute;height:63px;left:47%;width:2px;top:29px;background:#536d94;animation:tour-scrub 1.3s both}.workspace-tour .tour-note{position:absolute;left:29%;top:13px;padding:6px 9px;border:1px solid #fff;background:#ffffffed;border-radius:8px;font-size:8px;box-shadow:0 5px 10px #0000000b;animation:tour-item-in .4s 1s both}.workspace-tour .tour-calendar-days{width:86%;display:flex;gap:6px}.workspace-tour .tour-calendar-days>span{flex:1;text-align:center;font-size:8px;color:#8993a3}.workspace-tour .tour-calendar-days b{display:block;padding:12px 0 17px;background:#ffffff80;border:1px solid #fff;border-radius:9px;font-size:12px;font-weight:400;margin-top:7px}.workspace-tour .tour-scheduled{position:absolute;left:29%;top:65px;background:#6b829e;color:#fff;border:1px solid #9eafc4;font-size:8px;padding:6px 10px;border-radius:6px;animation:tour-item-in .6s .5s both}.workspace-tour .tour-chart{gap:9px;align-items:flex-end;padding:14px 37px 26px}.workspace-tour .tour-chart i{height:var(--bar);flex:1;background:linear-gradient(#7890b2,#b7c6dd);border-radius:4px 4px 0 0;transform-origin:bottom;animation:tour-bar .8s both;animation-delay:calc(var(--n)*.07s)}.workspace-tour .tour-chart>span,.workspace-tour .tour-wave>span{position:absolute;bottom:11px;left:20px;font-size:8px;color:#7d889b}.workspace-tour .tour-wave{gap:5px;padding-bottom:14px}.workspace-tour .tour-wave i{width:5px;height:var(--bar);background:#8397b5;border-radius:4px;animation:tour-wave 1.8s ease-in-out 2;animation-delay:calc(var(--n)*.04s)}.workspace-tour .tour-chat-dot{width:6px;height:6px;border-radius:50%;background:#8c9db7;margin-left:7px;animation:tour-item-in .5s .4s both}.workspace-tour .tour-library{width:430px}.workspace-tour .tour-library .tour-body{padding:25px}.workspace-tour .tour-library-intro{font-size:12px;line-height:1.5;color:#7b808a;margin:14px 0 21px}.workspace-tour .tour-topics{display:grid;gap:8px}.workspace-tour .tour-topics button{display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid #e4e7ed;border-radius:13px;padding:13px 15px;background:#ffffffb0;color:#303744}.workspace-tour .tour-topics strong{display:block;font-size:13px;font-weight:600}.workspace-tour .tour-topics small{display:block;font-size:10px;color:#7d8592;margin:5px 0}.workspace-tour .tour-topics em{font-style:normal;font-size:9px;color:#9399a4}.workspace-tour .tour-topics b{font-weight:400;color:#8190a5}
@keyframes tour-arrive{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}@keyframes tour-item-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes tour-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tour-bar{from{transform:scaleY(.05)}to{transform:scaleY(1)}}@keyframes tour-scrub{from{left:15%}to{left:47%}}@keyframes tour-wave{50%{transform:scaleY(.4)}}
@media(max-width:680px){.workspace-tour .tour-panel{width:calc(100vw - 32px);border-radius:23px;max-height:calc(100dvh - 32px)}.workspace-tour .tour-top{padding:15px 20px 0}.workspace-tour .tour-visual{height:90px;margin:12px 20px 16px}.workspace-tour .tour-body{padding:0 20px}.workspace-tour h2{font-size:26px}.workspace-tour .tour-welcome h2{font-size:34px}.workspace-tour .tour-welcome .tour-visual{height:136px}.workspace-tour li{font-size:12px}.workspace-tour .tour-footer{padding:18px 20px}.workspace-tour .tour-controls button{padding:10px}.workspace-tour .tour-library .tour-body{padding:22px 20px}.workspace-tour .tour-demo-upload small{top:60px}.workspace-tour .tour-note{top:7px}.workspace-tour .tour-playhead{top:20px;height:57px}.workspace-tour .tour-calendar-days b{padding:8px 0 13px}.workspace-tour .tour-scheduled{top:55px}}
@media(max-height:600px){.workspace-tour .tour-visual{height:65px;margin-bottom:12px}.workspace-tour .tour-welcome .tour-visual{height:85px}.workspace-tour h2{font-size:24px}.workspace-tour .tour-welcome h2{font-size:28px}.workspace-tour .tour-footer{padding-top:13px}.workspace-tour ul{gap:6px;margin-top:12px}.workspace-tour .tour-example{display:none}}
@media(prefers-reduced-motion:reduce){.workspace-tour *,.workspace-tour *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(prefers-reduced-transparency:reduce){.workspace-tour .tour-panel{background:#fafbfe;backdrop-filter:none}.workspace-tour .tour-ring{box-shadow:0 0 0 9999px #303846d9}.workspace-tour .tour-shade{background:#303846d9}}
/* Page-by-page tour: calm transitions and miniature product demonstrations. */
.workspace-tour .tour-panel{width:370px;animation:none;border-radius:26px;background:linear-gradient(145deg,#fffffffd,#f7f8fcfc)}
.workspace-tour .tour-introduction{width:490px}.workspace-tour .tour-introduction h2{font-size:36px;letter-spacing:-1.45px;line-height:1.08}.workspace-tour .tour-top{padding-top:17px}.workspace-tour .tour-body{padding:0 24px}.workspace-tour h2{font-size:27px;letter-spacing:-.95px}.workspace-tour .tour-visual{height:162px;margin:16px 20px 21px;border-radius:19px;background:radial-gradient(ellipse at 15% 0%,#e9e6f2,transparent 70%),linear-gradient(135deg,#f0f3f7,#e3eaf1)}.workspace-tour .tour-introduction .tour-visual{height:202px;margin:20px 24px 25px}.workspace-tour .tour-demo{display:block;padding:20px 18px;overflow:hidden;font-family:inherit;isolation:isolate}.workspace-tour .tour-example{bottom:6px;right:auto;left:13px;font-size:7px;letter-spacing:.9px;color:#8992a2}.workspace-tour .tour-replay{position:absolute;right:9px;bottom:6px;border:0;background:#ffffffa8;color:#74839a;border-radius:50%;width:24px;height:24px;padding:0;font-size:16px}.workspace-tour .tour-footer{padding-top:20px}.workspace-tour .tour-chapter-progress{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8c939d;margin:0 0 9px}.workspace-tour .tour-controls{gap:6px}.workspace-tour .tour-controls .tour-explore{margin-right:0}.workspace-tour .tour-controls .tour-skip{margin-right:auto;background:none;padding-left:3px;padding-right:3px;color:#9399a3;font-size:10px;font-weight:400}.workspace-tour .tour-controls .tour-explore:last-of-type{margin-right:auto}.workspace-tour[data-moving=true] .tour-panel{opacity:0;pointer-events:none}.workspace-tour[data-moving=true] .tour-ring{opacity:0}.workspace-tour[data-moving=true] .tour-shade{opacity:1!important}.workspace-tour .tour-ring{transition:opacity .3s}.workspace-tour[data-moving=true] .tour-demo *{animation-play-state:paused!important}.workspace-tour .tour-library{width:445px}.workspace-tour .tour-library .tour-topics{gap:7px}.workspace-tour .tour-topics button{padding:11px 14px}.workspace-tour .tour-topics button:hover{border-color:#bdc9d9;background:#f2f5fa}
/* Dashboard: summary first, then the actionable details. */
.demo-workspace,.demo-todo,.demo-document,.demo-project,.demo-report{position:relative;background:#ffffffeb;border:1px solid #fff;border-radius:12px;box-shadow:0 12px 25px #69789513;color:#576579;overflow:hidden}
.demo-workspace{padding:12px 13px;transform-origin:50% 20%;animation:demo-surface-in 950ms cubic-bezier(.16,1,.3,1) both}.demo-workspace header,.demo-todo header,.demo-document header,.demo-project header,.demo-report header{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:600}.demo-workspace header b{font-size:8px;color:#969eab;font-weight:400}.demo-summary{display:flex;gap:6px;margin-top:11px}.demo-summary>span{background:#edf1f7;border-radius:6px;flex:1;padding:6px;font-size:6px;white-space:nowrap;animation:demo-row-in .8s .2s both}.demo-summary b{font-size:11px;margin-right:3px;color:#4d6689}.demo-daily{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin-top:11px}.demo-daily small{font-size:5px;letter-spacing:.6px;color:#a0a8b4}.demo-daily p{font-size:6px;margin:5px 0;padding:4px 0;border-bottom:1px solid #f1f3f6;white-space:nowrap}.demo-daily p i{float:right;font-style:normal;color:#8b9ab0}.demo-daily p b{font-size:5px;font-weight:400;color:#939dad;margin-right:4px}.scene-priorities .demo-priority{animation:demo-highlight 5.5s .7s both}.scene-schedule .demo-daily>div:last-child{animation:demo-highlight 5.5s .7s both}.demo-pointer{position:absolute;left:49%;top:72%;width:12px;height:17px;clip-path:polygon(0 0,100% 62%,60% 68%,42% 100%);background:#647997;border:2px solid white;filter:drop-shadow(0 1px 1px white);opacity:0;animation:demo-pointer 5s .6s both;z-index:4}.demo-week{display:none;gap:6px;margin-top:10px}.demo-week>span{flex:1;background:#ffffffca;border:1px solid #fff;border-radius:8px;text-align:center;font-size:7px;padding:6px 0;color:#8b96a6}.demo-week b{display:block;margin:4px 0;font-size:10px;color:#617188}.demo-week i{display:block;margin:auto;width:65%;height:4px;border-radius:3px;background:#9badc6}.scene-week .demo-workspace{animation:demo-dashboard-lift 6s both}.scene-week .demo-week{display:flex;position:absolute;bottom:25px;left:19px;right:19px;animation:demo-row-in 1s 1.3s both}.scene-week .demo-pointer{display:none}
/* To-dos: adding, grouping, sharing, and checking off sample work. */
.demo-todo{padding:12px}.demo-todo header b{font-size:6px;background:#eef1f7;color:#7c8da7;border-radius:5px;padding:4px 5px}.demo-group-label,.demo-group-next{font-size:7px;display:flex;gap:5px;align-items:center;color:#8190a4;margin:10px 0 5px}.demo-group-label>i,.demo-group-next>i{width:5px;height:5px;background:#9a91b8;border-radius:50%}.demo-group-label small{margin-left:auto;color:#aeb5c1;font-size:6px}.demo-row{display:flex;align-items:center;gap:6px;background:#f7f8fb;border:1px solid #edf0f4;border-radius:6px;padding:7px 5px;margin-top:5px;font-size:7px;position:relative}.demo-row>span{flex:1}.demo-row>small{font-size:6px;color:#91a0b6;background:#eaf0f7;border-radius:4px;padding:2px 4px;animation:demo-row-in .8s 1.4s both}.demo-check{width:9px;height:9px;border:1px solid #b0bdce;border-radius:3px;flex:none}.demo-task-first{animation:demo-row-in 1s .35s both}.scene-todo-create .demo-task-first>span{clip-path:inset(0 100% 0 0);animation:demo-type 1.4s .4s both}.scene-todo-complete .demo-task-first{animation:demo-task-done 5.5s .3s both}.scene-todo-complete .demo-task-first .demo-check{animation:demo-check-fill 5.5s .3s both}.scene-todo-complete .demo-task-first .demo-check:after{content:'✓';display:block;line-height:8px;text-align:center;font-size:7px;color:white}.demo-share,.demo-group-next{display:none}.scene-sharing .demo-task-second{display:none}.scene-sharing .demo-share{display:flex;align-items:center;gap:4px;margin-top:9px;font-size:6px}.demo-share span{color:#96a1b3;animation:demo-private 4s both}.demo-share b{font-size:6px;font-weight:400;color:#5a769b;animation:demo-row-in .9s 1.7s both}.demo-share i{font-style:normal;background:#dce5f1;border:2px solid white;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:5px;margin-left:-6px;animation:demo-row-in .9s 1.9s both}.scene-groups .demo-group-next{display:flex;margin-top:12px}.scene-groups .demo-task-second{display:none}.scene-groups .demo-task-first{animation:demo-move-group 5.5s .6s both}.scene-groups .demo-todo{padding-bottom:17px}.scene-todo .demo-pointer{top:57%;left:19%}.scene-todo-complete .demo-pointer{top:59%;left:19%}
/* A real content card progresses through three miniature columns. */
.demo-pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;height:106px;position:relative}.demo-pipeline>div{border:1px solid #ffffffa8;border-radius:9px;background:#ffffff55;padding:8px 5px}.demo-pipeline header{display:flex;align-items:center;gap:4px;font-size:6px;color:#7d8999}.demo-pipeline header i{width:4px;height:4px;background:#a5a0c3;border-radius:50%}.demo-pipeline>div:nth-child(2) header i{background:#c9ad7e}.demo-pipeline>div:nth-child(3) header i{background:#95af9b}.demo-moving-card{position:absolute;left:6px;top:32px;width:calc((100% - 26px)/3);padding:9px 6px;background:#fff;border:1px solid #e3e8f0;border-radius:7px;box-shadow:0 5px 9px #5d70831c;z-index:2;animation:demo-card-journey 7s .3s both}.demo-moving-card>span{font-size:5px;letter-spacing:.8px;color:#a5acb8}.demo-moving-card strong{display:block;font-size:8px;font-weight:550;line-height:1.4;margin:4px 0 7px}.demo-moving-card small{display:block;font-size:5px;color:#9ba5b2}.demo-stage-label{position:absolute;bottom:23px;left:20px;right:20px;font-size:7px;text-align:center;color:#7d8da3}.demo-stage-label span{position:absolute;left:0;right:0;opacity:0;animation:demo-stage-caption 7s .3s both}.demo-stage-label span:nth-child(2){animation-name:demo-stage-caption-two}.demo-stage-label span:nth-child(3){animation-name:demo-stage-caption-three}
.demo-format-tabs{display:flex;gap:7px;align-items:center;height:100%;padding-bottom:12px}.demo-format-tabs>span{flex:1;text-align:center;padding:12px 0 10px;background:#ffffffc7;border:1px solid white;border-radius:11px;font-size:7px;animation:demo-format-select 5s both;animation-delay:calc(var(--n)*.65s)}.demo-format-tabs i{display:block;font-size:24px;font-style:normal;font-weight:300;margin-bottom:7px;color:#8596af}.demo-format-caption{position:absolute;bottom:23px;left:0;right:0;text-align:center;font-size:7px;color:#8c98ab}.scene-formats .demo-pointer{left:26%;top:62%}.demo-document{padding:12px 14px;margin:0 17px}.demo-document header small{font-size:6px;color:#9aa5b6}.demo-document>b{display:block;font-size:10px;margin:12px 0 8px;font-weight:500;clip-path:inset(0 100% 0 0);animation:demo-type 1.4s .3s both}.demo-document>i{display:block;background:#e6ebf2;height:3px;border-radius:2px;margin-top:5px;width:85%;transform-origin:left;animation:demo-line 1.2s 1.2s both}.demo-document>i:nth-of-type(2){width:95%;animation-delay:1.4s}.demo-document>i:nth-of-type(3){width:65%;animation-delay:1.6s}.demo-comment{position:relative;display:block;margin-top:9px;padding:6px;border:1px solid #dbe4ee;background:#f0f5fa;border-radius:5px;font-size:6px;color:#8297ad;animation:demo-row-in .9s 2.2s both}
.demo-upload-files{display:flex;gap:7px;margin-top:6px}.demo-upload-files>span{flex:1;background:#fff;border:1px solid #fff;border-radius:10px;padding:10px 6px;font-size:18px;color:#95a5bb;position:relative;animation:demo-row-in 1s both}.demo-upload-files>span:nth-child(2){animation-delay:.15s}.demo-upload-files>span:nth-child(3){animation-delay:.3s}.demo-upload-files b{display:block;font-size:6px;font-weight:500;color:#7f8da2;margin-top:7px}.demo-upload-files i{position:absolute;top:6px;right:6px;font-size:7px;font-style:normal;color:#759783;animation:demo-row-in .7s 2.3s both}.demo-upload-progress{margin-top:14px;font-size:7px;position:relative}.demo-upload-progress span{animation:demo-private 3.3s both}.demo-upload-progress b{position:absolute;left:0;font-size:7px;font-weight:500;color:#829c90;animation:demo-row-in .8s 2.6s both}.demo-upload-progress>i{display:block;height:3px;background:#8ea7bb;margin-top:6px;border-radius:3px;transform-origin:left;animation:demo-line 2.4s .2s both}
/* Month becomes Agenda: consistent labels and a measured transition. */
.demo-view-switch{display:flex;gap:2px;width:95px;padding:3px;background:#dfe6ef;border-radius:7px;font-size:6px;margin:0 auto 9px}.demo-view-switch span{flex:1;text-align:center;padding:4px;border-radius:5px}.demo-view-switch .selected{background:#fff;box-shadow:0 1px 3px #576a8020}.demo-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.demo-calendar>span{height:33px;border:1px solid #ffffffd9;background:#ffffff85;border-radius:5px;font-size:6px;color:#8a96a8;padding:5px;position:relative}.demo-calendar .demo-day-active{background:#e1e9f4;border-color:#b7c6dc}.demo-day-active i{display:block;height:4px;border-radius:2px;background:#9db1cf;margin-top:7px}.demo-agenda{position:absolute;inset:52px 22px 25px;opacity:0}.demo-agenda>div{display:flex;gap:10px;align-items:center;padding:9px 10px;background:#fff;border:1px solid #e9eef5;border-radius:9px;margin-bottom:6px}.demo-agenda>div>b{font-size:16px;color:#8499b6;font-weight:450}.demo-agenda strong{display:block;font-size:8px;font-weight:500}.demo-agenda small{font-size:6px;color:#9aa6b8;display:block;margin-top:5px}.scene-agenda .demo-calendar{animation:demo-month-out 5.5s both}.scene-agenda .demo-agenda{animation:demo-agenda-in 5.5s both}.scene-agenda .demo-view-switch .selected{animation:demo-row-in .5s 1.3s both}.scene-day-detail .demo-day-active{animation:demo-highlight 5s .8s both}.scene-day-detail .demo-pointer{top:69%;left:27%}.demo-status-flow{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:8px}.demo-status-flow span{font-size:6px;background:#ffffffb0;border:1px solid white;padding:6px;border-radius:6px}.demo-status-flow span:last-child{background:#e5efe9;color:#799487;animation:demo-row-in 1s 1.8s both}.demo-status-flow i{font-size:7px;font-style:normal;color:#a0aec0}.demo-posting{background:#fff;border:1px solid #fff;border-radius:9px;margin:12px 6px 0;padding:10px}.demo-posting b{display:block;font-size:9px;font-weight:500}.demo-posting span,.demo-posting small{display:block;font-size:7px;color:#9ba7b8;margin-top:5px}.demo-posting small{font-size:5px}
/* Reporting: no invented values, just the relationship between metrics and freshness. */
.demo-report{padding:11px 13px}.demo-report header small{font-size:5px;color:#a4aebb}.demo-metrics{display:flex;gap:9px;margin-top:9px}.demo-metrics>span{flex:1;padding:5px 7px;border-radius:5px;background:#f1f4f8}.demo-metrics b{display:block;font-size:7px;font-weight:500}.demo-metrics small{display:block;font-size:5px;color:#a6b0bf;margin-top:3px}.demo-bars{display:flex;gap:6px;height:42px;align-items:flex-end;margin-top:8px}.demo-bars i{flex:1;height:var(--bar);background:linear-gradient(#91a7c6,#d3deec);border-radius:3px 3px 0 0;transform-origin:bottom;animation:demo-line 1.8s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--n)*.07s)}.demo-report footer{font-size:5px;color:#a2adbc;margin-top:7px}.demo-report footer i{display:inline-block;background:#91ae9d;width:3px;height:3px;border-radius:50%;margin-right:3px}.scene-sync .demo-report footer{animation:demo-highlight 5s 1s both}.scene-accounts .demo-report header{animation:demo-highlight 5s .5s both}
.demo-project{padding:12px 10px}.demo-project header b{font-size:6px;font-weight:400;color:#a0aabc}.demo-project>div{display:flex;gap:6px;margin-top:12px}.demo-project>div>span{flex:1;min-width:0;border:1px solid #e5eaf2;background:#f6f8fb;border-radius:7px;padding:5px;animation:demo-row-in 1s both;animation-delay:calc(var(--n)*.2s)}.demo-project>div>span>i{display:block;height:29px;background:linear-gradient(135deg,#d5deeb,#b5c1d6);border-radius:3px}.demo-project b{display:block;font-size:6px;font-weight:500;margin-top:5px}.demo-project small{display:block;font-size:5px;color:#9aa8bc;margin-top:4px}.demo-video{position:absolute;left:20px;top:21px;width:51%;height:85px;background:linear-gradient(135deg,#b7c7d9,#e2e7f0 60%,#aebdd4);border:2px solid #fff;border-radius:10px;display:grid;place-items:center;overflow:hidden}.demo-video>span{font-size:23px;color:white}.demo-video>i{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff33,transparent);animation:demo-video-light 4s both}.demo-timeline{position:absolute;left:24px;width:48%;top:117px;height:4px;border-radius:2px;background:#cad5e4}.demo-timeline>i{display:block;width:2px;height:14px;position:absolute;top:-5px;background:#8598b4;animation:demo-playhead 4s .3s both}.demo-timed-note{position:absolute;right:15px;top:53px;width:46%;padding:10px;background:#ffffffef;border:1px solid white;border-radius:9px;box-shadow:0 7px 20px #576e8c15;animation:demo-row-in .9s 1.8s both}.demo-timed-note b{font-size:6px;color:#96a8bf;display:block}.demo-timed-note span{font-size:8px;display:block;margin-top:5px;color:#697c96}.demo-timed-note small{font-size:5px;color:#a0afc3;display:block;margin-top:6px}.demo-recording{padding:5px 10px;text-align:center}.demo-recording>b{font-size:9px;font-weight:500}.demo-record-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#c1939b;margin-right:6px}.demo-recording>div{display:flex;gap:5px;height:76px;align-items:center;justify-content:center}.demo-recording>div i{width:4px;height:var(--bar);border-radius:3px;background:linear-gradient(#93a1bd,#bdc7db);animation:demo-wave 2s ease-in-out 3;animation-delay:calc(var(--n)*.1s)}.demo-recording footer{display:flex;justify-content:center;gap:20px;font-size:7px;color:#93a0b5}.demo-recording footer span:nth-child(2){color:#657c9d}.demo-done{text-align:center;padding:0 0 7px}.demo-done svg{width:60px;height:60px;fill:none;stroke:#8ba398;stroke-width:1.4}.demo-done circle{stroke:#d9e2de;stroke-dasharray:164;animation:demo-circle 1.3s both}.demo-done path{stroke-dasharray:50;animation:demo-tick 1s .8s both}.demo-done strong{display:block;font-size:11px;font-weight:500;color:#768b87;margin-top:7px}.demo-done>span{display:block;font-size:7px;color:#a1adaf;margin-top:7px}.demo-conversation{display:flex;gap:6px;flex-wrap:wrap;padding:4px 8px}.demo-avatar{width:23px;height:23px;display:grid;place-items:center;border:2px solid #fff;background:#c9d4e3;color:#6b7f9a;border-radius:50%;font-size:6px;flex:none}.demo-conversation>div:not(.demo-reply):not(.demo-notice){background:#fff;border:1px solid #fff;border-radius:0 10px 10px;padding:8px 9px;animation:demo-row-in .8s .2s both}.demo-conversation small{font-size:5px;color:#a2afc1}.demo-conversation p{font-size:7px;color:#71849f;margin:4px 0 0}.demo-reply{display:flex;gap:7px;margin-left:auto;margin-top:7px;animation:demo-row-in .8s 1.4s both}.demo-reply p{padding:8px 10px;border:1px solid #d5e0ef;border-radius:9px 0 9px 9px;background:#e9eff7;margin:0}.demo-notice{display:block;width:90%;margin:10px auto 0;background:#ffffffc9;border:1px solid white;padding:6px;border-radius:6px;font-size:6px;color:#8796ac;animation:demo-row-in .8s 2.5s both}.demo-notice i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#9aacc3;margin-right:4px}
@keyframes demo-surface-in{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@keyframes demo-row-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes demo-type{to{clip-path:inset(0 0 0 0)}}@keyframes demo-line{from{transform:scale(.03,1);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes demo-pointer{0%{opacity:0;transform:translate(18px,20px)}20%,60%{opacity:1;transform:translate(0,0)}70%,100%{opacity:0;transform:translate(0,0)}}@keyframes demo-highlight{0%,100%{background:transparent;box-shadow:none}25%,75%{background:#e7edf7;box-shadow:0 0 0 4px #e7edf7}}@keyframes demo-dashboard-lift{0%,18%{transform:none}50%,100%{transform:translateY(-40px);opacity:.55}}@keyframes demo-task-done{0%,25%{opacity:1;transform:none}50%,100%{opacity:.55;transform:translateY(2px)}}@keyframes demo-check-fill{0%,25%{background:transparent}50%,100%{background:#8fa797;border-color:#8fa797}}@keyframes demo-private{0%,45%{opacity:1}70%,100%{opacity:0}}@keyframes demo-move-group{0%,20%{transform:none}65%,100%{transform:translateY(30px)}}@keyframes demo-card-journey{0%,18%{transform:translateX(0)}36%,53%{transform:translateX(calc(100% + 8px))}76%,100%{transform:translateX(calc(200% + 16px))}}@keyframes demo-stage-caption{0%,23%{opacity:1}33%,100%{opacity:0}}@keyframes demo-stage-caption-two{0%,28%{opacity:0}38%,58%{opacity:1}68%,100%{opacity:0}}@keyframes demo-stage-caption-three{0%,65%{opacity:0}78%,100%{opacity:1}}@keyframes demo-format-select{0%,20%,100%{background:#ffffffc7;transform:none}38%,68%{background:#dce6f4;transform:translateY(-3px)}}@keyframes demo-month-out{0%,18%{opacity:1;transform:none}42%,100%{opacity:0;transform:translateY(-9px) scale(.97)}}@keyframes demo-agenda-in{0%,33%{opacity:0;transform:translateY(10px)}60%,100%{opacity:1;transform:none}}@keyframes demo-video-light{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes demo-playhead{0%,10%{left:5%}50%,100%{left:64%}}@keyframes demo-wave{50%{transform:scaleY(.45)}}@keyframes demo-circle{from{stroke-dashoffset:164}to{stroke-dashoffset:0}}@keyframes demo-tick{from{stroke-dashoffset:50}to{stroke-dashoffset:0}}
@media(max-width:680px){.workspace-tour .tour-panel{width:calc(100vw - 32px)}.workspace-tour .tour-visual{height:145px;margin:12px 18px 18px}.workspace-tour .tour-introduction .tour-visual{height:177px;margin:16px 20px 20px}.workspace-tour .tour-introduction h2{font-size:31px}.workspace-tour .tour-body{padding:0 20px}.workspace-tour .tour-footer{padding-top:16px}.workspace-tour .tour-controls button{padding:9px}.workspace-tour .tour-controls .tour-explore,.workspace-tour .tour-controls .tour-skip{font-size:9px}.workspace-tour .tour-demo{padding-top:16px}.workspace-tour .demo-pipeline{height:95px}.workspace-tour .demo-stage-label{bottom:17px}.workspace-tour .demo-report{padding-top:8px}.workspace-tour .demo-bars{height:31px}.workspace-tour .demo-daily{margin-top:7px}.workspace-tour .demo-calendar>span{height:29px}.workspace-tour .demo-video{height:74px}.workspace-tour .demo-timeline{top:108px}}
@media(max-height:650px){.workspace-tour .tour-visual{height:115px;margin-top:9px;margin-bottom:13px}.workspace-tour .tour-introduction .tour-visual{height:130px;margin:12px 20px 16px}.workspace-tour .tour-demo{transform:scale(.86);transform-origin:50% 10%;width:116%;margin-left:-8%;height:135px;padding-top:12px}.workspace-tour .tour-introduction h2{font-size:29px}.workspace-tour h2{font-size:24px}.workspace-tour .tour-footer{padding-top:12px;padding-bottom:15px}.workspace-tour .tour-progress{margin-bottom:12px}.workspace-tour .tour-example{display:block}.workspace-tour .tour-top{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.workspace-tour .scene-agenda .demo-calendar{opacity:0}.workspace-tour .scene-agenda .demo-agenda{opacity:1}.workspace-tour .demo-task-first>span,.workspace-tour .demo-document>b{clip-path:none}.workspace-tour .demo-stage-label span{opacity:0}.workspace-tour .demo-stage-label span:first-child{opacity:1}.workspace-tour .demo-upload-progress>span{opacity:0}.workspace-tour .demo-upload-progress>b{opacity:1}.workspace-tour .demo-pointer{display:none}.workspace-tour .demo-timed-note{opacity:1}.workspace-tour .scene-week .demo-workspace{transform:translateY(-40px);opacity:.55}}
/* Make the demonstration labels legible without competing with the actual tip. */
.workspace-tour .tour-demo{color:#53647c}.demo-workspace header,.demo-todo header,.demo-document header,.demo-project header,.demo-report header{font-size:10px;color:#52647d}.demo-summary>span{font-size:7px;color:#718197}.demo-summary b{font-size:13px}.demo-daily small{font-size:6px;color:#8291a6}.demo-daily p{font-size:7px;color:#687b96}.demo-daily p b{font-size:6px}.demo-row{font-size:8px;color:#657993}.demo-row>small{font-size:7px}.demo-group-label,.demo-group-next{font-size:8px}.demo-todo header b{font-size:7px}.demo-pipeline header{font-size:8px;color:#667b97}.demo-moving-card strong{font-size:9px;color:#5d708b}.demo-moving-card>span,.demo-moving-card small{font-size:6px;color:#8392a8}.demo-stage-label{font-size:8px}.demo-format-tabs>span{font-size:9px;color:#637b9b}.demo-format-caption{font-size:8px}.demo-upload-files b{font-size:8px;color:#667c9a}.demo-upload-files>span{color:#7f97b6}.demo-upload-progress,.demo-upload-progress b{font-size:8px}.demo-view-switch{font-size:8px;width:112px}.demo-calendar>span{font-size:8px;color:#7a8da8}.demo-agenda strong{font-size:9px}.demo-agenda small{font-size:7px}.demo-metrics b{font-size:8px}.demo-metrics small{font-size:6px}.demo-report footer{font-size:7px;color:#8394ac}.demo-project>div>span>b{font-size:8px}.demo-project small{font-size:6px}.demo-timed-note b{font-size:8px}.demo-timed-note span{font-size:10px}.demo-timed-note small{font-size:7px}.demo-conversation p{font-size:9px}.demo-conversation small{font-size:7px}.demo-notice{font-size:7px}.demo-bars i{animation-name:demo-bar-rise}@keyframes demo-bar-rise{from{transform:scaleY(.03);opacity:.3}to{transform:scaleY(1);opacity:1}}

.tour-scroll-space{height:85vh;pointer-events:none}
.workspace-tour .tour-controls .tour-explore{margin-right:auto}.workspace-tour .tour-controls .tour-explore:has(+ .tour-skip){margin-right:0}