/* Reference-led surfaces inside the presentation's scaled canvas. */
.ai-workflow{width:100%}.workflow-desktop{height:650px;position:relative;overflow:visible}.workflow-strip{display:flex;gap:180px;width:100%;height:100%;will-change:transform}
.wf-window{flex:0 0 100%;min-width:0;height:100%;overflow:hidden;color:#242424;background:white;border:1px solid #d6dbdf;border-radius:9px;box-shadow:0 15px 40px #10252f1c,0 2px 6px #10252f10;font:16px/1.4 Arial,Helvetica,sans-serif}
.workflow-desktop [hidden]{display:none!important}.wf-window h3{font-family:inherit;letter-spacing:0}.wf-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;flex:none}
/* Outlook for Mac: Office ribbon and three distinct panes. */
.wf-outlook-top{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#187ac4;color:#e9f5ff;font-size:14px}.wf-outlook-top b{font-weight:500}.wf-outlook-top>div{width:245px;background:#1265a5;color:#b9d5ea;border-radius:3px;padding:2px 10px}.wf-outlook-top .wf-icon{width:16px;height:16px}.wf-office-quick{width:245px;font-size:21px;line-height:1}
.wf-office-tabs{height:32px;display:flex;gap:8px;background:#1175be;color:#c9e0ef;padding-left:12px;align-items:end;font-size:15px;font-weight:600}.wf-office-tabs>*{padding:5px 14px}.wf-office-tabs b{background:#f7f7f7;color:#157bc1;border-radius:2px 2px 0 0}
.wf-ribbon{height:76px;display:flex;align-items:stretch;padding:8px 12px;background:#f6f6f6;border-bottom:1px solid #c9c9c9}.wf-ribbon>div{width:75px;text-align:center;font-size:12px;line-height:1.2}.wf-ribbon>div>.wf-icon{display:block;margin:0 auto 3px;width:29px;height:29px;color:#707c84;stroke-width:1.25}.wf-ribbon>div:nth-child(-n+2) .wf-icon{color:#578a64}.wf-ribbon>div:nth-child(4) .wf-icon,.wf-ribbon>div:nth-child(5) .wf-icon{color:#8767a3}.wf-ribbon>div:nth-child(6) .wf-icon{color:#5e98b9}
.wf-ribbon>div:nth-child(3),.wf-ribbon>div:nth-child(7),.wf-ribbon>section{border-left:1px solid #ddd}.wf-ribbon section{padding:2px 20px;display:flex;flex-direction:column;justify-content:space-between;font-size:13px}.wf-ribbon section .wf-icon{width:17px;height:17px;color:#7a8d9d}
.wf-outlook-body{display:grid;grid-template-columns:185px 365px 1fr;height:calc(100% - 165px)}.wf-outlook-body>aside{background:linear-gradient(#e9e3e6,#d7dbdc);border-right:1px solid #c5c7ca;position:relative;font-size:14px}.wf-outlook-body aside h4{font-size:13px;font-weight:600;color:#666c71;margin:12px 8px 4px}.wf-outlook-body aside h4:first-child{margin-top:4px}
.wf-outlook-body aside p{padding:5px 10px 5px 23px;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px}.wf-outlook-body aside p .wf-icon{width:16px;height:16px;color:#7c8996}.wf-outlook-body aside p b{margin-left:auto;padding:0 6px;border-radius:9px;color:#777;background:#fff;font-size:12px}.wf-outlook-body aside .selected{background:#2188d5;color:white}.wf-outlook-body aside .selected .wf-icon{color:#d4e9f9}
.wf-office-apps{position:absolute;bottom:0;left:0;right:0;height:36px;display:flex;align-items:center;gap:22px;padding-left:20px;background:#eee;color:#7d858b}.wf-office-apps .wf-icon:first-child{color:#2087cf}
.wf-mail-list{border-right:1px solid #ccc;overflow:hidden}.wf-list-sort{height:25px;padding:4px 11px;background:#f4f4f4;font-size:12px;border-bottom:1px solid #d7d7d7}.wf-list-sort span{float:right}.wf-mail-list h4{font-size:12px;color:#626262;background:#f0f0f0;border-bottom:1px solid #ddd;padding:3px 9px}
.wf-new-email{background:#126bd4;color:white;max-height:0;opacity:0;overflow:hidden;padding:0 16px}.wf-new-email small{display:block;font-size:15px;font-weight:600;padding-top:10px;margin-bottom:3px}.wf-new-email time{float:right;font-size:12px;font-weight:400}.wf-new-email b{display:block;font-size:14px}.wf-new-email p{font-size:13px;color:#deedff;margin:3px 0 12px}
.wf-old-email{padding:12px 16px;border-bottom:1px solid #dedede}.wf-old-email b{display:block;font-size:14px}.wf-old-email time{float:right;font-weight:400;font-size:11px}.wf-old-email strong{display:block;font-size:13px;font-weight:400;margin:2px 0}.wf-old-email p{color:#7a7a7a;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf-email-reading{overflow:hidden}.wf-mail-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#939ba3;font-size:18px}.wf-mail-empty .wf-icon{width:48px;height:48px;stroke-width:.8}
.wf-email-content>h3{font-size:23px;font-weight:400;color:#565c60;margin:0 22px;padding:13px 0 10px;border-bottom:1px solid #e8e8e8}.wf-sender{display:flex;gap:14px;align-items:center;padding:12px 22px}.wf-sender>span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#292d30;color:white;font-size:21px}.wf-sender b{font-size:17px;font-weight:500}.wf-sender small{display:block;font-size:13px;color:#747474}
.wf-mail-addins{background:#f4f4f4;color:#1683c6;padding:6px 22px;font-size:13px}.wf-mail-addins span{float:right}.wf-letter{padding:16px 22px}.wf-letter>p{font-size:18px;line-height:1.45;margin-bottom:13px;max-width:620px}.wf-email-agent{display:inline-flex;align-items:center;gap:7px;color:#397650;font-size:13px;border-top:1px solid #e5e9e6;padding-top:9px}.wf-email-agent .wf-icon{width:16px;height:16px}
.wf-office-status{height:23px;padding:3px 16px;background:#92999d;color:white;font-size:12px}.wf-office-status span{float:right}
/* monday.com main-table layout, matching the supplied reference. */
.wf-monday{color:#323338}.wf-monday-top{height:48px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #eceef1;padding:0 28px;color:#737783;font-size:13px}.wf-monday-logo{display:flex;align-items:center;gap:3px;color:#292f4c}.wf-monday-logo i{display:block;width:7px;height:18px;background:#ffcb00;border-radius:99px;transform:rotate(30deg)}.wf-monday-logo i:first-child{background:#ff3d57}.wf-monday-logo i:nth-child(2){background:#00c875}.wf-monday-logo i:nth-child(3){height:7px;align-self:flex-end;margin-bottom:7px}.wf-monday-logo b{font-size:21px;letter-spacing:-.8px;margin-left:5px}.wf-monday-logo b span{font-size:13px;letter-spacing:-.3px;font-weight:400}
.wf-board-avatar{margin-left:auto;background:#f1dfd4;color:#825a44;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px}.wf-board-content{padding:22px 32px}.wf-board-title{display:flex;justify-content:space-between;align-items:center}.wf-board-title h3{font-size:31px;font-weight:600;letter-spacing:-.6px}.wf-board-title h3 span{font-size:18px;font-weight:400;color:#9296a0;margin-left:10px}.wf-board-title>span{color:#8b8f9b;font-size:24px}
.wf-board-tabs{height:44px;display:flex;align-items:center;gap:25px;border-bottom:1px solid #e7e9ee;margin-top:9px;font-size:13px}.wf-board-tabs>b{display:flex;align-items:center;gap:6px;height:100%;border-bottom:2px solid #0073ea;font-weight:400}.wf-board-tabs aside{margin-left:auto}.wf-board-tabs .wf-icon{width:15px;height:15px}.wf-board-tools{height:56px;display:flex;align-items:center;gap:25px;font-size:13px;color:#646773}.wf-board-tools>b{background:#0073ea;color:white;padding:7px 13px;border-radius:4px;font-weight:400}.wf-board-tools .wf-icon{width:15px;height:15px;margin-right:5px}
.wf-board{--group:#579bfc}.wf-board.next-month{--group:#a25ddc;margin-top:23px}.wf-table-head,.wf-table-row{display:grid;grid-template-columns:28px minmax(270px,1fr) 130px 165px 190px 120px 150px 28px;align-items:center}.wf-table-head{height:35px;font-size:13px;text-align:center}.wf-table-head strong{color:var(--group);font-size:20px;font-weight:400;text-align:left}
.wf-table-row{height:43px;background:#f5f6f8;border-left:4px solid var(--group);border-bottom:3px solid white;font-size:15px}.wf-table-row>*{height:100%;display:flex;align-items:center;justify-content:center;border-right:3px solid white;min-width:0}.wf-table-row>:nth-child(2){justify-content:flex-start;font-weight:400;padding-left:10px}.wf-table-row .wf-checkbox:before{content:'';width:12px;height:12px;border:1px solid #d3d6df;border-radius:2px}
.wf-owner i{font:normal 10px Arial,sans-serif;width:26px;height:26px;display:grid;place-items:center;color:#615058;border-radius:50%;background:#e5d3d5}.wf-owner img{width:23px;height:23px;display:none}.wf-status{background:#c4c4c4;color:white}.wf-status.done{background:#00c875}.wf-status.working{background:#fdab3d}.wf-status.stuck{background:#e2445c}
.wf-timeline{display:block;width:145px;height:13px;background:#c7cbd3;border-radius:20px;overflow:hidden}.wf-timeline b{display:block;height:100%;background:var(--group)}.wf-stars{color:#ffcb00;letter-spacing:2px;font-size:21px}.wf-stars i{color:#c5c7cf;font-style:normal}.wf-bug-ticket{height:0;opacity:0;overflow:hidden}.wf-bug-ticket .wf-table-row{background:#eaf3ff}.wf-task-owner{font-size:12px;gap:7px;color:#737783}.wf-bug-ticket.claimed .wf-task-owner{color:#323338}.wf-bug-ticket.claimed .wf-task-owner img{display:block}
/* Dark GitHub editor: syntax, line numbers, file tree and agent pane. */
.wf-coding{background:#17242a;color:#a9bdc6;border-color:#29383f}.wf-code-top{height:42px;padding:0 19px;display:flex;align-items:center;gap:20px;background:#101b20;border-bottom:1px solid #2b383e;font-size:13px}.wf-code-top img{width:83px;filter:brightness(0) invert(1);opacity:.88}.wf-code-top>div{margin-left:auto;display:flex;align-items:center;gap:8px;width:270px;color:#748993;border:1px solid #3b4950;border-radius:5px;padding:4px 10px}.wf-code-top .wf-icon{width:14px;height:14px}.wf-code-top>span:last-child{color:#637c89}
.wf-code-body{display:grid;grid-template-columns:180px minmax(0,1fr) 340px;height:calc(100% - 66px)}.wf-file-tree{background:#142026;border-right:1px solid #2b3a41;font-size:12px;padding-top:14px}.wf-file-tree>b{display:block;font-size:10px;font-weight:500;letter-spacing:1px;padding:0 13px 17px}.wf-file-tree>b span{float:right}.wf-file-tree p{padding:6px 12px;color:#829ca8}.wf-file-tree .indent{padding-left:24px}.wf-file-tree .selected{color:#99cee7;background:#243840;border-left:2px solid #51a6de;padding-left:22px}.wf-file-tree .selected span{color:#8db77c;float:right}
.wf-editor{min-width:0;border-right:1px solid #34434b;position:relative}.wf-editor-tabs{height:36px;background:#142026;display:flex}.wf-editor-tabs b{font-size:13px;font-weight:400;padding:10px 15px;background:#1c2d34;border-top:1px solid #73bdd4}.wf-editor-tabs span{margin-left:30px;color:#85ad7c}.wf-breadcrumb{font-size:11px;color:#738a95;padding:7px 18px}
.wf-code-block{margin:10px 18px 0 12px;border:1px dashed #40515a;border-radius:9px;background:#111d22;box-shadow:0 7px 18px #0002;padding:12px 0}.wf-editor pre{font:17px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;counter-reset:code-line;min-height:270px;color:#93bcd1}.wf-code-line{display:block;min-height:1.7em;padding:0 10px 0 53px;position:relative}.wf-code-line:before{counter-increment:code-line;content:counter(code-line);position:absolute;left:0;width:34px;text-align:right;color:#526975;font-size:13px}.wf-syntax-comment{color:#6d8994}.wf-syntax-keyword{color:#4da5e4}.wf-syntax-string{color:#a5c897}
.wf-tests{position:absolute;left:0;bottom:0;right:0;padding:12px 20px;border-top:1px solid #31454f;background:#142026;font:13px/1.7 ui-monospace,monospace}.wf-tests>div{font:10px Arial,sans-serif;margin-bottom:10px;color:#ccd7dc}.wf-tests>div>span{color:#687e8a}.wf-tests p>span,.wf-tests>b{color:#83b88b}.wf-tests small{color:#718a94;font-weight:400}
.wf-agent-chat{padding:0 17px;background:#172329;position:relative;font-size:14px}.wf-agent-chat header{display:flex;gap:9px;align-items:center;height:47px;border-bottom:1px solid #34424a;margin-bottom:17px}.wf-agent-chat header img{width:21px;height:21px}.wf-agent-chat header b{font-size:13px;color:#e0e7e9}.wf-agent-chat header>span{margin-left:auto}.wf-agent-request{background:#28383f;border:1px solid #36484f;color:#e2e8eb;border-radius:8px;padding:13px;font-size:14px}.wf-agent-chat>p{margin-top:16px;line-height:1.65;color:#a4b6be}.wf-agent-chat code{font-size:12px;color:#8ac1da}.wf-agent-tool{margin-top:18px;font-size:11px;display:flex;gap:5px;align-items:center;color:#849da8}.wf-agent-tool .wf-icon{width:15px;height:15px}.wf-agent-tool>span{color:#8ab695;margin-left:auto}
.wf-pr{margin-top:22px;background:#111d22;border:1px solid #395448;padding:15px;border-radius:8px}.wf-pr>div:first-child{display:flex;align-items:center;gap:8px;color:#80bf8c}.wf-pr-open{color:#b1ddbd;background:#204a32;border-radius:20px;padding:2px 10px;font-size:11px}.wf-pr small{font-size:11px;color:#6e8995}.wf-pr h4{font-size:17px;font-weight:500;color:#d5e2e8;margin:12px 0 7px}.wf-pr p{font-size:12px;line-height:1.5;color:#8fa4af}.wf-checks{display:flex;align-items:center;gap:6px;color:#86be91;font-size:12px;border-top:1px solid #2c3d37;padding-top:10px;margin:13px 0 8px}.wf-checks .wf-icon{width:15px;height:15px}
.wf-code-composer{position:absolute;bottom:16px;left:17px;right:17px;border:1px solid #3b4b52;border-radius:7px;padding:12px;color:#718b96;font-size:13px}.wf-code-composer span{float:right;color:#b7c3ca}.wf-code-composer .wf-icon{width:14px;height:14px}
.wf-code-status{height:24px;padding:3px 14px;background:#213b49;color:#a0bac6;font-size:11px}.wf-code-status .wf-icon{width:13px;height:13px}.wf-code-status>span{float:right}
/* Field & Form: photographic, editorial storefront and checkout. */
.wf-shop{color:#36372f;background:#faf9f5;border-color:#d8d4ca}.wf-browser-bar{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#eae9e5;border-bottom:1px solid #d8d7d1;color:#878983;font-size:10px}.wf-browser-bar>span:nth-child(2){display:flex;align-items:center;gap:5px}.wf-browser-bar .wf-icon{width:10px;height:10px}.wf-browser-dots{display:flex;gap:6px}.wf-browser-dots i{width:8px;height:8px;border-radius:50%;background:#b9b9b1}
.wf-shop-top{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid #dcd9d0}.wf-shop-top>b{font:32px/1 Georgia,'Times New Roman',serif;letter-spacing:-1.5px}.wf-shop-top>span{width:220px;font-size:12px;letter-spacing:.2px}.wf-shop-top>span:last-child{text-align:right;color:#7c8072}.wf-shop-top .wf-icon{width:13px;height:13px;margin-right:5px}
.wf-checkout{display:grid;grid-template-columns:52% 48%;height:calc(100% - 92px)}.wf-product-story{position:relative;overflow:hidden;background:#dcd3c0;border-right:1px solid #d8d2c5}.wf-product-photo{width:100%;height:100%;object-fit:cover;object-position:50% 61%;display:block}.wf-story-copy{position:absolute;top:33px;left:39px;color:#494537}.wf-story-copy>small{font-size:10px;letter-spacing:2px}.wf-story-copy h3{font:52px/1.04 Georgia,'Times New Roman',serif;letter-spacing:-2px;margin-top:15px;font-weight:400}.wf-photo-caption{position:absolute;bottom:22px;left:39px;right:32px;display:flex;justify-content:space-between;font-size:12px;color:#464435;border-top:1px solid #6b64544a;padding-top:10px}
.wf-payment{padding:22px 48px 18px;min-width:0}.wf-checkout-steps{font-size:10px;color:#939588;letter-spacing:.6px}.wf-checkout-steps>span{margin:0 13px;color:#cbcbbb}.wf-checkout-steps>b{color:#414b3b;font-weight:500}.wf-pay-form>h3{font:37px/1.1 Georgia,serif;letter-spacing:-1px;margin:14px 0 17px;font-weight:400}
.wf-order-line{display:flex;gap:14px;align-items:center;padding-bottom:16px;border-bottom:1px solid #dcdcd2;margin-bottom:15px}.wf-order-line>img{width:59px;height:64px;object-fit:cover;border-radius:2px}.wf-order-line>div{display:flex;flex-direction:column;gap:6px}.wf-order-line b{font-size:15px;font-weight:500}.wf-order-line span{font-size:11px;color:#858776}.wf-order-line strong{margin-left:auto;font-size:15px;font-weight:400}
.wf-payment label{display:block;font-size:11px;color:#737965;margin:11px 0 6px}.wf-fake-input{display:flex;align-items:center;gap:8px;height:37px;padding:0 12px;border:1px solid #d2d4c7;border-radius:4px;color:#636956;background:#fffffd;font-size:13px}.wf-fake-input>span{margin-left:auto;color:#677857}.wf-fake-input .wf-icon{width:16px;height:16px;color:#8b9680}.wf-fake-input .wf-visa{font-size:10px;font-weight:700;letter-spacing:.5px;color:#374e72}.wf-input-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}.wf-input-row .wf-icon{margin-left:auto;width:13px;height:13px}
.wf-subtotal{display:flex;justify-content:space-between;font-size:11px;color:#888d7e;margin:17px 0 8px}.wf-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dcdfd2;padding-top:10px;margin-bottom:13px;font-size:16px}.wf-total small{font-size:9px;margin-left:6px;color:#959b8b}.wf-total b{font-size:21px;font-weight:400}.wf-pay-button{height:43px;display:flex;align-items:center;justify-content:center;background:#343f2e;color:#fafaf0;font-size:13px;letter-spacing:.4px;border-radius:3px}.wf-checkout-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:#959b88;margin-top:9px}.wf-checkout-note .wf-icon{width:11px;height:11px}
.wf-paid{padding:36px 0 0}.wf-confirm-mark{width:45px;height:45px;border:1px solid #9ba98e;display:grid;place-items:center;border-radius:50%;color:#657854;margin-bottom:22px}.wf-confirm-mark .wf-icon{width:23px;height:23px;stroke-width:1.4}.wf-paid>small{font-size:10px;letter-spacing:2px;color:#8b927c}.wf-paid>h3{font:55px/1.05 Georgia,serif;font-weight:400;letter-spacing:-2px;margin:17px 0 22px}.wf-paid>p{color:#868b7c;font-size:15px;line-height:1.7}.wf-confirm-details{display:flex;flex-direction:column;gap:12px;border-top:1px solid #d7ddcb;padding-top:20px;margin-top:22px;font-size:11px;color:#79836c}.wf-confirm-details .wf-icon{width:14px;height:14px;margin-right:5px}.wf-return-shop{margin-top:26px;display:flex;align-items:center;gap:20px;font-size:12px;color:#505e43}.wf-return-shop .wf-icon{width:17px;height:17px}
.workflow-cursor{position:absolute;left:0;top:0;z-index:5;pointer-events:none;width:25px;height:32px;filter:drop-shadow(0 2px 3px #00272c26)}.workflow-cursor svg{width:25px;height:32px;display:block}.workflow-cursor span{position:absolute;top:29px;left:17px;background:#20323b;color:#fff;padding:4px 9px;border-radius:4px;white-space:nowrap;font:11px/1.3 Arial,sans-serif}.workflow-cursor.click::before{content:'';position:absolute;width:34px;height:34px;left:-13px;top:-13px;border:2px solid #10b981;border-radius:50%}
@media(prefers-reduced-motion:reduce){.workflow-cursor{display:none}}