.operator-mode .shell,.operator-mode>.companion{display:none}.operator-mode .masthead{height:68px}.operator-mode .mastnote{display:none}#operator-desktop{padding:0 28px 0;background:#f5f7fb}.op-control{display:flex;align-items:center;gap:26px;max-width:1700px;margin:auto;height:90px}.op-control>button{font-size:11px;color:#5e7698;padding:10px 0}.op-control>div:nth-child(2){margin-right:auto}.op-control strong{font-size:21px;font-weight:500;letter-spacing:-.6px;display:block}.op-control>div>span{font-size:10px;color:#8a99ac;display:block;margin-top:5px}.os-toggle{display:flex;background:#e8ecf3;border:1px solid #dbe3ef;border-radius:8px;padding:3px}.os-toggle button{padding:8px 17px;font-size:11px;color:#8190a6;border-radius:5px}.os-toggle button[aria-pressed=true]{background:white;color:#233e61;box-shadow:0 1px 4px #143a5110}.op-demo-label{font-size:8px;letter-spacing:1.5px;color:#8a99af}.desktop{height:780px;max-height:calc(100vh - 240px);min-height:600px;max-width:1700px;margin:auto;position:relative;border-radius:15px;overflow:hidden;border:1px solid #bacce2;background:radial-gradient(ellipse at 80% 100%,#ead8a4 0%,transparent 38%),radial-gradient(ellipse at 10% 0%,#dae7fe 0%,transparent 50%),linear-gradient(125deg,#7096c1,#345b8a 50%,#99bad8);box-shadow:0 25px 65px #233c5c1c;isolation:isolate}.os-menubar{height:30px;display:flex;align-items:center;justify-content:space-between;background:#eff6ff60;backdrop-filter:blur(20px);position:relative;z-index:8;padding:0 18px;border-bottom:1px solid #ffffff35;font-size:9px;color:#1c3757}.os-menubar>div{display:flex;gap:20px;align-items:center}.os-menubar img{width:12px}.os-menubar strong{font-weight:650}.os-symbol{font-size:18px}.wallpaper-orbit{position:absolute;border-radius:50%;z-index:-1;pointer-events:none;transform:rotate(-28deg)}.orbit-one{width:1200px;height:600px;left:-350px;bottom:-260px;border:100px solid #c4def141;box-shadow:inset 0 0 100px #bdddf74d,0 0 100px #143f6c33}.orbit-two{width:1000px;height:500px;left:200px;top:-260px;border:95px solid #ddeaff42;box-shadow:0 0 150px #254c7240}.desktop-watermark{position:absolute;left:8%;top:28%;font-size:clamp(35px,4.7vw,73px);line-height:1.1;letter-spacing:-3px;color:#f5f9ffd9;text-shadow:0 5px 60px #274c7b33;pointer-events:none}.desktop-watermark em{color:#d5e6fd}.desktop-files{position:absolute;top:55px;right:380px;display:flex;gap:26px;z-index:1}.desktop-files button{width:90px;display:flex;flex-direction:column;align-items:center;gap:8px;color:white;text-shadow:0 1px 4px #244664}.file-icon{display:grid;place-items:center;width:43px;height:52px;background:#fff3d8;color:#b2a47a;border-radius:5px;box-shadow:0 6px 20px #23466b20;font-size:29px;text-shadow:none}.file-icon.blue-file{background:#dbeafb;color:#4c7ab0}.desktop-files small{font-size:9px;line-height:1.5}.app-window{position:absolute;left:4%;top:75px;width:calc(92% - 355px);height:calc(100% - 160px);background:#fff;border:1px solid #ffffff90;border-radius:11px;box-shadow:0 22px 60px #0d294749;overflow:hidden;z-index:3;animation:appOpen .4s cubic-bezier(.16,1,.3,1)}.window-bar{height:34px;background:linear-gradient(#f7f8fb,#ecf0f5);display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #dfe5ed;position:relative}.traffic{display:flex;gap:7px;align-items:center}.traffic button,.traffic span{width:9px;height:9px;border-radius:50%;background:#ffb748;padding:0}.traffic button:first-child{background:#f47c77}.traffic span{background:#7fc69b}.window-bar>span{font-size:9px;color:#788699}.window-demo{font-size:7px!important;letter-spacing:1px}.mock-nav{height:52px;border-bottom:1px solid #e9edf3;padding:0 23px;display:flex;align-items:center;gap:25px;font-size:9px;color:#8695aa}.mock-nav strong{display:flex;align-items:center;gap:9px;color:#334d6c;font-size:11px}.mini-app{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:6px;font-size:16px;color:white}.mock-nav>div{word-spacing:15px;margin:auto}.mock-nav>div span{color:#387bdb}.mock-avatar{background:#eaf0f8;color:#6285ac;border-radius:50%;padding:6px;font-size:8px}.mock-page{padding:25px 30px}.mock-crumb{font-size:8px;color:#93a0b0;margin-bottom:23px}.mock-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.mock-heading small{font-size:7px;letter-spacing:1.3px;color:#7b9cbd}.mock-heading h2{font-size:28px;margin:7px 0 6px;font-weight:500}.mock-heading p{font-size:9px;color:#8597aa;margin:0}.status-pill{font-size:8px;background:#fff5da;color:#ac8529;border:1px solid #f0e1b5;padding:6px 8px;border-radius:5px;white-space:nowrap}.status-pill.good{background:#e9f5ef;color:#4c8a6e;border-color:#cbe7d8}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0;border-bottom:1px solid #e8edf4;margin-bottom:24px}.account-grid small{display:block;font-size:8px;color:#9aa7b7;margin-bottom:7px}.account-grid strong{font-size:11px;font-weight:500;color:#47617c}.mock-section-title{display:flex;justify-content:space-between;font-size:11px;font-weight:600;margin-bottom:14px}.mock-section-title span{font-size:8px;color:#9ca9bb;font-weight:400}.check-row{width:100%;display:flex;align-items:center;gap:12px;padding:13px 12px;border:1px solid #e5ebf4;background:#fcfdff;border-radius:7px;margin:8px 0;text-align:left}.check-row>div{flex:1}.check-row strong{display:block;font-size:10px;font-weight:500}.check-row small{display:block;font-size:8px;color:#95a3b5;margin-top:4px}.check-row>span:last-child{font-size:8px;color:#7a9d8a}.check-good,.check-wait{width:20px;height:20px;border-radius:50%;background:#e8f3ec;color:#6aa181;display:grid;place-items:center;font-size:10px}.missing{background:#fffaf0;border-color:#eedda6}.check-wait{background:#fff0bf;color:#b68b26}.missing>span:last-child{color:#ac892c}.mock-bottom-note{font-size:7px;color:#acb6c5;margin-top:15px}#app-content{height:calc(100% - 34px);overflow:auto}.pet-panel{position:absolute;right:22px;top:62px;width:325px;max-height:calc(100% - 166px);background:#fafdffed;border:1px solid #ffffffb5;backdrop-filter:blur(25px);border-radius:17px;box-shadow:0 18px 60px #1c39532e;z-index:6;padding:19px;display:flex;flex-direction:column;animation:appOpen .35s var(--ease)}.pet-panel-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.pet-panel-head img{width:27px}.pet-panel-head strong{font-size:16px;letter-spacing:-.5px}.pet-panel-head small{display:block;font-size:8px;color:#95a3b7;margin-top:3px}.pet-panel-head>button{margin-left:auto;font-size:21px;color:#8795a9}.screen-context{display:flex;align-items:center;gap:7px;padding:9px;background:#e7eef7;border:1px solid #dce6f4;border-radius:6px;font-size:8px;color:#7b91ac}.context-indicator{width:5px;height:5px;background:#6b9f8d;border-radius:50%}.context-lock{margin-left:auto}.op-messages{overflow:auto;min-height:80px;max-height:210px;padding:3px 0;scrollbar-width:thin}.op-message{font-size:11px;color:#536d8d;line-height:1.85;margin:15px 0;animation:enter .3s}.op-message.user{background:#e6eefb;border-radius:9px;padding:9px 12px;margin-left:20px;color:#3b6499}.op-suggestions{display:flex;gap:5px;flex-wrap:wrap;margin:6px 0 10px}.op-suggestions button{border:1px solid #dbe5f1;font-size:8px;padding:7px 8px;border-radius:5px;color:#7187a2;background:#ffffff50}.op-suggestions button:first-child{color:#386daf}.op-primary{background:#ffcd48;padding:11px;border-radius:7px;font-size:10px;font-weight:600;width:100%;margin:4px 0;color:#213d5c;transition:background .2s}.op-primary:hover{background:#ffda77}.op-secondary{font-size:9px;color:#7d93ae;padding:8px;width:100%}#op-chat{display:flex;border:1px solid #d9e4f0;background:white;border-radius:8px;padding:6px;margin-top:11px;gap:4px}#op-question{width:100%;min-width:0;border:0;outline:none;font-size:9px;padding:5px;background:none;color:#456180}#op-chat button{border-radius:5px;background:#24446b;color:white;min-width:27px;font-size:16px}.pet-foot{font-size:6.7px;color:#9dacc0;text-align:center;padding-top:8px;line-height:1.5}.desktop-pet{position:absolute;right:32px;bottom:72px;width:62px;height:66px;border:1px solid #ffffff8c;background:#eef6ffbb;backdrop-filter:blur(25px);border-radius:22px;display:grid;place-items:center;box-shadow:0 10px 30px #1c355133;z-index:7;transition:transform .3s}.desktop-pet:hover{transform:translateY(-5px) rotate(-4deg)}.desktop-pet img{width:34px}.desktop-pet>span{position:absolute;right:8px;bottom:7px;width:6px;height:6px;background:#719e86;border-radius:50%;border:1px solid white}.pet-caption{position:absolute;right:20px;bottom:48px;font-size:7px;color:#eef6ff;z-index:2;text-shadow:0 1px 8px #194267}.os-dock{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:8px 11px;gap:13px;background:#edf5ff65;border:1px solid #ffffff50;backdrop-filter:blur(25px);border-radius:17px;box-shadow:0 10px 30px #2345691c;z-index:5}.os-dock button{position:relative;padding:0;transition:transform .25s}.os-dock button:hover{transform:translateY(-7px)}.dock-app{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;box-shadow:0 2px 5px #2842581c;color:white;font-size:26px;font-weight:650}.crm-icon{background:linear-gradient(135deg,#74adff,#367bdb)}.messages-icon{background:linear-gradient(135deg,#a4a3d9,#645a94)}.notes-icon{background:linear-gradient(#f4ca5c 0 25%,#fff8e1 25%);color:#bea962!important}.mail-icon{background:linear-gradient(135deg,#70b5ea,#4b88cc)}.karez-icon{background:#f3f8ff}.karez-icon img{width:26px}.dock-divider{width:1px;height:34px;background:#57779b30;margin:0 3px}.os-dock small{position:absolute;bottom:53px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px;background:#1f3c63dd;color:white;padding:5px 8px;border-radius:5px;opacity:0;pointer-events:none}.os-dock button:hover small{opacity:1}.app-active:after{content:'';width:3px;height:3px;background:#304867;position:absolute;bottom:-5px;left:50%;border-radius:50%}.op-bottom{display:flex;justify-content:space-between;max-width:1700px;margin:auto;padding:20px 0;font-size:8px;color:#8b9bb1;gap:15px}.op-bottom>span:first-child{letter-spacing:1px}.op-bottom button{font-size:9px;color:#6483a9}.task-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dfe7f1;padding-top:12px;font-size:7px;letter-spacing:1px;color:#8a9db6}.task-title button{font-size:8px;color:#8b9bb1;letter-spacing:0}#op-progress ol{list-style:none;padding:0;margin:9px 0 10px;display:grid;grid-template-columns:1fr 1fr;gap:9px 4px}#op-progress li{font-size:8px;color:#a1afc1;display:flex;align-items:center;gap:6px}#op-progress li>span{display:grid;place-items:center;width:14px;height:14px;border:1px solid #d8e2ef;border-radius:50%;font-size:7px}#op-progress li.current{color:#346fbd}#op-progress li.current>span{background:#e1edff;border-color:#adc9ef}#op-progress li.done{color:#639780}#op-progress li.done>span{background:#e3f1e9;border-color:#c8dfd2}.karez-target{outline:2px solid #619cff!important;outline-offset:4px;box-shadow:0 0 0 8px #528ce91a!important;transition:outline .4s;position:relative}#screen-pointer{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;max-width:245px;padding:9px 12px;border:1px solid #cbdcf5;background:#f5f9ffed;border-radius:9px;box-shadow:0 5px 22px #21477622;animation:pointerIn .45s var(--ease);pointer-events:none}#screen-pointer img{width:23px}#screen-pointer small{display:block;font-size:6px;letter-spacing:1px;color:#608dc6;margin-bottom:4px}#screen-pointer span{font-size:9px;color:#41638e;line-height:1.4;display:block}.chat-app{display:grid;grid-template-columns:150px 1fr;min-height:100%}.chat-app aside{background:#f2f0f7;border-right:1px solid #e6e2ee;padding:20px 11px}.chat-app aside strong{font-size:10px;display:flex;align-items:center;gap:6px;color:#625984;margin-bottom:25px}.chat-app aside small{font-size:7px;color:#aba3bc;letter-spacing:1px;margin:22px 7px 9px;display:block}.chat-app aside>div{font-size:9px;color:#9287a6;padding:8px 6px;white-space:nowrap}.chat-app aside .selected{background:#e3deef;color:#6e5d91;border-radius:5px}.chat-app-head{height:49px;border-bottom:1px solid #e9eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:11px;font-weight:600}.chat-app-head span{font-size:7px;font-weight:400;color:#a7b0c0}.thread-date{text-align:center;color:#a3aebe;font-size:7px;letter-spacing:.7px;margin:20px 0}.team-message{display:flex;gap:10px;padding:12px 18px;margin:0 10px}.person-avatar{background:#deebfa;color:#6389b7;font-size:9px;min-width:25px;height:25px;display:grid;place-items:center;border-radius:6px}.person-avatar.purple{background:#ebe7f6;color:#8f79b1}.person-avatar.amber{background:#f9eed9;color:#ae925e}.team-message strong{font-size:10px;font-weight:550}.team-message strong small{font-size:7px;color:#a7afbd;font-weight:400;margin-left:8px}.team-message p{font-size:10px;color:#7a8a9f;line-height:1.9;margin:6px 0}.highlight-message{background:#f4f7fd;border:1px solid #e5edf8;border-radius:8px}.message-tag{font-size:7px;color:#7e9abe}.fake-composer{margin:30px 25px 15px;padding:13px;border:1px solid #e1e7ef;border-radius:7px;font-size:9px;color:#b1bac7}.fake-composer span{font-size:7px;display:block;margin-top:8px;color:#c0c8d4}.document-page{max-width:560px;margin:auto;padding:27px 35px}.doc-emoji{font-size:30px;color:#d8b35a}.document-page h2{font-size:29px;margin:15px 0 10px}.doc-lead{font-size:11px;color:#97a1b1;line-height:1.7}.document-step{display:flex;gap:18px;padding:16px 0;border-top:1px solid #edf0f5}.document-step>span{font-size:9px;color:#9bb1ca;padding-top:5px}.document-step h3{font-size:12px;margin:0 0 6px;font-weight:550}.document-step p{font-size:10px;color:#8495aa;line-height:1.9;margin:0}.doc-source{font-size:8px;color:#a9b4c4;margin:10px 0}.mail-page{padding:24px 28px}.mail-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.mail-heading h2{font-size:24px;margin:0}.mail-field{padding:11px 0;border-bottom:1px solid #edf0f5;display:flex;gap:15px;font-size:10px}.mail-field>span{width:40px;color:#a1adbd}.mail-field strong{font-size:10px;font-weight:450;color:#5c7492}.mail-body{font-size:10px;color:#6b809a;line-height:1.9;margin:20px 0}.mail-body ul{padding-left:20px}.mail-body strong{color:#42618b}.draft-sources{font-size:7px;color:#9cadc1;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.draft-sources span{padding:4px 6px;background:#edf3fc;border-radius:4px;color:#7697c0}.mail-footer{border-top:1px solid #e6edf5;margin-top:18px;padding-top:15px;display:flex;align-items:center;gap:15px}.mail-footer button{font-size:10px;background:#397adc;color:white;border-radius:6px;padding:10px 13px}.mail-footer>span{font-size:8px;color:#a0aec0}.empty-mail{text-align:center;padding:60px 25px}.empty-mail>span{font-size:50px;color:#d2deed}.empty-mail h3{font-size:17px;font-weight:500}.empty-mail p{font-size:11px;line-height:1.8;color:#94a3b8}.desktop-notice{position:absolute;top:40px;left:50%;transform:translateX(-50%);z-index:10;background:#eff9f4ed;border:1px solid #c5dfd0;padding:13px 20px;color:#52846d;border-radius:9px;font-size:11px;box-shadow:0 5px 30px #21456725}.windows{border-radius:8px;background:radial-gradient(ellipse at 55% 60%,#527de0 0,transparent 47%),linear-gradient(145deg,#9cbef5,#193c86 65%,#061c4b)}.windows .orbit-one{border-color:#8db8ff55;left:0;bottom:-370px;box-shadow:0 0 120px #4f88f789}.windows .orbit-two{border-color:#3e79d84d;left:30%;top:-200px}.windows .os-menubar{background:#152e5140;color:#e4efff}.windows .app-window{border-radius:7px}.windows .window-bar{flex-direction:row-reverse}.windows .traffic{gap:16px}.windows .traffic button,.windows .traffic span{background:#a8b8cd;border-radius:1px;width:10px;height:2px}.windows .traffic button:first-child{height:10px;background:linear-gradient(45deg,transparent 44%,#8d9eb6 45%,#8d9eb6 55%,transparent 56%),linear-gradient(-45deg,transparent 44%,#8d9eb6 45%,#8d9eb6 55%,transparent 56%)}.windows .os-dock{border-radius:0;bottom:0;width:100%;justify-content:center;padding:9px;gap:21px;border:0;background:#e0eaffc9}.windows .dock-app{width:31px;height:31px;border-radius:6px;font-size:21px;box-shadow:none}.windows .karez-icon img{width:22px}.windows .dock-divider{height:25px}.windows .pet-caption{bottom:62px}.windows .desktop-pet{bottom:87px}@keyframes appOpen{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}@keyframes pointerIn{from{opacity:0;transform:translate(-10px,8px)}to{opacity:1;transform:none}}@media(min-width:1600px){.desktop{min-height:710px}.app-window{width:calc(90% - 365px);left:5%;top:85px;height:calc(100% - 180px)}.pet-panel{width:345px;right:28px;top:85px}.mock-page{padding:30px 40px}.check-row{padding:17px 13px}.mock-heading h2{font-size:33px}.team-message{padding:19px 22px}.mail-body{font-size:12px}.op-message{font-size:12px}.op-messages{max-height:245px}}@media(max-width:1100px){#operator-desktop{padding:0 15px}.op-control{gap:16px}.op-demo-label{display:none}.app-window{left:20px;width:calc(100% - 340px);top:65px}.pet-panel{width:290px;right:15px;top:65px;padding:15px}.mock-page{padding:20px}.mock-nav{padding:0 14px}.mock-nav>div{display:none}.mock-heading{flex-wrap:wrap}.chat-app{grid-template-columns:1fr}.chat-app aside{display:none}.desktop-files{right:330px}.desktop-watermark{font-size:50px;letter-spacing:-2px}.mail-page{padding:20px}.document-page{padding:23px}.op-control strong{font-size:19px}.op-control>div>span{font-size:9px}.op-control>button{font-size:10px}}@media(max-width:760px){.op-control{height:auto;flex-wrap:wrap;padding:20px 0;gap:15px}.op-control>button{order:0}.op-control>div:nth-child(2){order:2;width:100%}.os-toggle{margin-left:auto}.op-control strong{font-size:24px}.desktop{min-height:970px;max-height:none;height:auto}.app-window{left:12px;top:54px;width:calc(100% - 24px);height:460px;z-index:3}.pet-panel{top:535px;left:12px;right:12px;width:auto;max-height:340px;padding:15px;z-index:6}.op-messages{max-height:90px;min-height:30px}.op-message{font-size:10px;margin:10px 0}.pet-panel-head{margin-bottom:8px}.screen-context{padding:6px}.pet-panel-head img{width:23px}.pet-panel-head small{font-size:7px}.op-suggestions{margin:4px 0}.op-suggestions button{font-size:7px;padding:5px}.op-primary{padding:8px;font-size:9px}.op-secondary{padding:5px}.task-title{padding-top:7px}#op-progress ol{margin:7px 0;gap:5px}#op-chat{margin-top:6px}.desktop-pet{right:18px;bottom:90px;width:48px;height:52px;border-radius:16px}.desktop-pet img{width:27px}.pet-caption{display:none}.os-menubar{font-size:8px;padding:0 12px}.os-menubar>div{gap:12px}.os-menubar>div:first-child>span:not(.os-symbol){display:none}.desktop-watermark{font-size:46px;left:8%;top:180px;letter-spacing:-2px}.desktop-files{top:60px;right:22px;gap:15px}.os-dock{bottom:17px;gap:11px}.dock-app{width:35px;height:35px;font-size:22px}.op-bottom>span:nth-child(2){display:none}.op-bottom{font-size:7px;line-height:1.6}.op-bottom button{font-size:8px}.mock-page{padding:20px 17px}.mock-heading h2{font-size:25px}.account-grid{margin-bottom:15px;padding:17px 0}.mock-crumb{margin-bottom:16px}.mock-heading p{font-size:8px}.check-row{padding:10px}.check-row small{font-size:7px}.mock-section-title{font-size:10px}.status-pill{font-size:7px}.window-demo{font-size:6px!important}.mock-nav{font-size:8px}.mock-nav strong{font-size:10px}.document-page{padding:18px}.document-page h2{font-size:25px}.document-step{padding:11px 0}.mail-page{padding:19px}.mail-heading h2{font-size:20px}.mail-heading{flex-wrap:wrap}.mail-body{font-size:9px}#screen-pointer{max-width:210px;z-index:5;padding:7px 9px}#screen-pointer span{font-size:8px}.team-message{padding:10px}.team-message p{font-size:9px}.team-message strong{font-size:9px}.desktop-notice{width:90%;font-size:9px;text-align:center}.windows .desktop-pet{bottom:80px}}
/* Keep the simulated screen fixed while its inner apps scroll. */
.desktop,.app-window{overflow:clip}
/* Recognizable application chrome. All content remains fictional and local. */
.real-app-icon{display:block;object-fit:contain;width:28px;height:28px}.dock-app.crm-icon,.dock-app.messages-icon,.dock-app.notes-icon,.dock-app.mail-icon{background:#fff;box-shadow:0 2px 6px #142e4d28}.dock-app .real-app-icon{width:31px;height:31px}.dock-app.crm-icon .real-app-icon{width:36px}.mini-app{background:transparent!important}.mini-app .real-app-icon{width:22px;height:22px}.file-icon,.file-icon.blue-file{background:#f8fbff;text-shadow:none}.file-icon .real-app-icon{width:34px;height:34px}.sf-global{height:51px;background:white;display:flex;align-items:center;gap:16px;padding:0 18px;font-size:12px;color:#75849a}.sf-global>.real-app-icon{width:47px;height:35px}.sf-search{border:1px solid #c6ced8;border-radius:5px;height:27px;display:flex;align-items:center;gap:10px;padding:0 12px;margin:auto;width:40%;font-size:12px;color:#7e8a9d}.sf-search>span{font-size:9px}.sf-user{border-radius:50%;background:#e7edf4;color:#6b87a3;padding:8px;font-size:9px}.sf-tabs{height:36px;background:#fff;display:flex;align-items:center;gap:20px;border-bottom:3px solid #1b96ff;font-size:9px;color:#576b84;padding:0 19px;white-space:nowrap;overflow:hidden}.sf-waffle{font-size:26px;color:#617385}.sf-tabs strong{font-size:14px;font-weight:600;color:#1a3557}.sf-tabs .selected{background:#eaf5fe;border-top:2px solid #1b96ff;padding:10px 15px;color:#1674c2}.sf-tabs+.mock-page{background:#f3f5f8;min-height:calc(100% - 87px);padding:21px}.sf-tabs+.mock-page .mock-heading{background:white;border:1px solid #dde4ed;border-radius:7px;padding:17px}.sf-tabs+.mock-page .mock-crumb{margin-bottom:12px}.sf-tabs+.mock-page .account-grid{padding:17px;background:white;border:1px solid #dde4ed;border-top:0;border-radius:0 0 7px 7px;margin-top:-4px}.sf-tabs+.mock-page .check-row{background:white}.sf-tabs+.mock-page .missing{background:#fffbef}.slack-top{height:37px;background:#350d36;display:flex;align-items:center;gap:18px;padding:0 13px;color:#dbbfdb;font-size:11px}.slack-top>.real-app-icon{width:20px;height:20px;background:white;border-radius:4px;padding:2px}.slack-top>div{background:#624563;border:1px solid #826383;border-radius:5px;font-size:9px;flex:1;max-width:65%;padding:6px 13px;margin:auto}.slack-body{display:grid;grid-template-columns:50px 1fr;min-height:calc(100% - 37px)}.slack-rail{background:#3f1240;color:#d8bdd9;display:flex;flex-direction:column;align-items:center;gap:21px;padding:12px 0}.slack-rail>span{font-size:17px;text-align:center}.slack-rail small{display:block;font-size:7px;margin-top:4px}.slack-rail .slack-workspace{font-size:16px;background:#906a96;border-radius:7px;padding:6px 9px;color:white;font-weight:600}.slack-body .chat-app{grid-template-columns:165px 1fr}.slack-body .chat-app aside{background:#f2e9f3;color:#613b65;padding:16px 8px}.slack-body .chat-app aside strong{font-size:11px;color:#412344;gap:4px}.slack-body .chat-app aside .mini-app{display:none}.slack-body .chat-app aside>div{color:#68486d}.slack-body .chat-app aside .selected{background:#e3d0e7;color:#422149}.slack-body .chat-app-head{font-size:12px}.slack-body .team-message strong{color:#263244}.slack-body .team-message p{color:#526170}.slack-body .highlight-message{background:#f9f6fb;border-color:#e9def0}.notion-shell{display:grid;grid-template-columns:180px 1fr;min-height:100%}.notion-sidebar{background:#f7f7f5;border-right:1px solid #ececea;padding:16px 11px;font-size:9px;color:#83837f}.notion-sidebar>strong{display:flex;align-items:center;gap:7px;font-size:10px;color:#454540;margin-bottom:20px}.notion-sidebar .real-app-icon{width:20px;height:20px}.notion-sidebar>div{padding:9px 6px;font-size:9px;white-space:nowrap}.notion-sidebar>div.selected{background:#eaeae6;border-radius:4px;color:#434340}.notion-sidebar>small{display:block;color:#b1b1ab;font-size:8px;margin:25px 6px 8px}.notion-document{min-width:0}.notion-top{height:41px;padding:0 20px;font-size:8px;color:#8b8b87;display:flex;align-items:center;justify-content:space-between;gap:10px}.notion-top span{color:#77776e}.notion-document .document-page{padding:22px 32px}.notion-document .document-page h2{font-weight:650;color:#37352f}.notion-document .document-step p{color:#797970}.notion-document .document-step h3{color:#4d4b45}.notion-document .doc-emoji{color:#6f726c}.gmail-top{display:flex;align-items:center;gap:17px;height:58px;background:#f6f8fc;padding:0 18px;font-size:13px;color:#6e7786}.gmail-brand{display:flex;align-items:center;gap:10px;min-width:131px}.gmail-brand .real-app-icon{width:26px;height:26px}.gmail-brand strong{font-size:20px;font-weight:400;color:#626b77}.gmail-search{display:flex;justify-content:space-between;flex:1;background:#eaf1fb;border-radius:20px;padding:11px 17px;font-size:10px}.gmail-avatar{border-radius:50%;background:#526dab;color:white;width:25px;height:25px;display:grid;place-items:center;font-size:11px}.gmail-shell{display:grid;grid-template-columns:160px 1fr;background:#f6f8fc;min-height:calc(100% - 58px);padding-right:13px}.gmail-sidebar{padding:8px;font-size:10px;color:#546172}.gmail-compose{background:#c2e7ff;border-radius:14px;padding:16px 13px;margin:0 12px 17px 0;font-weight:500;color:#264668;box-shadow:0 1px 3px #394f6d0c}.gmail-sidebar>div:not(.gmail-compose){padding:8px 12px;font-size:9px;border-radius:0 16px 16px 0}.gmail-sidebar>div>span{float:right}.gmail-sidebar .selected{background:#d3e3fd;font-weight:600;color:#365576}.gmail-sidebar small{display:block;margin:25px 12px 12px;font-size:9px;color:#677688}.gmail-content{background:white;border-radius:13px 13px 0 0;min-width:0}.gmail-content .mail-page{padding:22px}.gmail-content .mail-heading h2{font-size:16px;font-weight:500;color:#4a586b}.gmail-content .mail-body{color:#3b485a}.gmail-content .mail-footer button{background:#0b57d0;border-radius:18px;padding:10px 17px}.gmail-content .mail-field{color:#8993a0}.gmail-content .empty-mail h3{font-size:16px}.windows .dock-app .real-app-icon{width:25px;height:25px}
@media(max-width:1100px){.sf-global{gap:10px;padding:0 12px}.sf-global>span:not(.sf-user){display:none}.sf-tabs{gap:12px}.slack-body .chat-app{grid-template-columns:1fr}.slack-body .chat-app aside{display:none}.notion-shell{grid-template-columns:130px 1fr}.notion-sidebar{padding:15px 7px}.notion-sidebar>strong{font-size:9px;gap:4px}.notion-sidebar>div{font-size:8px;white-space:normal}.notion-top{padding:0 14px}.notion-top>span{display:none}.notion-document .document-page{padding:17px}.gmail-shell{grid-template-columns:110px 1fr;padding-right:8px}.gmail-sidebar{padding:7px 5px}.gmail-sidebar>div:not(.gmail-compose){padding:8px 6px;font-size:8px}.gmail-compose{font-size:9px;margin-right:5px;padding:13px 9px}.gmail-top{gap:10px;padding:0 12px}.gmail-brand{min-width:auto;gap:7px}.gmail-brand strong{font-size:18px}.gmail-top>span:not(.gmail-brand):not(.gmail-avatar){display:none}.gmail-search{font-size:8px;padding:11px}.gmail-content .mail-page{padding:17px}.gmail-content .mail-heading{flex-wrap:wrap}.gmail-content .mail-body{font-size:10px}}
@media(max-width:760px){.sf-global{height:44px}.sf-global>.real-app-icon{width:37px}.sf-tabs{gap:13px;padding:0 12px;font-size:8px}.sf-tabs>span:last-child{display:none}.sf-tabs+.mock-page{padding:13px}.sf-tabs+.mock-page .mock-heading{padding:12px}.sf-tabs+.mock-page .account-grid{padding:12px}.sf-tabs+.mock-page .mock-heading h2{font-size:24px}.sf-tabs+.mock-page .mock-crumb{font-size:7px}.slack-body{grid-template-columns:35px 1fr}.slack-rail{gap:18px}.slack-rail .slack-workspace{font-size:13px;padding:5px}.slack-rail small{font-size:6px}.slack-top{padding:0 9px;gap:9px}.slack-top>span{display:none}.slack-top>div{max-width:none}.slack-body .chat-app-head{font-size:10px;padding:0 12px}.slack-body .team-message{margin:0 6px;padding:10px 8px}.slack-body .team-message p{font-size:9px}.notion-shell{grid-template-columns:1fr}.notion-sidebar{display:none}.notion-top{font-size:7px}.notion-document .document-page{padding:16px 20px}.gmail-shell{grid-template-columns:1fr;padding:0 7px}.gmail-sidebar{display:none}.gmail-top{gap:9px;height:48px}.gmail-brand{font-size:10px}.gmail-brand strong{font-size:16px}.gmail-brand .real-app-icon{width:23px}.gmail-search{font-size:7px;padding:9px 10px}.gmail-avatar{font-size:8px;width:20px;height:20px}.gmail-content .mail-body{font-size:9px}.dock-app .real-app-icon{width:27px;height:27px}.dock-app.crm-icon .real-app-icon{width:30px}}