/* Back-office workflows share the Channels typography and spacing. */
.bo-page [hidden]{display:none!important}
.bo-stage{position:relative;isolation:isolate;overflow:hidden;margin:0 0 32px;padding:48px;text-align:left;border-radius:18px;border:1px solid #d6e0ef;background:radial-gradient(ellipse at 6% 0%,#b9caff 0%,transparent 56%),radial-gradient(ellipse at 98% 100%,#a4ccc3 0%,transparent 58%),#e9edf4}
.bo-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,#ffffff40,transparent 55%,#ffffff50)}
.bo-workspace{background:#fbfcffeb;border:1px solid #fff;border-radius:12px;box-shadow:0 24px 65px #1a354d20;overflow:hidden;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.bo-workspace-head{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #dfe5ee;font-size:13px;font-weight:500}
.bo-workspace-head .brand-symbol{width:17px;height:21px}
.bo-example-label{margin-left:auto;color:#69778a;font-size:11px;font-weight:400}
.bo-workspace-body{display:grid;grid-template-columns:220px minmax(0,1fr)}
.bo-sidebar{padding:26px 18px;background:#f1f4fa99;border-right:1px solid #dfe5ee}
.bo-sidebar-label{display:block;padding:0 12px 18px;font-size:10px;letter-spacing:.08em;color:#76849b;text-transform:uppercase}
.bo-choices{display:grid;gap:8px}
.bo-choice{display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:7px;padding:15px 12px;background:transparent;text-align:left;color:#5d6d85;font:inherit;font-size:12px;line-height:1.5;cursor:pointer}
.bo-choice>span:first-child{font-size:10px;color:#8a98ad;font-variant-numeric:tabular-nums}
.bo-choice[aria-pressed=true]{background:white;border-color:#dce4f2;color:#244ad5;box-shadow:0 3px 10px #2b4b7810}
.bo-choice:hover{background:#fff9}
.bo-workflow{padding:28px 32px 30px;min-width:0}
.bo-workflow-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:24px}
.bo-workflow-heading small{display:block;font-size:10px;color:#79879c;margin-bottom:8px}
.bo-page .bo-workflow-heading h2{font-size:24px;letter-spacing:-.035em;line-height:1.25}
.bo-status{display:flex;align-items:center;gap:7px;flex:none;border-radius:20px;padding:7px 10px;background:#eef1fc;color:#536fb8;font-size:10px;line-height:1.5}
.bo-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.bo-workspace[data-state=complete] .bo-status{color:#287661;background:#e8f4ef}
.bo-steps{display:flex;gap:0;padding:0;margin:0 0 25px;list-style:none}
.bo-steps li{position:relative;flex:1;font-size:10px;color:#73839a;border-top:2px solid #dce4f0;padding-top:12px}
.bo-steps li:before{content:"";position:absolute;left:0;top:-5px;width:8px;height:8px;border-radius:50%;background:#d1dcec;box-shadow:0 0 0 4px #fbfcff}
.bo-steps li[data-step=done]{border-color:#94b5aa;color:#437965}
.bo-steps li[data-step=done]:before{background:#72a592}
.bo-steps li[data-step=current]{color:#365cff;border-color:#365cff}
.bo-steps li[data-step=current]:before{background:#365cff}
.bo-brief{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:18px 0;border-block:1px solid #e3e8f1}
.bo-brief small{display:block;font-size:10px;color:#8390a2;margin-bottom:7px}
.bo-brief strong{display:block;color:#40516d;font-size:12px;font-weight:500;line-height:1.65}
.bo-message{display:flex;gap:14px;align-items:flex-start;padding:23px 0 20px}
.bo-supra{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex:none;background:#e5ebff;border:1px solid #cdd9fb;border-radius:11px;color:#365cff}
.bo-message .bo-author{font-size:12px;color:#324766}
.bo-author span{font-size:10px;color:#7d8ba1;margin-left:7px}
.bo-page .bo-message p{font-size:13px;line-height:1.75;margin:8px 0 0;max-width:620px;color:#61738f}
.bo-approval{padding:17px 18px;display:flex;align-items:center;gap:15px;border:1px solid #d9e2f2;background:#f0f4fc;border-radius:8px}
.bo-human{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;background:#ecdcd1;color:#765c4a;flex:none;font-size:11px}
.bo-approval strong{display:block;font-size:11px;font-weight:500;color:#415875}
.bo-approval small{display:block;font-size:10px;color:#7c8ca5;line-height:1.7;margin-top:4px}
.bo-approve{margin-left:auto;flex:none;min-height:40px;padding:11px 14px;background:#365cff;border:0;border-radius:5px;color:#fff;font:inherit;font-size:11px;cursor:pointer}
.bo-approve:hover{background:#284bdc}
.bo-approve:disabled{background:#dce4ee;color:#62768e;cursor:default}
.bo-result-row{display:flex;align-items:center;gap:16px;margin-top:18px;min-height:34px}
.bo-page .bo-result{margin:0;color:#79899e;font-size:10px;line-height:1.6;flex:1}
.bo-reset{background:none;border:0;padding:8px 0 8px 10px;flex:none;color:#4261a0;cursor:pointer;font:inherit;font-size:10px;text-decoration:underline;text-underline-offset:3px}
.bo-page button:focus-visible,.bo-page a:focus-visible{outline:3px solid #365cff;outline-offset:4px}
.bo-library{padding:85px 0 90px}
.bo-library-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:45px}
.bo-library-heading>p{max-width:460px;margin:0 0 3px}
.bo-task-list{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}
.bo-task{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:28px 0;border-top:1px solid #dce3ed}
.bo-task>span{font-size:10px;color:#7d90af;padding-top:5px}
.bo-page .bo-task h3{font-size:22px;line-height:1.4;margin:0 0 12px}
.bo-page .bo-task p{font-size:13px;line-height:1.85;margin:0;max-width:430px}
.bo-learning{background:#14263e;color:#eef3fc;padding:80px 0}
.bo-learning-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:45px}
.bo-page .bo-learning h2{color:#f4f7ff}
.bo-page .bo-learning .ch-eyebrow{color:#a9bcf5}
.bo-learning .ch-text-link{color:#b8c9ff;flex:none;margin-bottom:5px}
.bo-learning-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}
.bo-learning-steps article{padding-top:22px;border-top:1px solid #d4e1ff33}
.bo-learning-steps small{font-size:10px;letter-spacing:.1em;color:#9cb2db}
.bo-page .bo-learning-steps h3{font-size:24px;line-height:1.35;margin:15px 0;color:#eef3fc}
.bo-page .bo-learning-steps p{font-size:13px;color:#b0bfd5;line-height:1.85;margin:0}
.bo-faq{padding-top:90px}
.bo-page .ch-more-channels{flex-wrap:wrap}
@media(min-width:1001px) and (max-width:1200px){.bo-stage{padding:32px}.bo-workspace-body{grid-template-columns:190px minmax(0,1fr)}.bo-workflow{padding:25px}.bo-approval{flex-wrap:wrap}.bo-approve{margin-left:47px}.bo-workflow-heading{flex-wrap:wrap}}
@media(max-width:1000px){.bo-stage{padding:24px}.bo-workspace-body{grid-template-columns:1fr}.bo-sidebar{padding:16px;border-right:0;border-bottom:1px solid #dfe5ee}.bo-sidebar-label{display:none}.bo-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.bo-choice{padding:12px 10px;gap:7px;font-size:11px}.bo-workflow{padding:26px}.bo-library-heading{gap:35px}.bo-task-list{gap:0 35px}}
@media(max-width:760px){.bo-stage{padding:13px;margin-bottom:5px;border-radius:12px}.bo-workspace-head{padding:17px 16px;font-size:11px;gap:9px}.bo-example-label{font-size:9px}.bo-sidebar{padding:10px}.bo-choices{grid-template-columns:1fr 1fr}.bo-choice{min-height:43px}.bo-workflow{padding:23px 16px}.bo-workflow-heading{flex-wrap:wrap;gap:12px}.bo-page .bo-workflow-heading h2{font-size:22px}.bo-status{font-size:9px;padding:6px 9px}.bo-steps{margin-top:28px}.bo-steps li{font-size:9px}.bo-brief{grid-template-columns:1fr;gap:16px}.bo-message{gap:10px}.bo-author span{display:block;margin:4px 0 0}.bo-page .bo-message p{font-size:12px}.bo-approval{flex-wrap:wrap;padding:15px 12px;gap:10px}.bo-approval>div:nth-child(2){flex:1}.bo-approve{width:100%;margin-left:0}.bo-result-row{align-items:flex-start;gap:7px}.bo-reset{font-size:9px;max-width:90px}.bo-library{padding:55px 0}.bo-library-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.bo-task-list{grid-template-columns:1fr}.bo-task{padding:24px 0;gap:8px;grid-template-columns:25px 1fr}.bo-page .bo-task h3{font-size:21px}.bo-learning{padding:55px 0}.bo-learning-heading{display:block;margin-bottom:30px}.bo-learning .ch-text-link{margin-top:24px}.bo-learning-steps{grid-template-columns:1fr;gap:28px}.bo-page .bo-learning-steps h3{font-size:22px}.bo-faq{padding-top:55px}}
@media(prefers-reduced-transparency:reduce){.bo-workspace{background:#fbfcff;backdrop-filter:none;-webkit-backdrop-filter:none}}