/* Desktop application shell, matched to the supplied product screenshot. */
.product-window{border:1px solid #c9c9cd;border-radius:10px 10px 12px 12px;background:#f8f8f9;overflow:hidden;box-shadow:0 24px 65px -36px #26345040,0 2px 5px #26345008}
.product-window-bar{height:39px;display:flex;align-items:center;background:#fff;color:#74747e;border-bottom:1px solid #ececef;font-size:16px;line-height:1;user-select:none}
.product-window-sidebar-toggle{display:grid;place-items:center;width:53px;flex-shrink:0}
.product-window-sidebar-toggle .icon{width:18px;height:18px;stroke-width:1.6}
.product-window-separator{width:1px;height:16px;background:#e1e1e5;margin-right:21px}
.product-window-menus{display:flex;align-items:center;gap:29px;letter-spacing:.5px}
.product-window-controls{display:flex;align-items:center;gap:0;align-self:stretch;margin-left:auto}
.product-window-controls>span{display:grid;place-items:center;width:52px}
.product-window-controls .icon{width:16px;height:16px;stroke-width:1.5}
.product-window .workspace{display:grid;grid-template-columns:60px minmax(0,1fr);gap:0;padding:12px 12px 12px 0;min-height:655px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.product-window .workspace-sidebar{display:flex;flex-direction:column;align-items:center;padding:8px 0 0;background:transparent;border:0;gap:0;min-width:0}
.product-rail-navigation{display:flex;flex-direction:column;align-items:center;gap:6px}
.product-rail-item{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;color:#77777f;border-radius:50%}
.product-rail-item .icon{display:block;width:22px;height:22px;stroke-width:1.8}
.product-rail-item.is-active{background:#edf0f8;color:#5078c7}
.product-rail-item.is-active .icon{width:24px;height:24px;fill:currentColor;stroke:none}
.product-rail-account{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:auto;padding-top:35px;padding-bottom:0}
.product-rail-notification{display:grid;place-items:center;position:relative;width:36px;height:35px;color:#7c7c85}
.product-rail-notification>span{display:flex}
.product-rail-notification .icon{width:22px;height:22px;stroke-width:1.8}
.product-rail-avatar{display:grid;place-items:center;flex-shrink:0;width:41px;height:41px;border-radius:50%;background:#3fb783;color:#fff;font-size:17px;font-weight:600;box-shadow:0 3px 7px #3fb78314}
.product-window .workspace-main{min-width:0;padding:29px 32px 26px;border:1px solid #e9e9ec;border-radius:0 23px 23px 0;background:#fff;box-shadow:5px 8px 13px #252a3603}
.product-window .workspace-breadcrumb{flex-wrap:wrap;row-gap:5px}
.product-window .task-heading{margin-top:23px}
.product-window .task-heading h2{font-size:24px}
.product-window .task-heading p{margin-top:7px}
.product-window .task-metadata{margin-top:18px}
.product-window .flow-track{margin-top:25px}
.product-window .execution-panel{margin-top:23px}
.product-window .workspace-bottom{margin-top:21px}
.product-window .demo-tour-progress{left:60px;right:12px;bottom:12px;border-radius:0 0 22px 0;overflow:hidden}
@media(max-width:1023px){
  .product-window .workspace{grid-template-columns:56px minmax(0,1fr);min-height:640px}
  .product-window .workspace-main{padding:26px 24px}
  .product-window .demo-tour-progress{left:56px}
}
@media(max-width:767px){
  .product-window{border-radius:8px 8px 12px 12px}
  .product-window-bar{height:31px;font-size:12px}
  .product-window-sidebar-toggle{width:34px}
  .product-window-sidebar-toggle .icon{width:14px;height:14px}
  .product-window-separator{height:13px;margin-right:13px}
  .product-window-menus{gap:19px;letter-spacing:0}
  .product-window-controls>span{width:29px}
  .product-window-controls .icon{width:12px;height:12px}
  .product-window .workspace{grid-template-columns:44px minmax(0,1fr);padding:8px 8px 8px 0;min-height:680px}
  .product-window .workspace-sidebar{padding-top:5px}
  .product-rail-navigation{gap:8px}
  .product-rail-item{width:32px;height:32px}
  .product-rail-item .icon{width:18px;height:18px;stroke-width:1.7}
  .product-rail-item.is-active .icon{width:20px;height:20px}
  .product-rail-account{gap:12px;padding-top:30px}
  .product-rail-notification{width:29px;height:29px}
  .product-rail-notification .icon{width:19px;height:19px}
  .product-rail-avatar{width:32px;height:32px;font-size:14px}
  .product-window .workspace-main{padding:19px 13px 21px;border-radius:0 16px 16px 0}
  .product-window .workspace-breadcrumb{font-size:8px;gap:4px;line-height:1.8;letter-spacing:0}
  .product-window .demo-live{font-size:8px}
  .product-window .task-heading{margin-top:17px;gap:13px}
  .product-window .task-heading h2{font-size:18px;line-height:1.6}
  .product-window .task-heading p{font-size:10px;line-height:1.9}
  .product-window .task-category{font-size:8px;letter-spacing:0}
  .product-window .avatar-stack span{width:25px;height:25px;font-size:9px}
  .product-window .task-metadata{gap:6px;margin-top:14px}
  .product-window .task-metadata span{font-size:9px;padding:5px 7px}
  .product-window .flow-track{margin-top:18px;padding:7px}
  .product-window .flow-track button{padding:8px 9px}
  .product-window .flow-track button b{font-size:11px}
  .product-window .flow-track button small{font-size:9px}
  .product-window .flow-track button>span{font-size:9px;width:20px;height:20px}
  .product-window .execution-panel{padding:13px 11px;margin-top:17px;border-left-width:2px}
  .product-window .execution-head{gap:8px}
  .product-window .execution-head>div{min-width:0;flex:1}
  .product-window .agent-symbol{width:26px;height:26px;border-radius:8px;font-size:12px}
  .product-window .execution-head strong{font-size:11px;line-height:1.8}
  .product-window .execution-head p{font-size:9px;line-height:1.8}
  .product-window .status-tag{font-size:8px;padding:4px 8px;letter-spacing:0}
  .product-window .execution-rows>div{flex-wrap:wrap;font-size:10px;padding:8px;gap:7px;line-height:1.8}
  .product-window .execution-rows>div small{font-size:8px;letter-spacing:0}
  .product-window .execution-rows>div>span{width:17px;height:17px;font-size:9px}
  .product-window .execution-bottom{flex-direction:column;align-items:flex-start;gap:10px}
  .product-window .execution-bottom>span{font-size:8px;line-height:1.9;letter-spacing:0}
  .product-window .execution-bottom button{font-size:10px;padding:7px 10px}
  .product-window .workspace-bottom{font-size:8px;line-height:1.8;letter-spacing:0;margin-top:16px;gap:5px}
  .product-window .demo-tour-progress{left:44px;right:8px;bottom:8px;border-radius:0 0 16px 0}
}