.keypiece-office-demo{--office-theme-primary:#047857;--office-theme-primary-deep:#065f46;--office-theme-primary-soft:#ecfdf3;--office-theme-primary-ring:rgba(4,120,87,.14);color-scheme:dark;font-family:Inter,Segoe UI,sans-serif}.keypiece-office-demo *{box-sizing:border-box}.keypiece-office-demo{margin:0;height:100%;min-height:100%;overflow:hidden}.keypiece-office-demo{background:#043b32;color:#ecfdf5}.keypiece-office-demo button,.keypiece-office-demo input,.keypiece-office-demo select{font:inherit}.keypiece-office-demo button{cursor:pointer}.keypiece-office-demo .keypiece-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(395px,28vw,420px);gap:14px;height:100dvh;max-height:100dvh;min-height:0;padding:20px;overflow:hidden}.keypiece-office-demo .keypiece-shell.office-panel-collapsed{grid-template-columns:minmax(0,1fr)}.keypiece-office-demo .insight-rail,.keypiece-office-demo .office-workspace,.keypiece-office-demo .workspace-sidebar{min-height:0;max-height:100%}.keypiece-office-demo .workspace-sidebar{display:flex;flex-direction:column;gap:20px;padding:22px 18px;border:1px solid rgba(113,133,148,.22);border-radius:20px;background:rgba(250,252,253,.92);box-shadow:0 18px 40px rgba(96,122,140,.12);backdrop-filter:blur(16px);overflow:auto}.keypiece-office-demo .brand-lockup{display:flex;align-items:center;gap:12px;font-size:1rem;font-weight:700}.keypiece-office-demo .brand-mark{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,var(--office-theme-primary-deep) 0,var(--office-theme-primary) 100%);box-shadow:0 0 0 6px var(--office-theme-primary-ring)}.keypiece-office-demo .channel-list,.keypiece-office-demo .insight-rail,.keypiece-office-demo .office-status,.keypiece-office-demo .primary-nav{display:flex;flex-direction:column}.keypiece-office-demo .primary-nav{gap:8px}.keypiece-office-demo .channel-list button,.keypiece-office-demo .office-switcher,.keypiece-office-demo .primary-nav button,.keypiece-office-demo .topbar-actions button{border:0;background:hsla(0,0%,100%,.94)}.keypiece-office-demo .channel-list button,.keypiece-office-demo .primary-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:12px;color:#425160;transition:background-color .16s ease,color .16s ease,transform .16s ease}.keypiece-office-demo .channel-list button:hover,.keypiece-office-demo .primary-nav button:hover{background:rgba(15,23,32,.05);color:#0f1720}.keypiece-office-demo .primary-nav button.active{background:linear-gradient(135deg,rgba(4,120,87,.16),rgba(236,253,243,.92));color:var(--office-theme-primary-deep);font-weight:600}.keypiece-office-demo .nav-glyph{width:14px;height:14px;border-radius:4px;border:1.5px solid}.keypiece-office-demo .channel-list,.keypiece-office-demo .office-status{gap:10px}.keypiece-office-demo .channel-list h2,.keypiece-office-demo .office-status h2{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7a88}.keypiece-office-demo .channel-list button span:first-child{color:#98a6b3}.keypiece-office-demo .channel-list button strong{margin-left:auto;font-size:.78rem;color:#5b6b78}.keypiece-office-demo .employee-panel p,.keypiece-office-demo .office-status p,.keypiece-office-demo .panel-kicker{margin:0}.keypiece-office-demo .status-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:999px}.keypiece-office-demo .status-dot.good{background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.12)}.keypiece-office-demo .status-dot.blocked{background:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.12)}.keypiece-office-demo .people-stack{display:flex;flex-wrap:wrap;gap:8px}.keypiece-office-demo .people-stack span,.keypiece-office-demo .people-stack strong,.keypiece-office-demo .profile-button span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px}.keypiece-office-demo .people-stack span,.keypiece-office-demo .people-stack strong{background:#eff4f7;color:#465563;font-size:.8rem;font-weight:600}.keypiece-office-demo .office-workspace{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;overflow:hidden}.keypiece-office-demo .topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:10px 12px;border:1px solid rgba(113,133,148,.2);border-radius:16px;background:rgba(248,250,251,.84);box-shadow:0 16px 32px rgba(96,122,140,.08);backdrop-filter:blur(12px)}.keypiece-office-demo .topbar-meta,.keypiece-office-demo .topbar-title{display:inline-flex;align-items:center;min-width:0}.keypiece-office-demo .topbar-title{gap:9px}.keypiece-office-demo .topbar-meta span,.keypiece-office-demo .topbar-title>span{display:inline-flex;align-items:center;white-space:nowrap}.keypiece-office-demo .topbar-title>span{color:#4d5d6c;font-size:.76rem;font-weight:850}.keypiece-office-demo .topbar-meta{flex:1;justify-content:center;gap:8px;color:#5a6a78;font-size:.72rem;font-weight:850}.keypiece-office-demo .topbar-meta span{min-height:28px;padding:0 9px;border:1px solid rgba(113,133,148,.16);border-radius:999px;background:hsla(0,0%,100%,.62)}.keypiece-office-demo .office-switcher,.keypiece-office-demo .profile-button{border-radius:10px}.keypiece-office-demo .office-switcher{padding:9px 13px;background:var(--office-theme-primary);color:#f8fafc;font-size:.86rem;font-weight:600;box-shadow:0 10px 24px rgba(4,120,87,.18)}.keypiece-office-demo .search-box{display:flex;align-items:center;flex:1;gap:10px;min-width:0;padding:0 14px;height:44px;border:1px solid rgba(113,133,148,.24);border-radius:14px;background:hsla(0,0%,100%,.82)}.keypiece-office-demo .search-box span{width:14px;height:14px;border:2px solid #8a99a7;border-radius:999px;position:relative}.keypiece-office-demo .search-box span:after{content:"";position:absolute;right:-5px;bottom:-4px;width:6px;height:2px;border-radius:999px;background:#8a99a7;transform:rotate(45deg)}.keypiece-office-demo .search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#0f1720}.keypiece-office-demo .search-box input::placeholder{color:#82919d}.keypiece-office-demo .topbar-actions{display:flex;align-items:center;gap:10px}.keypiece-office-demo .topbar-actions>button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:hsla(0,0%,100%,.86);border:1px solid rgba(113,133,148,.18)}.keypiece-office-demo .topbar-actions>button:not(.profile-button):before{content:"";width:16px;height:16px;border:2px solid #536272;border-radius:999px}.keypiece-office-demo .topbar-actions>button:not(.profile-button)[aria-label=Team]:after{content:"";position:absolute;width:18px;height:8px;border:2px solid #536272;border-top:0;border-radius:0 0 999px 999px;transform:translateY(9px)}.keypiece-office-demo .topbar-actions>button:not(.profile-button)[aria-label=Notifications]:before{width:15px;height:17px;border-radius:9px 9px 6px 6px;border-bottom-width:3px}.keypiece-office-demo .topbar-actions>button:not(.profile-button)[aria-label=Notifications]:after{content:"";position:absolute;bottom:8px;width:5px;height:5px;border-radius:999px;background:#536272}.keypiece-office-demo .profile-button{display:inline-flex;align-items:center;gap:7px;min-width:0;padding:3px 8px 3px 3px;background:hsla(0,0%,100%,.92);border:1px solid rgba(113,133,148,.18);color:#22303d;font-size:.8rem;white-space:nowrap}.keypiece-office-demo .profile-button strong{font-weight:850}.keypiece-office-demo .profile-button span{background:linear-gradient(135deg,#2774ff,#7ae2ff);color:#fff;font-size:.78rem;font-weight:700}.keypiece-office-demo .office-stage{position:relative;flex:1 1 auto;height:100%;min-height:0;overflow:hidden;border:1px solid rgba(113,133,148,.2);border-radius:24px;background:transparent;box-shadow:0 26px 60px rgba(88,112,130,.16)}.keypiece-office-demo #officeViewport,.keypiece-office-demo .office-viewport{position:absolute;inset:0;min-height:100%}.keypiece-office-demo #officeViewport canvas,.keypiece-office-demo .office-viewport canvas{display:block;width:100%;height:100%}.keypiece-office-demo .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.keypiece-office-demo .label-layer{position:absolute;inset:0;pointer-events:none;z-index:1}.keypiece-office-demo .cluster-callout-layer{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.keypiece-office-demo .cluster-callout-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.keypiece-office-demo .cluster-callout-line{fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.72;vector-effect:non-scaling-stroke}.keypiece-office-demo .cluster-callout-anchor{opacity:.88;stroke:hsla(0,0%,100%,.92);stroke-width:1.4}.keypiece-office-demo .cluster-callout-rails{position:absolute;inset:0}.keypiece-office-demo .cluster-callout-rail{position:absolute;display:grid;gap:6px}.keypiece-office-demo .cluster-callout-chip{--cluster-callout-color:#2774ff;display:grid;grid-template-columns:8px minmax(0,1fr);align-items:center;gap:5px;min-width:0;padding:0 9px 0 6px;border:1px solid color-mix(in srgb,var(--cluster-callout-color) 34%,rgba(15,23,32,.14));border-left:3px solid var(--cluster-callout-color);border-radius:8px;background:hsla(0,0%,100%,.94);box-shadow:0 10px 20px rgba(30,41,59,.14);color:color-mix(in srgb,var(--cluster-callout-color) 44%,#101820);font-size:.66rem;font-weight:950;letter-spacing:0;line-height:1;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.keypiece-office-demo .cluster-callout-dot{display:block;width:6px;height:6px;border:0;border-radius:999px;background:var(--cluster-callout-color);box-shadow:none}.keypiece-office-demo .avatar-label[data-cluster-suppressed=true]{visibility:hidden;opacity:0}.keypiece-office-demo .employee-panel{position:absolute;top:86px;left:18px;z-index:2;width:min(320px,calc(100% - 36px));max-height:calc(100% - 126px);overflow:auto;padding:14px;border:1px solid rgba(113,133,148,.18);border-radius:18px;background:rgba(248,250,251,.9);box-shadow:0 16px 36px rgba(96,122,140,.14);backdrop-filter:blur(12px)}.keypiece-office-demo .activity-dialog{position:absolute;top:18px;left:18px;z-index:3;display:grid;gap:8px;width:min(640px,calc(100% - 36px));min-height:48px;padding:0;border:1px solid rgba(113,133,148,.18);border-radius:16px;background:rgba(248,250,251,.2);box-shadow:0 16px 32px rgba(96,122,140,.13);color:#182532;backdrop-filter:blur(12px);overflow:hidden}.keypiece-office-demo .activity-primary,.keypiece-office-demo .activity-task-list,.keypiece-office-demo .channel-messages{background:transparent}.keypiece-office-demo .activity-primary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;color:inherit;font:inherit;cursor:pointer;text-align:left}.keypiece-office-demo .activity-primary:disabled{cursor:default}.keypiece-office-demo .activity-primary:focus-visible{outline:2px solid rgba(37,99,235,.72);outline-offset:4px;border-radius:10px}.keypiece-office-demo .activity-dialog p{margin:0;min-width:0;overflow:hidden;color:#2b3947;font-size:.82rem;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .activity-copy,.keypiece-office-demo .activity-task-name{font-weight:600}.keypiece-office-demo .activity-dialog p small{margin-left:7px;color:#6b7885;font-size:.7rem;font-weight:800}.keypiece-office-demo .activity-dialog strong{color:#0f1720}.keypiece-office-demo .activity-dialog .flow-actor-chip,.keypiece-office-demo .flow-actor-chip,.keypiece-office-demo .queue-flow-node .flow-actor-chip{display:inline-block;padding:3px 10px;border:1.5px solid color-mix(in srgb,var(--actor-color) 55%,#fff);border-radius:999px;background:color-mix(in srgb,var(--actor-color) 16%,#fff);color:var(--actor-color);font-weight:800;font-size:.78rem;line-height:1.2;box-shadow:0 1px 2px rgba(0,0,0,.04);cursor:pointer!important;user-select:none}.keypiece-office-demo .activity-dialog .flow-actor-chip:hover,.keypiece-office-demo .flow-actor-chip:hover,.keypiece-office-demo .queue-flow-node .flow-actor-chip:hover{background:color-mix(in srgb,var(--actor-color) 28%,#fff);border-color:color-mix(in srgb,var(--actor-color) 70%,#fff)}.keypiece-office-demo .activity-dialog .flow-actor-chip:focus-visible,.keypiece-office-demo .flow-actor-chip:focus-visible,.keypiece-office-demo .queue-flow-node .flow-actor-chip:focus-visible{outline:2px solid var(--actor-color);outline-offset:2px}.keypiece-office-demo .activity-dialog time{justify-self:end;color:#71808d;font-size:.78rem;font-weight:700;line-height:1.2;white-space:nowrap}.keypiece-office-demo .activity-pulse{width:11px;height:11px;border-radius:999px;background:#1f8a70;box-shadow:0 0 0 5px rgba(31,138,112,.12)}.keypiece-office-demo .activity-pulse--message{background:#3b82f6;box-shadow:0 0 0 5px rgba(59,130,246,.12)}.keypiece-office-demo .channel-messages{display:grid;gap:0;padding:0 12px 10px}.keypiece-office-demo .channel-message{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px 0 0;border-top:1px solid rgba(113,133,148,.16)}.keypiece-office-demo .channel-message p{margin:0;min-width:0;overflow:hidden;color:#2b3947;font-size:.82rem;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .channel-name{display:inline-block;padding:2px 8px;border-radius:6px;background:rgba(59,130,246,.12);color:#3b82f6;font-weight:800;font-size:.78rem}.keypiece-office-demo .channel-separator{display:inline-block;width:1px;height:1em;background:rgba(113,133,148,.55);margin:0 12px;vertical-align:middle}.keypiece-office-demo .channel-message time{justify-self:end;white-space:nowrap}.keypiece-office-demo .activity-task-list{display:grid;gap:4px;max-height:120px;margin:0;padding:6px 12px 0;border-top:1px solid rgba(113,133,148,.16);overflow:hidden;color:#2b3947;font-size:.82rem;font-weight:600;line-height:1.25}.keypiece-office-demo .activity-task-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0}.keypiece-office-demo .activity-task-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .activity-task-list time{justify-self:end}.keypiece-office-demo .panel-kicker{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#70808e}.keypiece-office-demo .employee-panel h1{margin:6px 0 12px;font-size:1.12rem;line-height:1.2}.keypiece-office-demo .employee-panel dl{display:grid;gap:7px;margin:0}.keypiece-office-demo .employee-panel dl div{display:grid;grid-template-columns:minmax(62px,auto) minmax(0,1fr);gap:8px;padding-bottom:7px;border-bottom:1px solid rgba(113,133,148,.14)}.keypiece-office-demo .employee-panel dt{color:#70808e;font-size:.82rem}.keypiece-office-demo .employee-panel dd{margin:0;font-size:.82rem;font-weight:600;text-align:right;overflow-wrap:anywhere}.keypiece-office-demo .department-configurator{display:grid;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(113,133,148,.14)}.keypiece-office-demo .department-configurator-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.keypiece-office-demo .department-configurator-header strong{color:#0f1720;font-size:.82rem;font-weight:950}.keypiece-office-demo .department-configurator-header button{padding:2px 8px;border:1px solid rgba(113,133,148,.22);border-radius:6px;background:#fff;color:#263442;font-size:.68rem;font-weight:900;cursor:pointer}.keypiece-office-demo .department-select{width:100%;padding:6px 8px;border:1px solid rgba(113,133,148,.22);border-radius:6px;background:#fff;color:#172033;font-size:.78rem;font-weight:800;cursor:pointer}.keypiece-office-demo .department-create-form{display:grid;gap:6px}.keypiece-office-demo .department-create-form input[type=text]{padding:6px 8px;border:1px solid rgba(113,133,148,.22);border-radius:6px;font-size:.78rem}.keypiece-office-demo .department-color-row{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.keypiece-office-demo .department-color-row input[type=color]{width:32px;height:32px;padding:0;border:1px solid rgba(113,133,148,.22);border-radius:6px;cursor:pointer}.keypiece-office-demo .department-color-row button{padding:6px 12px;border:1px solid rgba(113,133,148,.22);border-radius:6px;background:#0f1720;color:#fff;font-size:.72rem;font-weight:900;cursor:pointer}.keypiece-office-demo .employee-panel p{margin-top:10px;color:#465563;font-size:.8rem;line-height:1.35}.keypiece-office-demo .avatar-configurator{display:grid;gap:7px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(113,133,148,.14)}.keypiece-office-demo .avatar-configurator[hidden]{display:none}.keypiece-office-demo .avatar-config-set{display:grid;gap:7px}.keypiece-office-demo .avatar-config-set[hidden]{display:none}.keypiece-office-demo .avatar-config-row,.keypiece-office-demo .avatar-configurator-header{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:7px}.keypiece-office-demo .avatar-config-row-wide{align-items:start}.keypiece-office-demo .avatar-config-row>span,.keypiece-office-demo .avatar-configurator-header strong{min-width:0;color:#607180;font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.keypiece-office-demo .avatar-configurator-header button{justify-self:start;min-height:24px;padding:0 8px;border:1px solid rgba(113,133,148,.2);border-radius:999px;background:rgba(15,23,32,.07);color:#22303d;font-size:.66rem;font-weight:800}.keypiece-office-demo .avatar-color-options,.keypiece-office-demo .avatar-config-options{display:flex;min-width:0;flex-wrap:wrap;gap:4px}.keypiece-office-demo .avatar-attire-row{align-items:start}.keypiece-office-demo .avatar-attire-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0}.keypiece-office-demo .avatar-attire-options button{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:29px;padding:4px 7px;border:1px solid rgba(113,133,148,.2);border-radius:8px;background:hsla(0,0%,100%,.76);color:#263442;font-size:.62rem;font-weight:850;text-align:left}.keypiece-office-demo .avatar-attire-options button span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .avatar-attire-swatch{position:relative;width:18px;height:20px;border-radius:6px;background:linear-gradient(to bottom,var(--attire-top) 0 58%,var(--attire-bottom) 58% 100%);box-shadow:inset 0 0 0 1px rgba(15,23,32,.14)}.keypiece-office-demo .avatar-attire-swatch:after,.keypiece-office-demo .avatar-attire-swatch:before{content:"";position:absolute;bottom:2px;width:5px;height:7px;border-radius:0 0 3px 3px;background:var(--attire-bottom)}.keypiece-office-demo .avatar-attire-swatch:before{left:4px}.keypiece-office-demo .avatar-attire-swatch:after{right:4px}.keypiece-office-demo .avatar-config-options button{min-width:0;min-height:23px;padding:0 7px;border:1px solid rgba(113,133,148,.2);border-radius:999px;background:hsla(0,0%,100%,.72);color:#334250;font-size:.62rem;font-weight:800;white-space:nowrap}.keypiece-office-demo .avatar-color-options button{width:23px;height:23px;border:2px solid hsla(0,0%,100%,.86);border-radius:999px;background:var(--swatch);box-shadow:0 0 0 1px rgba(113,133,148,.24)}.keypiece-office-demo .avatar-attire-options button.active,.keypiece-office-demo .avatar-color-options button.active,.keypiece-office-demo .avatar-config-options button.active{outline:2px solid #0f1720;outline-offset:2px}.keypiece-office-demo .avatar-range-grid{display:grid;gap:6px;min-width:0}.keypiece-office-demo .avatar-range-control{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:4px 8px;min-width:0}.keypiece-office-demo .avatar-range-control span{color:#607180;font-size:.6rem;font-weight:800;text-transform:uppercase}.keypiece-office-demo .avatar-range-control input{grid-column:1/-1;min-width:0;width:100%;accent-color:#7c3aed}.keypiece-office-demo .avatar-range-control output{color:#22303d;font-size:.6rem;font-variant-numeric:tabular-nums;font-weight:800;text-align:right}.keypiece-office-demo .avatar-hair-fit-panel{display:grid;gap:7px;min-width:0;padding:7px;border:1px solid rgba(113,133,148,.16);border-radius:8px;background:rgba(248,250,251,.78)}.keypiece-office-demo .avatar-hair-fit-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.keypiece-office-demo .avatar-hair-fit-header strong{min-width:0;overflow:hidden;color:#22303d;font-size:.72rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .avatar-hair-fit-actions{display:inline-flex;gap:4px}.keypiece-office-demo .avatar-hair-fit-header button{min-height:24px;padding:0 7px;border:1px solid rgba(113,133,148,.2);border-radius:999px;background:#fff;color:#334250;font-size:.6rem;font-weight:900}.keypiece-office-demo .avatar-hair-fit-header button:disabled,.keypiece-office-demo .avatar-range-control input:disabled{cursor:not-allowed;opacity:.45}.keypiece-office-demo .chat-composer{position:relative;display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(113,133,148,.16)}.keypiece-office-demo .chat-composer-inner{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(113,133,148,.22);border-radius:12px;background:hsla(0,0%,100%,.86)}.keypiece-office-demo .chat-composer-channel{flex-shrink:0;padding:3px 10px;border-radius:8px;background:rgba(59,130,246,.12);color:#3b82f6;font-size:.72rem;font-weight:800;white-space:nowrap}.keypiece-office-demo .chat-input-wrapper{position:relative;flex:1;min-width:0}.keypiece-office-demo .chat-input-overlay{position:absolute;inset:0;z-index:1;padding:4px 6px;font-size:.86rem;font-weight:400;line-height:1.25;pointer-events:none;white-space:pre;overflow:hidden;color:#0f1720}.keypiece-office-demo .chat-input-transparent{position:relative;z-index:2;width:100%;padding:4px 6px;border:0;border-radius:8px;background:transparent;color:transparent;caret-color:transparent;font-size:.86rem;font-weight:400;outline:none}.keypiece-office-demo .chat-input-transparent::placeholder{color:#94a3b8}.keypiece-office-demo .chat-input-chip{display:inline-block;position:relative;z-index:0;margin:0 2px;padding:2px 10px;color:var(--actor-color);font-weight:400;font-size:.86rem;line-height:1.2;opacity:.5;white-space:nowrap}.keypiece-office-demo .chat-input-chip:before{content:"";position:absolute;inset:0;z-index:-1;border:1.5px solid transparent;border-radius:999px;background:linear-gradient(color-mix(in srgb,var(--actor-color) 16%,#fff),color-mix(in srgb,var(--actor-color) 16%,#fff)) padding-box,linear-gradient(color-mix(in srgb,var(--actor-color) 55%,#fff),color-mix(in srgb,var(--actor-color) 55%,#fff)) border-box}.keypiece-office-demo .chat-input-caret{display:inline-block;width:1.5px;height:1.05em;margin-left:1px;background:#0f1720;vertical-align:-.16em;animation:chat-input-caret-blink 1s step-end infinite}@keyframes chat-input-caret-blink{.keypiece-office-demo 0%,.keypiece-office-demo 49%{opacity:1}.keypiece-office-demo 50%,.keypiece-office-demo to{opacity:0}}.keypiece-office-demo .chat-composer-hint{flex-shrink:0;color:#94a3b8;font-size:.62rem;font-weight:700;white-space:nowrap}.keypiece-office-demo .chat-composer-close{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;flex-shrink:0}.keypiece-office-demo .chat-composer-close:hover{background:rgba(15,23,32,.06);color:#64748b}.keypiece-office-demo .chat-mention-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:10;display:flex;flex-direction:column;gap:2px;min-width:180px;max-width:260px;max-height:200px;overflow:auto;margin:0;padding:6px;border:1px solid rgba(113,133,148,.22);border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(96,122,140,.15);list-style:none}.keypiece-office-demo .chat-mention-dropdown li{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:.78rem;font-weight:700;color:#1e293b;transition:background .12s ease}.keypiece-office-demo .chat-mention-dropdown li.active,.keypiece-office-demo .chat-mention-dropdown li:hover{background:rgba(113,133,148,.08)}.keypiece-office-demo .chat-mention-chip{display:inline-block;padding:3px 10px;border:1.5px solid color-mix(in srgb,var(--mention-color) 55%,#fff);border-radius:999px;background:color-mix(in srgb,var(--mention-color) 16%,#fff);color:var(--mention-color);font-weight:800;font-size:.78rem;line-height:1.2;white-space:nowrap}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .employee-panel,.keypiece-office-demo .keypiece-office-stage[data-active-view=build] .employee-panel,.keypiece-office-demo .keypiece-office-stage[data-office-view=build] .employee-panel{display:none}.keypiece-office-demo .build-lock-chip{position:absolute;top:18px;left:50%;z-index:14;display:grid;gap:2px;min-width:220px;max-width:min(360px,calc(100% - 32px));padding:10px 12px;border:1px solid rgba(220,38,38,.22);border-radius:12px;background:rgba(255,241,242,.95);box-shadow:0 18px 42px rgba(30,41,59,.16);color:#9f1239;pointer-events:none;transform:translateX(-50%)}.keypiece-office-demo .build-lock-chip span,.keypiece-office-demo .build-lock-chip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .build-lock-chip strong{font-size:.76rem;font-weight:900}.keypiece-office-demo .build-lock-chip span{font-size:.68rem;font-weight:750}.keypiece-office-demo .build-selection-chip{position:absolute;z-index:12;display:inline-grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:max-content;max-width:min(380px,calc(100% - 32px));padding:8px;border:1px solid rgba(113,133,148,.22);border-radius:12px;background:hsla(0,0%,100%,.94);box-shadow:0 18px 42px rgba(30,41,59,.18);backdrop-filter:blur(14px);pointer-events:auto;transform:translate(-50%,-125%)}.keypiece-office-demo .build-selection-copy{display:grid;gap:2px;min-width:0}.keypiece-office-demo .build-selected-summary strong,.keypiece-office-demo .build-selection-copy strong,.keypiece-office-demo .build-stored-items strong{overflow:hidden;color:#17212b;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .build-selection-copy strong{font-size:.76rem;font-weight:950}.keypiece-office-demo .build-selected-summary small,.keypiece-office-demo .build-selection-copy span,.keypiece-office-demo .build-store-target small,.keypiece-office-demo .build-stored-items small,.keypiece-office-demo .build-tray-heading small{color:#607180;font-size:.62rem;font-weight:800}.keypiece-office-demo .build-selection-actions{display:inline-flex;gap:6px}.keypiece-office-demo .build-selection-actions button,.keypiece-office-demo .build-store-target,.keypiece-office-demo .build-stored-items button{border:1px solid rgba(113,133,148,.18);border-radius:8px;background:#fff;color:#263442}.keypiece-office-demo .build-selection-actions button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 9px;font-size:.68rem;font-weight:900}.keypiece-office-demo .build-selection-actions button.store{border-color:rgba(31,138,112,.28);background:rgba(31,138,112,.1);color:#0f6b58}.keypiece-office-demo .build-storage-panel{position:absolute;left:50%;bottom:16px;z-index:10;display:grid;grid-template-columns:minmax(140px,.78fr) minmax(250px,1.6fr) minmax(150px,.88fr);align-items:stretch;gap:10px;width:min(900px,calc(100% - 32px));min-height:86px;padding:10px;border:1px solid rgba(113,133,148,.2);border-radius:16px;background:rgba(248,250,251,.94);box-shadow:0 22px 52px rgba(30,41,59,.18);backdrop-filter:blur(18px);pointer-events:auto;transform:translateX(-50%)}.keypiece-office-demo .build-panel-close{position:absolute;top:-10px;right:-10px;display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(113,133,148,.22);border-radius:999px;background:hsla(0,0%,100%,.96);box-shadow:0 10px 24px rgba(30,41,59,.16);color:#334250;font-size:.78rem;font-weight:950;line-height:1}.keypiece-office-demo .build-panel-close:hover{background:#0f1720;color:#f8fafc}.keypiece-office-demo .build-storage-panel.active{border-color:rgba(31,138,112,.48);background:rgba(241,250,246,.96);box-shadow:0 22px 52px rgba(30,41,59,.18),inset 0 0 0 1px rgba(31,138,112,.14)}.keypiece-office-demo .build-selected-summary,.keypiece-office-demo .build-stored-tray{display:grid;align-content:center;min-width:0;padding:9px;border:1px solid rgba(113,133,148,.14);border-radius:8px;background:hsla(0,0%,100%,.72)}.keypiece-office-demo .build-selected-summary{gap:3px}.keypiece-office-demo .build-panel-kicker,.keypiece-office-demo .build-tray-heading span{color:#607180;font-size:.6rem;font-weight:950;text-transform:uppercase}.keypiece-office-demo .build-stored-tray{gap:7px}.keypiece-office-demo .build-tray-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.keypiece-office-demo .build-stored-items{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(104px,124px);gap:7px;min-width:0;overflow-x:auto;scrollbar-width:thin}.keypiece-office-demo .build-stored-items button{display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:1px 7px;min-width:0;min-height:44px;padding:6px;text-align:left}.keypiece-office-demo .build-stored-items button:hover{border-color:rgba(31,138,112,.32);background:rgba(31,138,112,.08)}.keypiece-office-demo .build-store-target[aria-disabled=true],.keypiece-office-demo .build-stored-items button[aria-disabled=true]{cursor:not-allowed;opacity:.55}.keypiece-office-demo .build-stored-items strong{font-size:.66rem;font-weight:950}.keypiece-office-demo .build-stored-items small{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .build-empty-slot{display:grid;place-items:center;min-height:44px;border:1px dashed rgba(113,133,148,.34);border-radius:8px;color:#607180;font-size:.7rem;font-weight:900}.keypiece-office-demo .build-store-target{display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;gap:1px 8px;min-width:0;min-height:66px;padding:9px;border-color:rgba(31,138,112,.24);background:rgba(31,138,112,.08);text-align:left;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.keypiece-office-demo .build-store-target strong{color:#17212b;font-size:.72rem;font-weight:950}.keypiece-office-demo .build-store-target small{grid-column:2}.keypiece-office-demo .build-storage-panel.active .build-store-target,.keypiece-office-demo .build-store-target:hover{border-color:rgba(31,138,112,.5);background:rgba(31,138,112,.12);box-shadow:inset 0 0 0 1px rgba(31,138,112,.12)}.keypiece-office-demo .build-icon{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;color:currentColor}.keypiece-office-demo .build-store-target .build-icon,.keypiece-office-demo .build-stored-items .build-plant-thumb{grid-row:1/3}.keypiece-office-demo .build-icon-store:before{content:"";width:16px;height:12px;border:2px solid;border-top:5px solid;border-radius:4px}.keypiece-office-demo .build-plant-thumb{position:relative;width:26px;height:28px;border-radius:8px;background:rgba(31,138,112,.12)}.keypiece-office-demo .build-plant-thumb:before{content:"";position:absolute;left:8px;top:3px;width:10px;height:14px;border-radius:999px 999px 4px 4px;background:#2f9f78;box-shadow:-5px 4px 0 #69b98e,5px 5px 0 #18765f}.keypiece-office-demo .build-plant-thumb:after{content:"";position:absolute;left:7px;bottom:3px;width:13px;height:9px;border-radius:3px 3px 5px 5px;background:#b77755}.keypiece-office-demo .build-inventory-drag-preview{position:fixed;z-index:40;display:inline-grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:7px;max-width:180px;padding:7px 9px;border:1px solid rgba(31,138,112,.32);border-radius:10px;background:hsla(0,0%,100%,.94);box-shadow:0 18px 40px rgba(30,41,59,.2);color:#17212b;font-size:.7rem;font-weight:950;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.98)}.keypiece-office-demo .build-inventory-drag-preview.active{opacity:1;transform:translate(-50%,-50%) scale(1)}.keypiece-office-demo .build-inventory-drag-preview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:980px){.keypiece-office-demo .build-selection-chip{grid-template-columns:minmax(0,1fr);gap:7px;max-width:min(300px,calc(100% - 24px))}.keypiece-office-demo .build-selection-actions{width:100%}.keypiece-office-demo .build-selection-actions button{flex:1 1 0;justify-content:center}.keypiece-office-demo .build-storage-panel{grid-template-columns:minmax(0,1fr);max-height:48%;overflow:auto}}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .office-label,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .workarea-readable-label,.keypiece-office-demo .keypiece-office-stage[data-active-view=build] .office-label,.keypiece-office-demo .keypiece-office-stage[data-active-view=build] .workarea-readable-label{box-shadow:none!important;filter:none!important;text-shadow:none!important}.keypiece-office-demo .insight-rail{overflow:auto;padding-right:4px}.keypiece-office-demo .office-panel-collapse,.keypiece-office-demo .office-panel-toggle{appearance:none;border:1px solid rgba(113,133,148,.24);border-radius:8px;background:rgba(250,252,253,.94);color:#172331;font-size:12px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 10px 24px rgba(96,122,140,.12)}.keypiece-office-demo .office-panel-toggle{position:absolute;z-index:50;top:28px;right:28px;padding:9px 11px}.keypiece-office-demo .office-panel-collapse{justify-self:end;padding:8px 10px}.keypiece-office-demo .office-panel-collapse:hover,.keypiece-office-demo .office-panel-toggle:hover{border-color:rgba(71,85,105,.4);background:#fff}.keypiece-office-demo .right-panel{display:grid;gap:9px;width:100%;min-height:0;height:auto;padding:10px;border:1px solid rgba(113,133,148,.22);border-radius:14px;background:#fafcfd;box-shadow:0 14px 34px rgba(96,122,140,.1);backdrop-filter:blur(16px)}.keypiece-office-demo .right-panel-header{display:grid;gap:7px}.keypiece-office-demo .panel-section h3,.keypiece-office-demo .right-panel-header h2{margin:0;color:#172331}.keypiece-office-demo .right-panel-header h2{font-size:.78rem}.keypiece-office-demo .right-panel-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:3px;border:1px solid rgba(113,133,148,.18);border-radius:10px;background:rgba(15,23,32,.05)}.keypiece-office-demo .right-panel-tabs button{min-height:27px;border:0;border-radius:8px;background:transparent;color:#536373;font-size:.68rem;font-weight:850}.keypiece-office-demo .right-panel-tabs button.active{background:var(--office-theme-primary);color:#f8fafc;box-shadow:0 8px 18px rgba(4,120,87,.16)}.keypiece-office-demo .office-panel-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.keypiece-office-demo .office-panel-heading h2{margin:0;color:#152033;font-size:1.42rem;font-weight:950;letter-spacing:0;line-height:1.1}.keypiece-office-demo .right-panel-tabs.office-panel-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.keypiece-office-demo .right-panel-tabs.office-panel-tabs button{min-height:30px;padding:0 6px;font-size:.64rem}.keypiece-office-demo .office-live-warning{display:grid;gap:3px;padding:8px 10px;border:1px solid rgba(185,28,28,.22);border-radius:8px;background:#fff7ed;color:#7f1d1d;font-size:.72rem;line-height:1.3}.keypiece-office-demo .office-live-warning strong{font-size:.73rem;font-weight:900}.keypiece-office-demo .office-live-warning span{overflow-wrap:anywhere;color:#9a3412;font-weight:750}.keypiece-office-demo .office-panel-shell{grid-template-rows:auto minmax(0,1fr);min-height:100%;height:100%;max-height:100%;overflow:hidden}.keypiece-office-demo .config-field,.keypiece-office-demo .config-range,.keypiece-office-demo .config-select,.keypiece-office-demo .handoff-card-heading,.keypiece-office-demo .handoff-summary,.keypiece-office-demo .panel-section,.keypiece-office-demo .right-panel-body{display:grid}.keypiece-office-demo .right-panel-body{gap:8px;min-height:0;overflow:auto;padding-right:2px}.keypiece-office-demo .panel-section{gap:7px;min-width:0;padding:9px;border:1px solid rgba(113,133,148,.16);border-radius:10px;background:hsla(0,0%,100%,.62)}.keypiece-office-demo .panel-section h3{font-size:.64rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.keypiece-office-demo .section-heading-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.keypiece-office-demo .camera-tilt-value{min-width:4.4ch;padding:2px 6px;border:1px solid rgba(71,85,105,.18);border-radius:6px;background:rgba(248,250,252,.86);color:#334155;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.62rem;font-weight:850;line-height:1.25;text-align:right}.keypiece-office-demo .copy-config-button:disabled{cursor:not-allowed;opacity:.45}.keypiece-office-demo .config-field{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px}.keypiece-office-demo .config-field label{color:#40505f;font-size:.7rem;font-weight:800}.keypiece-office-demo .config-field strong{color:#0f1720;font-size:.76rem;line-height:1;font-variant-numeric:tabular-nums}.keypiece-office-demo .panel-section input[type=range]{width:100%;accent-color:#1f8a70}.keypiece-office-demo .stacked-field-grid{display:grid;gap:7px}.keypiece-office-demo .compact-field{display:grid;grid-template-columns:minmax(74px,.7fr) minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0}.keypiece-office-demo .compact-field span{min-width:0;color:#40505f;font-size:.66rem;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .compact-field small{min-width:5.8ch;color:#64748b;font-size:.6rem;font-weight:800;text-align:right;white-space:nowrap}.keypiece-office-demo .compact-field select{min-width:0;width:100%;height:28px;padding:0 8px;border:1px solid rgba(113,133,148,.22);border-radius:8px;background:hsla(0,0%,100%,.84);color:#22303d;font-size:.66rem;font-weight:800}.keypiece-office-demo .compact-field select:disabled{cursor:not-allowed;opacity:.58}.keypiece-office-demo .config-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;padding:0 8px;border:1px solid rgba(113,133,148,.18);border-radius:10px;background:hsla(0,0%,100%,.74)}.keypiece-office-demo .config-toggle span{color:#22303d;font-size:.68rem;font-weight:800}.keypiece-office-demo .config-toggle input{width:16px;height:16px;accent-color:#1f8a70}.keypiece-office-demo .config-color-field{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;padding:0 8px;border:1px solid rgba(113,133,148,.18);border-radius:10px;background:hsla(0,0%,100%,.74)}.keypiece-office-demo .config-color-field span{color:#22303d;font-size:.68rem;font-weight:800}.keypiece-office-demo .config-color-field input{width:28px;height:20px;padding:0;border:1px solid rgba(113,133,148,.28);border-radius:7px;background:transparent}.keypiece-office-demo .config-color-field:has(input:disabled){opacity:.48}.keypiece-office-demo .config-color-field input:disabled{cursor:not-allowed}.keypiece-office-demo .config-select{gap:5px}.keypiece-office-demo .config-select span{color:#607180;font-size:.58rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.keypiece-office-demo .config-select input,.keypiece-office-demo .config-select select{width:100%;min-height:29px;padding:0 8px;border:1px solid rgba(113,133,148,.22);border-radius:8px;background:hsla(0,0%,100%,.82);color:#172331;font-size:.72rem;font-weight:750;overflow:hidden;text-overflow:ellipsis}.keypiece-office-demo .config-select select{padding-right:24px}.keypiece-office-demo .compact-button-grid{display:grid;gap:5px}.keypiece-office-demo .view-mode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:3px;border:1px solid rgba(113,133,148,.18);border-radius:10px;background:rgba(15,23,32,.05)}.keypiece-office-demo .badge-view-grid,.keypiece-office-demo .brand-sign-mode-grid,.keypiece-office-demo .staff-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.keypiece-office-demo .badge-align-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.keypiece-office-demo .camera-pan-grid,.keypiece-office-demo .camera-tilt-grid,.keypiece-office-demo .compact-button-grid.skybox-preset-grid,.keypiece-office-demo .office-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.keypiece-office-demo .badge-range-control{display:grid;gap:5px}.keypiece-office-demo .badge-live-summary{display:grid;gap:3px;min-width:0;padding:8px 10px;border:1px solid rgba(20,184,166,.18);border-radius:8px;background:rgba(240,253,250,.72)}.keypiece-office-demo .badge-live-summary small,.keypiece-office-demo .badge-live-summary strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .badge-live-summary strong{color:#0f766e;font-size:.74rem;font-weight:900}.keypiece-office-demo .badge-live-summary small{color:#526675;font-size:.62rem;font-weight:760}.keypiece-office-demo .office-stepper-control,.keypiece-office-demo .office-tab-body,.keypiece-office-demo .skybox-color-grid{display:grid}.keypiece-office-demo .office-stepper-control,.keypiece-office-demo .office-tab-body{gap:8px}.keypiece-office-demo .office-live-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.keypiece-office-demo .office-live-summary span{display:grid;gap:3px;min-width:0;padding:8px 10px;border:1px solid rgba(20,184,166,.16);border-radius:8px;background:rgba(240,253,250,.68)}.keypiece-office-demo .office-live-summary small,.keypiece-office-demo .office-live-summary strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .office-live-summary strong{color:#0f766e;font-size:.72rem;font-weight:900}.keypiece-office-demo .office-live-summary small{color:#526675;font-size:.6rem;font-weight:760}.keypiece-office-demo .staff-card,.keypiece-office-demo .staff-list,.keypiece-office-demo .staff-tab-body{display:grid;min-width:0}.keypiece-office-demo .staff-list,.keypiece-office-demo .staff-tab-body{gap:8px}.keypiece-office-demo .staff-card{gap:7px;padding:8px;border:1px solid rgba(113,133,148,.16);border-radius:8px;background:rgba(248,250,251,.82)}.keypiece-office-demo .staff-card>div{display:grid;gap:2px;min-width:0}.keypiece-office-demo .staff-card small,.keypiece-office-demo .staff-card strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .staff-card strong{color:#172331;font-size:.76rem;font-weight:900}.keypiece-office-demo .staff-card small{color:#607180;font-size:.64rem;font-weight:760}.keypiece-office-demo .staff-remove-button{min-height:29px;border:1px solid rgba(239,35,24,.18);border-radius:8px;background:rgba(255,247,237,.82);color:#b42318;font-size:.68rem;font-weight:900}.keypiece-office-demo .staff-remove-button:disabled{cursor:not-allowed;opacity:.45}.keypiece-office-demo .workarea-json-preview{width:100%;min-height:116px;resize:vertical;padding:8px;border:1px solid rgba(113,133,148,.2);border-radius:8px;background:rgba(15,23,32,.04);color:#172331;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.62rem;line-height:1.35}.keypiece-office-demo .workarea-tab-body{display:grid;gap:8px}.keypiece-office-demo .workarea-zone-card{display:grid;gap:0;padding:0;border:1px solid rgba(113,133,148,.14);border-radius:10px;background:rgba(248,250,252,.78);overflow:hidden}.keypiece-office-demo .workarea-zone-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-bottom:1px solid rgba(113,133,148,.1);background:hsla(0,0%,100%,.55);min-width:0}.keypiece-office-demo .workarea-zone-title{display:flex;align-items:center;gap:8px;min-width:0}.keypiece-office-demo .workarea-accent-bar{display:block;width:3px;height:16px;border-radius:2px;flex-shrink:0}.keypiece-office-demo .workarea-zone-header h3{margin:0;color:#152033;font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.keypiece-office-demo .workarea-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;padding:0 6px;border-radius:999px;color:#f8fafc;font-size:.6rem;font-weight:900}.keypiece-office-demo .workarea-live-summary{display:grid;gap:2px;min-width:0;padding:8px 10px;border-bottom:1px solid rgba(113,133,148,.1);background:rgba(240,253,250,.58)}.keypiece-office-demo .workarea-live-summary small,.keypiece-office-demo .workarea-live-summary strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .workarea-live-summary strong{color:#0f766e;font-size:.66rem;font-weight:900}.keypiece-office-demo .workarea-live-summary small{color:#526675;font-size:.6rem;font-weight:760}.keypiece-office-demo .staff-roster-summary{display:grid;gap:3px;min-width:0;padding:8px 10px;border:1px solid rgba(20,184,166,.18);border-radius:8px;background:rgba(240,253,250,.62)}.keypiece-office-demo .staff-roster-summary small,.keypiece-office-demo .staff-roster-summary strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .staff-roster-summary strong{color:#0f766e;font-size:.7rem;font-weight:900}.keypiece-office-demo .staff-roster-summary small{color:#526675;font-size:.6rem;font-weight:760}.keypiece-office-demo .workarea-employee-list{display:grid;gap:0;margin:0;padding:4px;list-style:none}.keypiece-office-demo .workarea-employee-item{display:flex;align-items:center;gap:10px;min-width:0;padding:6px 8px;border-radius:7px;transition:background .12s ease}.keypiece-office-demo .workarea-employee-item:hover{background:rgba(15,23,32,.04)}.keypiece-office-demo .workarea-employee-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;border-radius:50%;flex:none;overflow:hidden;font-size:.6rem;font-weight:900;letter-spacing:.02em}.keypiece-office-demo .workarea-employee-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.keypiece-office-demo .workarea-employee-name{display:block;min-width:0;overflow:hidden;color:#172331;font-size:.76rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .workarea-employee-role{display:block;min-width:0;overflow:hidden;color:#607180;font-size:.62rem;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .workarea-employee-type{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:.56rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.keypiece-office-demo .workarea-employee-type.human{background:#e9f7ef;color:#1f8a70}.keypiece-office-demo .workarea-employee-type.ai{background:#eef4ff;color:#2774ff}.keypiece-office-demo .workarea-empty{margin:0;padding:12px 10px;color:#8a9aad;font-size:.68rem;font-style:italic;font-weight:760}.keypiece-office-demo .workarea-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.keypiece-office-demo .office-number-stepper{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;min-width:0;overflow:hidden;border:1px solid rgba(113,133,148,.2);border-radius:8px;background:#fff}.keypiece-office-demo .office-number-stepper button,.keypiece-office-demo .office-number-stepper input{min-width:0;min-height:30px;border:0;border-radius:0;background:transparent;color:#172331;font-size:.72rem;font-weight:850}.keypiece-office-demo .office-number-stepper button{padding:0;background:rgba(15,23,32,.06)}.keypiece-office-demo .office-number-stepper input{width:100%;padding:0 8px;border-right:1px solid rgba(113,133,148,.16);border-left:1px solid rgba(113,133,148,.16);text-align:center;appearance:textfield}.keypiece-office-demo .office-number-stepper input::-webkit-inner-spin-button,.keypiece-office-demo .office-number-stepper input::-webkit-outer-spin-button{margin:0;appearance:none}.keypiece-office-demo .office-number-stepper button:disabled,.keypiece-office-demo .office-number-stepper input:disabled,.keypiece-office-demo .panel-section input[type=range]:disabled{cursor:not-allowed;opacity:.48}.keypiece-office-demo .skybox-color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.keypiece-office-demo .skybox-color-grid .config-color-field{display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch;height:auto;min-height:48px;padding:6px}.keypiece-office-demo .skybox-color-grid .config-color-field span{min-width:0;overflow:hidden;text-overflow:ellipsis}.keypiece-office-demo .skybox-color-grid .config-color-field input{width:100%}.keypiece-office-demo .compact-button-grid button{min-width:0;min-height:28px;padding:0 7px;border:0;border-radius:8px;background:rgba(15,23,32,.08);color:#263442;font-size:.68rem;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .compact-button-grid button.active{background:var(--office-theme-primary);color:#f8fafc}.keypiece-office-demo .view-mode-grid button{min-height:34px;padding:0 4px;border-radius:8px;background:transparent;color:#536373;font-size:.62rem;font-weight:900}.keypiece-office-demo .view-mode-grid button:hover{background:hsla(0,0%,100%,.78);color:#172331}.keypiece-office-demo .view-mode-grid button.active{background:var(--office-theme-primary-soft);color:var(--office-theme-primary-deep);box-shadow:inset 0 0 0 1px rgba(4,120,87,.18)}.keypiece-office-demo .handoff-actions,.keypiece-office-demo .handoff-status-track,.keypiece-office-demo .panel-actions{display:grid;grid-template-columns:1fr;gap:6px}.keypiece-office-demo .copy-config-button,.keypiece-office-demo .handoff-actions button,.keypiece-office-demo .panel-actions button{min-height:30px;padding:0 9px;border:0;border-radius:8px;background:var(--office-theme-primary);color:#f8fafc;font-size:.72rem;font-weight:850}.keypiece-office-demo .handoff-actions button:nth-child(3),.keypiece-office-demo .panel-actions button.secondary{background:var(--office-theme-primary-deep)}.keypiece-office-demo .handoff-actions button:disabled,.keypiece-office-demo .panel-actions button:disabled{cursor:not-allowed;background:rgba(15,23,32,.18);color:#607180}.keypiece-office-demo .plant-list{display:grid;gap:6px}.keypiece-office-demo .right-panel .plant-list>button{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;width:100%;min-height:44px;padding:8px 9px;border:1px solid rgba(113,133,148,.18);border-radius:8px;background:hsla(0,0%,100%,.74);color:#22303d;text-align:left}.keypiece-office-demo .right-panel .plant-list>button.active{border-color:rgba(4,120,87,.28);background:var(--office-theme-primary-soft);color:var(--office-theme-primary-deep)}.keypiece-office-demo .right-panel .plant-list span{display:block;font-size:.74rem;font-weight:900}.keypiece-office-demo .right-panel .plant-list small{display:block;color:#607180;font-size:.62rem;font-weight:800}.keypiece-office-demo .camera-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.keypiece-office-demo .camera-panel-heading span{color:#607180;font-size:.62rem;font-weight:900}.keypiece-office-demo .task-flow-status{margin:0;color:#607180;font-size:.62rem;font-weight:800}.keypiece-office-demo .handoff-card-heading{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:center}.keypiece-office-demo .handoff-card-heading small{color:#607180;font-size:.72rem;font-weight:900;letter-spacing:.04em}.keypiece-office-demo .handoff-card-heading strong{min-width:0;color:#0f1720;font-size:1.04rem;line-height:1.15;overflow-wrap:anywhere}.keypiece-office-demo .handoff-status-pill{grid-row:1/span 2;grid-column:2;align-self:center;padding:5px 8px;border-radius:999px;background:#e8eef5;color:#314152;font-size:.68rem;font-weight:900;line-height:1}.keypiece-office-demo .handoff-status-pill.todo{background:#e8eef5;color:#475569}.keypiece-office-demo .handoff-status-pill.doing{background:#fff3d6;color:#8a4d08}.keypiece-office-demo .handoff-status-pill.review{background:#efe9ff;color:#5b21b6}.keypiece-office-demo .handoff-status-pill.done{background:#dcfce7;color:#166534}.keypiece-office-demo .handoff-actions,.keypiece-office-demo .handoff-status-track{grid-template-columns:repeat(2,minmax(0,1fr))}.keypiece-office-demo .handoff-actions button,.keypiece-office-demo .handoff-status-track button{min-width:0;min-height:38px;border:0;border-radius:8px;font-weight:850}.keypiece-office-demo .handoff-status-track button{display:flex;align-items:center;gap:7px;justify-content:flex-start;padding:0 9px;background:rgba(15,23,32,.06);color:#485866;font-size:.76rem}.keypiece-office-demo .handoff-status-track button span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:hsla(0,0%,100%,.86);color:#314152;font-size:.68rem}.keypiece-office-demo .handoff-status-track button.active{background:var(--office-theme-primary);color:#f8fafc}.keypiece-office-demo .handoff-status-track button.active span{color:var(--office-theme-primary-deep)}.keypiece-office-demo .handoff-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.keypiece-office-demo .handoff-meta div{min-width:0;padding:9px 10px;border:1px solid rgba(113,133,148,.16);border-radius:8px;background:hsla(0,0%,100%,.66)}.keypiece-office-demo .handoff-meta dt{color:#607180;font-size:.7rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.keypiece-office-demo .handoff-meta dd{margin:3px 0 0;color:#172331;font-size:.8rem;font-weight:850;line-height:1.2;overflow-wrap:anywhere}.keypiece-office-demo .handoff-summary p{margin:0;color:#40505f;font-size:.86rem;line-height:1.45}.keypiece-office-demo .handoff-desk-mode-note{margin:0;color:#607180;font-size:.72rem;font-weight:760;line-height:1.35}.keypiece-office-demo .controls-lock-status{max-width:160px;overflow:hidden;padding:5px 8px;border:1px solid rgba(15,118,110,.18);border-radius:999px;background:#ecfdf5;color:#0f766e;font-size:.68rem;font-weight:850;line-height:1;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .controls-lock-status.locked{border-color:rgba(190,18,60,.22);background:#fff1f2;color:#be123c}.keypiece-office-demo .controls-lock-status.owned{border-color:rgba(37,99,235,.2);background:#eff6ff;color:#1d4ed8}.keypiece-office-demo .handoff-actions button{background:#0f1720;color:#f8fafc;font-size:.78rem}.keypiece-office-demo .handoff-actions button:nth-child(2){background:#5b21b6}.keypiece-office-demo .copy-config-button,.keypiece-office-demo .handoff-actions button.secondary{background:rgba(15,23,32,.08);color:#172331}.keypiece-office-demo .copy-config-button{border:1px solid rgba(113,133,148,.2)}.keypiece-office-demo .config-range{grid-template-columns:repeat(2,minmax(0,1fr));color:#748492;font-size:.62rem;font-weight:700;font-variant-numeric:tabular-nums}.keypiece-office-demo .config-range span:last-child{text-align:right}.keypiece-office-demo .insight-rail{display:flex;min-width:0;overflow:hidden;padding-right:0}.keypiece-office-demo .team-pulse-panel{display:flex;flex-direction:column;gap:21px;width:100%;min-height:0;padding:12px 0 0;overflow:auto;border:0;border-radius:0;background:transparent;box-shadow:none}.keypiece-office-demo .next-action-card,.keypiece-office-demo .pulse-card-row,.keypiece-office-demo .team-plan-list li,.keypiece-office-demo .team-pulse-header{display:grid}.keypiece-office-demo .team-pulse-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.keypiece-office-demo .pulse-card small,.keypiece-office-demo .pulse-card strong,.keypiece-office-demo .pulse-details dl,.keypiece-office-demo .pulse-profile h3,.keypiece-office-demo .pulse-profile p,.keypiece-office-demo .pulse-section h3,.keypiece-office-demo .team-plan-list,.keypiece-office-demo .team-pulse-header h2{margin:0}.keypiece-office-demo .team-pulse-header h2{color:#152033;font-size:1.04rem;font-weight:850;letter-spacing:0}.keypiece-office-demo .team-pulse-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:#65758a;font-size:1rem;font-weight:500}.keypiece-office-demo .pulse-profile{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:16px;padding:4px 2px 18px;border-bottom:1px solid rgba(122,139,156,.18)}.keypiece-office-demo .pulse-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:999px;background:linear-gradient(145deg,color-mix(in srgb,var(--pulse-color,#1f8a70) 14%,#fff),#fff);box-shadow:0 0 0 3px #fff,0 0 0 5px color-mix(in srgb,var(--pulse-color,#1f8a70) 76%,#fff),0 16px 28px rgba(64,84,104,.18)}.keypiece-office-demo .pulse-avatar.ai{box-shadow:0 0 0 3px #fff,0 0 0 5px #18b894,0 16px 30px rgba(24,184,148,.2)}.keypiece-office-demo .pulse-avatar-badge,.keypiece-office-demo .pulse-avatar-face,.keypiece-office-demo .pulse-avatar-hair,.keypiece-office-demo .pulse-avatar-initials{position:absolute}.keypiece-office-demo .pulse-avatar-initials{position:static;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:color-mix(in srgb,var(--pulse-color,#1f8a70) 18%,#fff);color:#172033;font-size:1rem;font-weight:950;letter-spacing:0}.keypiece-office-demo .pulse-avatar-hair{top:14px;left:17px;width:40px;height:22px;border-radius:999px 999px 12px 12px;background:#223044}.keypiece-office-demo .pulse-avatar-face{inset:23px 18px 15px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ffd2ad;color:#26313f;font-size:.82rem;font-weight:900}.keypiece-office-demo .pulse-avatar-badge{right:-3px;bottom:7px;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 5px;border:3px solid #fff;border-radius:999px;background:#118a78;color:#fff;font-size:.58rem;font-weight:900}.keypiece-office-demo .pulse-profile-copy{min-width:0}.keypiece-office-demo .pulse-profile-copy h3{color:#111827;font-size:1.02rem;font-weight:850;line-height:1.15}.keypiece-office-demo .pulse-profile-copy p{margin-top:4px;color:#6a788a;font-size:.82rem;font-weight:650;line-height:1.2}.keypiece-office-demo .pulse-profile-copy>span{display:inline-flex;align-items:center;margin-top:7px;color:#617086;font-size:.78rem;font-weight:750}.keypiece-office-demo .pulse-agent-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:11px;border:1px solid rgba(122,139,156,.18);border-radius:10px;background:hsla(0,0%,100%,.86);box-shadow:0 12px 26px rgba(80,101,118,.08)}.keypiece-office-demo .pulse-agent-summary span{display:grid;min-width:0;gap:3px;padding:8px;border-radius:8px;background:#f5f9fb}.keypiece-office-demo .pulse-agent-summary span.blocked{background:#fff1f2}.keypiece-office-demo .pulse-agent-summary strong{color:#172033;font-size:.9rem;font-weight:900;line-height:1}.keypiece-office-demo .pulse-agent-summary small{min-width:0;overflow:hidden;color:#627086;font-size:.62rem;font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .pulse-agent-summary p{grid-column:1/-1;margin:1px 2px 0;overflow:hidden;color:#526276;font-size:.68rem;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .pulse-section{display:grid;gap:10px}.keypiece-office-demo .pulse-section h3{color:#24334a;font-size:.8rem;font-weight:850;letter-spacing:0}.keypiece-office-demo .next-action-card,.keypiece-office-demo .pulse-card,.keypiece-office-demo .pulse-details{border:1px solid rgba(122,139,156,.18);border-radius:10px;background:hsla(0,0%,100%,.86);box-shadow:0 12px 26px rgba(80,101,118,.08)}.keypiece-office-demo .pulse-card{display:grid;gap:10px;padding:13px}.keypiece-office-demo .pulse-card-row{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px}.keypiece-office-demo .pulse-card-row>div{min-width:0}.keypiece-office-demo .next-action-card strong,.keypiece-office-demo .pulse-card strong{display:block;min-width:0;overflow:hidden;color:#172033;font-size:.78rem;font-weight:850;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .next-action-card small,.keypiece-office-demo .pulse-card small,.keypiece-office-demo .pulse-progress-value{color:#6a788a;font-size:.68rem;font-weight:750;line-height:1.2}.keypiece-office-demo .pulse-card-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#eef5ff;color:#2365d8}.keypiece-office-demo .calendar-glyph:after,.keypiece-office-demo .calendar-glyph:before,.keypiece-office-demo .pulse-card-icon:after,.keypiece-office-demo .pulse-card-icon:before{content:"";display:block}.keypiece-office-demo .handoff-icon:before{width:14px;height:10px;border:2px solid;border-radius:3px}.keypiece-office-demo .handoff-icon:after{position:absolute;width:7px;height:2px;border-radius:999px;background:currentColor;transform:translate(8px,-7px)}.keypiece-office-demo .focus-icon:before{width:13px;height:13px;border:2px solid;border-radius:4px}.keypiece-office-demo .focus-icon:after{position:absolute;width:7px;height:2px;border-radius:999px;background:currentColor;transform:translate(5px,5px)}.keypiece-office-demo .pulse-status-pill{justify-self:end;min-width:0;padding:6px 9px;border:1px solid rgba(37,99,235,.18);border-radius:999px;background:#eff6ff;color:#2563eb;font-size:.65rem;font-weight:850;line-height:1;white-space:nowrap}.keypiece-office-demo .pulse-status-pill.doing{border-color:rgba(217,119,6,.28);background:#fff8eb;color:#c26a07}.keypiece-office-demo .pulse-status-pill.review{border-color:rgba(124,58,237,.24);background:#f5f1ff;color:#6d28d9}.keypiece-office-demo .pulse-status-pill.blocked{border-color:rgba(220,38,38,.24);background:#fff1f2;color:#be123c}.keypiece-office-demo .pulse-status-pill.done{border-color:rgba(22,163,74,.24);background:#ecfdf3;color:#15803d}.keypiece-office-demo .pulse-progress{width:100%;height:5px;overflow:hidden;border-radius:999px;background:#e8edf3}.keypiece-office-demo .pulse-progress span{display:block;width:var(--progress);height:100%;border-radius:inherit;background:#168f83}.keypiece-office-demo .pulse-progress.blue span{background:#2563eb}.keypiece-office-demo .pulse-progress-value{justify-self:end}.keypiece-office-demo .next-action-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:58px;padding:12px 14px;color:#172033;text-align:left}.keypiece-office-demo .next-action-card:hover{border-color:rgba(37,99,235,.28);background:#fff}.keypiece-office-demo .calendar-glyph{position:relative;width:17px;height:17px;border:2px solid #64748b;border-radius:5px}.keypiece-office-demo .calendar-glyph:before{position:absolute;top:3px;left:2px;right:2px;height:2px;border-radius:999px;background:#64748b}.keypiece-office-demo .calendar-glyph:after{position:absolute;top:-5px;left:3px;width:7px;height:5px;border-right:2px solid #64748b;border-left:2px solid #64748b}.keypiece-office-demo .team-plan-list{display:grid;gap:12px;padding:0;list-style:none}.keypiece-office-demo .team-plan-list li{grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;color:#24334a;font-size:.74rem;font-weight:760}.keypiece-office-demo .team-plan-list time{color:#718096;font-size:.68rem;font-variant-numeric:tabular-nums;font-weight:720}.keypiece-office-demo .plan-dot{width:10px;height:10px;border:1.5px solid #c9d4df;border-radius:999px}.keypiece-office-demo .plan-dot.blue{border-color:#2563eb;background:#2563eb}.keypiece-office-demo .plan-dot.violet{border-color:#8b5cf6;background:#8b5cf6}.keypiece-office-demo .plan-dot.amber{border-color:#f59e0b;background:#f59e0b}.keypiece-office-demo .pulse-details{padding:12px}.keypiece-office-demo .pulse-details dl{display:grid;gap:9px}.keypiece-office-demo .pulse-details div{display:grid;grid-template-columns:minmax(72px,auto) minmax(0,1fr);gap:10px}.keypiece-office-demo .pulse-details dt{color:#718096;font-size:.68rem;font-weight:850}.keypiece-office-demo .pulse-details dd{margin:0;color:#172033;font-size:.72rem;font-weight:800;text-align:right}.keypiece-office-demo .pulse-profile-button{min-height:43px;margin-top:auto;border:1px solid rgba(122,139,156,.22);border-radius:10px;background:hsla(0,0%,100%,.74);color:#334155;font-size:.82rem;font-weight:800}.keypiece-office-demo .pulse-profile-button:hover{border-color:rgba(31,138,112,.32);background:#fff;color:#0f766e}.keypiece-office-demo .queue-flow-panel{--selected-agent:#0f766e;--flow-blue:#2563eb;display:grid;align-content:start;min-width:0;min-height:0;overflow:auto;padding-right:6px}.keypiece-office-demo .flow-profile-summary{display:inline-grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;min-width:0;max-width:100%}.keypiece-office-demo .flow-profile-avatar{width:44px;height:44px;box-shadow:0 0 0 2px #fff,0 0 0 3px color-mix(in srgb,var(--pulse-color,#1f8a70) 64%,#fff)}.keypiece-office-demo .flow-profile-avatar.ai{box-shadow:0 0 0 2px #fff,0 0 0 3px #18b894}.keypiece-office-demo .flow-profile-avatar .pulse-avatar-initials{width:30px;height:30px;font-size:.82rem}.keypiece-office-demo .flow-profile-avatar .pulse-avatar-badge{right:-2px;bottom:2px;min-width:18px;height:18px;padding:0 3px;border-width:2px;font-size:.52rem}.keypiece-office-demo .flow-profile-copy{display:grid;gap:4px;min-width:0}.keypiece-office-demo .flow-profile-copy h3,.keypiece-office-demo .flow-profile-copy p{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .flow-profile-copy h3{color:#111827;font-size:1.05rem;font-weight:950;line-height:1.1}.keypiece-office-demo .flow-profile-copy p{color:#64748b;font-size:.78rem;font-weight:800;line-height:1.1}.keypiece-office-demo .flow-profile-copy dl{display:grid;grid-template-columns:repeat(2,max-content);gap:8px;margin:0}.keypiece-office-demo .flow-profile-copy dl div{display:inline-flex;align-items:center;gap:4px;min-width:0;padding:0;border:0;border-radius:0;background:transparent}.keypiece-office-demo .flow-profile-copy dd,.keypiece-office-demo .flow-profile-copy dt{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .flow-profile-copy dt{color:#718096;font-size:.58rem;font-weight:950;line-height:1;text-transform:uppercase}.keypiece-office-demo .flow-profile-copy dd{color:#172033;font-size:.68rem;font-weight:850;line-height:1.1}.keypiece-office-demo .flow-profile-copy dl div:first-child dd{color:var(--workarea-color,#172033)}.keypiece-office-demo .queue-flowchart{display:grid;grid-template-rows:auto auto auto;align-content:start;align-self:start;gap:0;min-width:0;min-height:0;padding:0;border:1px solid rgba(122,139,156,.14);border-radius:12px;background:#fff;box-shadow:none}.keypiece-office-demo .flow-work-context{display:grid;gap:14px;min-width:0;padding:16px 20px 18px;border-bottom:1px solid rgba(122,139,156,.12);background:#fff}.keypiece-office-demo .flow-focus-header{display:flex;align-items:flex-start;gap:12px;min-width:0}.keypiece-office-demo .flow-focus-icon,.keypiece-office-demo .flow-focus-meta-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid rgba(15,118,110,.2);background:rgba(15,118,110,.08);color:var(--selected-agent)}.keypiece-office-demo .flow-focus-icon{width:38px;height:38px;border-radius:10px}.keypiece-office-demo .flow-focus-icon svg{width:20px;height:20px}.keypiece-office-demo .flow-focus-copy{display:grid;gap:3px;min-width:0}.keypiece-office-demo .flow-focus-copy h3,.keypiece-office-demo .flow-focus-copy p{min-width:0;margin:0}.keypiece-office-demo .flow-focus-copy h3{color:#0f172a;font-size:.98rem;font-weight:900;letter-spacing:0;line-height:1.15}.keypiece-office-demo .flow-focus-copy p{color:#536174;font-size:.78rem;font-weight:650;line-height:1.35}.keypiece-office-demo .flow-focus-tabs{display:flex;gap:4px;min-width:0;padding:4px;border-radius:12px;background:#f1f5f9}.keypiece-office-demo .flow-focus-tabs button{flex:1 1 0;min-width:0;min-height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#475569;font-size:.78rem;font-weight:800;line-height:1;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.keypiece-office-demo .flow-focus-tabs button.active{background:var(--selected-agent);box-shadow:0 6px 14px rgba(15,118,110,.2);color:#fff}.keypiece-office-demo .flow-focus-card{display:grid;gap:12px;min-width:0;padding:16px;border:1px solid rgba(122,139,156,.16);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04)}.keypiece-office-demo .flow-focus-card-header{display:flex;align-items:center;gap:10px;min-width:0}.keypiece-office-demo .flow-focus-pill{display:inline-flex;align-items:center;flex:0 0 auto;min-height:20px;padding:0 10px;border-radius:999px;background:rgba(15,118,110,.1);color:var(--selected-agent);font-size:.68rem;font-weight:850;line-height:1}.keypiece-office-demo .flow-focus-title{flex:1 1 auto;min-width:0;overflow:hidden;color:#0f172a;font-size:.96rem;font-weight:900;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .flow-focus-count,.keypiece-office-demo .flow-focus-progress-value{color:var(--selected-agent);font-size:.74rem;font-variant-numeric:tabular-nums;font-weight:850;line-height:1;white-space:nowrap}.keypiece-office-demo .flow-focus-progress{height:8px;overflow:hidden;border-radius:999px;background:#e2e8f0}.keypiece-office-demo .flow-focus-progress span{display:block;height:100%;border-radius:inherit;background:var(--selected-agent);transition:width .2s ease}.keypiece-office-demo .flow-focus-progress-value{justify-self:end;margin-top:-4px}.keypiece-office-demo .flow-focus-checks{display:grid;gap:6px;min-width:0}.keypiece-office-demo .flow-focus-checks>small,.keypiece-office-demo .flow-focus-meta-item small{color:#64748b;font-size:.72rem;font-weight:800;line-height:1.1}.keypiece-office-demo .flow-focus-checks ul{display:grid;min-width:0;margin:0;padding:0;list-style:none}.keypiece-office-demo .flow-focus-checks li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px 0}.keypiece-office-demo .flow-focus-checks li+li{border-top:1px solid rgba(122,139,156,.1)}.keypiece-office-demo .flow-focus-check-box{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1.5px solid #cbd5e1;border-radius:6px;background:#fff;color:var(--selected-agent)}.keypiece-office-demo .flow-focus-check-box svg{width:13px;height:13px}.keypiece-office-demo .flow-focus-checks li.completed .flow-focus-check-box{border-color:rgba(15,118,110,.72);background:rgba(15,118,110,.1)}.keypiece-office-demo .flow-focus-check-label{min-width:0;overflow:hidden;color:#0f172a;font-size:.82rem;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .flow-focus-check-time{color:#94a3b8;font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.2;white-space:nowrap}.keypiece-office-demo .flow-focus-checks li.completed .flow-focus-check-time{color:var(--selected-agent)}.keypiece-office-demo .flow-focus-meta{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding-top:12px;border-top:1px solid rgba(122,139,156,.12)}.keypiece-office-demo .flow-focus-meta-item{display:flex;align-items:center;gap:10px;min-width:0}.keypiece-office-demo .flow-focus-meta-icon{width:32px;height:32px;border-radius:9px}.keypiece-office-demo .flow-focus-meta-icon svg{width:16px;height:16px}.keypiece-office-demo .flow-focus-meta-item div{min-width:0}.keypiece-office-demo .flow-focus-meta-item strong{display:block;min-width:0;margin-top:2px;overflow:hidden;color:#0f172a;font-size:.82rem;font-variant-numeric:tabular-nums;font-weight:900;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .flow-focus-meta-item strong.due{color:var(--selected-agent)}.keypiece-office-demo .flow-focus-meta-divider{width:1px;height:32px;background:rgba(122,139,156,.18)}.keypiece-office-demo .flow-focus-list-button{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 16px;border:1px solid rgba(122,139,156,.18);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04);color:var(--selected-agent);font-size:.84rem;font-weight:850;line-height:1}.keypiece-office-demo .flow-focus-list-button svg{width:18px;height:18px}.keypiece-office-demo .flow-focus-list-chevron{margin-left:auto;color:#94a3b8}.keypiece-office-demo .flow-focus-task-list{display:grid;gap:8px;margin-top:-8px}.keypiece-office-demo .flow-focus-task-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px 12px;border:1px solid rgba(122,139,156,.16);border-radius:10px;background:hsla(0,0%,100%,.72)}.keypiece-office-demo .flow-focus-task-list-item div{display:grid;gap:3px;min-width:0}.keypiece-office-demo .flow-focus-task-list-item small,.keypiece-office-demo .flow-focus-task-list-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .flow-focus-task-list-item strong{color:#0f172a;font-size:.78rem;font-weight:900}.keypiece-office-demo .flow-focus-task-list-item small{color:#64748b;font-size:.68rem;font-weight:750}.keypiece-office-demo .flow-focus-task-list-item>span{flex-shrink:0;padding:4px 8px;border-radius:999px;background:rgba(20,184,166,.1);color:#0f766e;font-size:.64rem;font-weight:900;text-transform:capitalize}.keypiece-office-demo .flow-focus-task-list-empty{margin:0;padding:10px 12px;border:1px dashed rgba(122,139,156,.22);border-radius:10px;color:#64748b;font-size:.76rem;font-weight:750}.keypiece-office-demo .flow-run-card{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;min-width:0;min-height:72px;padding:14px 16px;border:1px solid rgba(122,139,156,.14);border-radius:10px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.04)}.keypiece-office-demo .flow-run-copy{display:grid;gap:6px;min-width:0}.keypiece-office-demo .flow-run-heading{display:flex;align-items:center;gap:10px;min-width:0}.keypiece-office-demo .flow-run-heading span{min-width:0;overflow:hidden;color:#64748b;font-family:Inter,Segoe UI,sans-serif;font-size:11px;font-weight:800;line-height:1.2;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.keypiece-office-demo .flow-run-copy strong{min-width:0;overflow:hidden;color:#0f172a;font-size:.9rem;font-weight:950;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .flow-run-copy small{min-width:0;overflow:hidden;color:#475569;font-size:.78rem;font-weight:800;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .flow-checklist{display:grid;gap:8px;margin:0;padding:0;list-style:none}.keypiece-office-demo .flow-checklist-item{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;min-width:0;padding:0}.keypiece-office-demo .flow-checklist-box{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1.5px solid #cbd5e1;border-radius:4px;color:#0f172a}.keypiece-office-demo .flow-checklist-item.completed .flow-checklist-box{border-color:#10b981;background:#ecfdf5}.keypiece-office-demo .flow-checklist-box .queue-flow-svg{width:10px;height:10px}.keypiece-office-demo .flow-checklist-label{min-width:0;overflow:hidden;color:#475569;font-size:.78rem;font-weight:800;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .flow-checklist-item.completed .flow-checklist-label{color:#94a3b8;text-decoration:line-through}.keypiece-office-demo .flow-checklist-time{justify-self:end;color:#94a3b8;font-size:.7rem;font-weight:700;line-height:1;white-space:nowrap}.keypiece-office-demo .flow-activity-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:end;justify-items:start;gap:10px 12px;min-width:0;padding-left:16px;border-left:1px solid rgba(122,139,156,.2)}.keypiece-office-demo .flow-activity-card>span{grid-column:1/-1;color:#536174;font-size:.82rem;font-weight:850;line-height:1}.keypiece-office-demo .flow-activity-header{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.keypiece-office-demo .flow-activity-header strong{color:var(--selected-agent);font-size:.92rem;font-weight:950;line-height:1.05;white-space:nowrap}.keypiece-office-demo .flow-activity-header .flow-activity-chart{min-height:44px}.keypiece-office-demo .flow-profile-workarea{display:inline-flex;align-items:center;gap:5px;margin:0;font-size:.78rem;font-weight:800;line-height:1.1}.keypiece-office-demo .flow-profile-workarea .queue-flow-svg{width:14px;height:14px;flex-shrink:0}.keypiece-office-demo .flow-profile-workarea-wrapper{position:relative;display:inline-flex}.keypiece-office-demo .flow-profile-workarea.flow-profile-workarea-chip{padding:2px 8px;border:1px solid color-mix(in srgb,currentcolor 28%,#fff);border-radius:999px;background:color-mix(in srgb,currentColor 12%,#fff);cursor:pointer;transition:background .15s ease,border-color .15s ease}.keypiece-office-demo .flow-profile-workarea.flow-profile-workarea-chip:hover{background:color-mix(in srgb,currentColor 20%,#fff);border-color:color-mix(in srgb,currentColor 40%,#fff)}.keypiece-office-demo .flow-profile-workarea-dropdown{position:absolute;z-index:10;top:calc(100% + 4px);left:0;display:flex;flex-direction:column;gap:2px;min-width:160px;margin:0;padding:6px;border:1px solid rgba(113,133,148,.22);border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(96,122,140,.15);list-style:none}.keypiece-office-demo .flow-profile-workarea-option{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:.78rem;font-weight:700;color:#1e293b;transition:background .12s ease}.keypiece-office-demo .flow-profile-workarea-option.selected,.keypiece-office-demo .flow-profile-workarea-option:hover{background:rgba(113,133,148,.08)}.keypiece-office-demo .flow-profile-workarea-option.selected{font-weight:800}.keypiece-office-demo .flow-profile-workarea-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.keypiece-office-demo .flow-profile-workarea-option-label{line-height:1.2}.keypiece-office-demo .flow-profile-copy .flow-profile-next-run{display:inline-flex;align-items:center;gap:6px;width:fit-content;margin-top:2px;padding:3px 9px 3px 7px;border:1px solid color-mix(in srgb,var(--selected-agent,#0f766e) 22%,transparent);border-radius:999px;background:color-mix(in srgb,var(--selected-agent,#0f766e) 8%,#fff);color:var(--selected-agent,#0f766e);font-size:.62rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1;letter-spacing:.01em;white-space:nowrap;transition:background .15s ease,border-color .15s ease,transform .15s ease}.keypiece-office-demo .flow-profile-copy .flow-profile-next-run:hover{background:color-mix(in srgb,var(--selected-agent,#0f766e) 14%,#fff);border-color:color-mix(in srgb,var(--selected-agent,#0f766e) 36%,transparent)}.keypiece-office-demo .flow-profile-next-run .queue-flow-svg{width:11px;height:11px;flex:0 0 auto;opacity:.85;stroke-width:2.2}.keypiece-office-demo .flow-profile-next-run-label{color:color-mix(in srgb,var(--selected-agent,#0f766e) 55%,#64748b);font-size:.54rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.keypiece-office-demo .flow-profile-next-run-time{color:color-mix(in srgb,var(--selected-agent,#0f766e) 88%,#0f172a);font-size:.7rem;font-weight:900}.keypiece-office-demo .flow-profile-next-run.flow-profile-next-run-plain .flow-profile-next-run-time{font-size:.62rem;font-weight:800}.keypiece-office-demo .flow-task-next-run:before{content:"";display:inline-block;flex:0 0 auto;width:5px;height:5px;border-radius:999px;background:var(--selected-agent,#0f766e);opacity:.72}.keypiece-office-demo .flow-activity-bars{display:grid;grid-template-columns:repeat(24,1fr);align-items:end;gap:2px;width:100%;height:24px;padding-bottom:3px;border-bottom:1px solid rgba(113,133,148,.08)}.keypiece-office-demo .flow-activity-bars span{display:block;width:100%;height:calc(var(--bar-height, 40) * 1%);min-height:2px;border-radius:999px;background:#dbe5ee}.keypiece-office-demo .flow-activity-bars span.active{position:relative;background:var(--selected-agent)}.keypiece-office-demo .flow-activity-chart:not(.flow-weekly-chart) .flow-activity-bars span.active:before{content:"";position:absolute;z-index:2;top:-24px;bottom:-12px;left:50%;width:2px;border-radius:999px;background:rgba(15,118,110,.62);box-shadow:0 0 0 1px hsla(0,0%,100%,.72);transform:translateX(-50%)}.keypiece-office-demo .flow-activity-bars span.active:after{content:"";position:absolute;z-index:1;top:-5px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--selected-agent)}.keypiece-office-demo .flow-current-hour{display:inline-flex;align-items:center;align-self:start;gap:4px;padding:0 0 2px;border:0;background:transparent;color:#64748b;font-size:.62rem;font-variant-numeric:tabular-nums;font-weight:850;line-height:1;margin-bottom:4px;white-space:nowrap}.keypiece-office-demo .flow-current-hour:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--selected-agent);opacity:.82}.keypiece-office-demo .flow-activity-bars span.future{opacity:0;visibility:hidden}.keypiece-office-demo .flow-activity-chart{display:flex;flex-direction:column;gap:2px}.keypiece-office-demo .flow-activity-labels{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;width:100%;padding-left:2px;padding-top:2px}.keypiece-office-demo .flow-activity-labels span{color:#8a9aad;font-size:.56rem;font-weight:800;text-align:left}.keypiece-office-demo .flow-activity-charts{display:flex;flex-direction:column;gap:8px;width:100%}.keypiece-office-demo .flow-activity-charts>.flow-activity-chart{width:100%}.keypiece-office-demo .flow-weekly-chart{padding-top:0;border-top:none}.keypiece-office-demo .flow-weekly-bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:2px;height:24px;padding-bottom:3px;border-bottom:1px solid rgba(113,133,148,.08)}.keypiece-office-demo .flow-weekly-bars span{display:block;width:100%;height:calc(var(--bar-height, 40) * 1%);min-height:2px;border-radius:4px;background:#dbe5ee}.keypiece-office-demo .flow-weekly-bars span.active{background:var(--selected-agent)}.keypiece-office-demo .flow-charts-wrapper{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.keypiece-office-demo .flow-profile-points{color:var(--selected-agent);font-weight:900}.keypiece-office-demo .flow-weekly-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%;padding-top:2px}.keypiece-office-demo .flow-activity-card strong{color:var(--selected-agent);font-size:1.05rem;font-weight:950;line-height:1.05;white-space:nowrap}.keypiece-office-demo .flow-run-card.previous-run{border-color:rgba(148,163,184,.16);background:rgba(248,250,252,.46);box-shadow:none}.keypiece-office-demo .flow-run-card.previous-run .flow-run-copy strong{color:rgba(71,85,105,.72)}.keypiece-office-demo .flow-run-card.previous-run .flow-run-copy small{color:rgba(71,85,105,.66);font-weight:650}.keypiece-office-demo .flow-upcoming-section{display:grid;gap:10px;min-width:0}.keypiece-office-demo .flow-upcoming-heading{padding-bottom:2px}.keypiece-office-demo .flow-priority-hint{margin-left:auto;min-width:0;overflow:hidden;color:#94a3b8;font-size:.7rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .flow-toggle-upcoming{display:block;width:100%;padding:8px 12px;margin-top:6px;border:1px dashed rgba(122,139,156,.2);border-radius:8px;background:transparent;color:#3b82f6;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.keypiece-office-demo .flow-toggle-upcoming:hover{background:#eff6ff;border-color:#3b82f6}.keypiece-office-demo .flow-upcoming-card{position:relative;display:grid;grid-template-columns:28px 1fr 32px;align-items:center;gap:8px;width:100%;min-height:52px;padding:10px 12px;border:1px solid rgba(122,139,156,.14);border-radius:10px;background:#fff;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;cursor:grab}.keypiece-office-demo .flow-upcoming-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.keypiece-office-demo .flow-upcoming-card.dragging{opacity:.4;transform:scale(1.02);box-shadow:0 8px 24px rgba(37,99,235,.25);cursor:grabbing;border-color:#2563eb;background:#eff6ff}.keypiece-office-demo .flow-upcoming-card.expedited{border-color:#f59e0b;background:#fffbeb}.keypiece-office-demo .flow-task-rank{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#f1f5f9;color:#64748b;font-size:.72rem;font-weight:950}.keypiece-office-demo .flow-upcoming-card.expedited .flow-task-rank{background:#f59e0b;color:#fff}.keypiece-office-demo .flow-task-content{display:grid;gap:4px;min-width:0}.keypiece-office-demo .flow-task-content strong{min-width:0;overflow:hidden;color:#0f172a;font-size:.9rem;font-weight:950;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .flow-task-content small,.keypiece-office-demo .flow-task-meta{min-width:0;overflow:hidden;color:#475569;font-size:.68rem;font-weight:800;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .flow-task-meta{display:inline-flex;align-items:center;gap:6px}.keypiece-office-demo .flow-task-state{display:inline-flex;align-items:center;gap:4px;min-width:0;color:color-mix(in srgb,var(--kanban-color,#64748b) 72%,#0f172a);font-weight:950}.keypiece-office-demo .flow-task-state:before{content:"";display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:999px;background:var(--kanban-color,#64748b)}.keypiece-office-demo .flow-task-next-run{display:inline-flex;align-items:center;gap:4px;color:#64748b;font-weight:800}.keypiece-office-demo .flow-expedite-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid rgba(122,139,156,.2);border-radius:6px;background:#fff;color:#cbd5e1;font-size:.82rem;cursor:pointer;transition:all .15s ease}.keypiece-office-demo .flow-expedite-btn:hover{border-color:#f59e0b;color:#f59e0b}.keypiece-office-demo .flow-expedite-btn.active{border-color:#f59e0b;background:#fffbeb;color:#f59e0b}.keypiece-office-demo .flow-run-chip{position:relative;display:flex;align-items:center;gap:10px;min-width:0;width:100%;max-width:100%;min-height:38px;padding:8px 12px;border:1px solid rgba(122,139,156,.13);border-radius:8px;background:#f8fafc}.keypiece-office-demo .flow-run-chip:focus{outline:2px solid color-mix(in srgb,var(--flow-blue) 34%,#fff);outline-offset:2px}.keypiece-office-demo .flow-run-chip .queue-flow-svg{flex:0 0 auto;width:18px;height:18px;color:#536174}.keypiece-office-demo .flow-run-chip span,.keypiece-office-demo .flow-run-chip strong{min-width:0;overflow:hidden;font-size:.8rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .flow-run-chip span{flex:0 0 auto;color:#718096;font-weight:850}.keypiece-office-demo .flow-run-chip strong{color:var(--selected-agent);font-weight:950}.keypiece-office-demo .flow-run-chip.upcoming{display:grid;align-items:start;gap:8px;min-height:42px;border-color:rgba(37,99,235,.13);background:#f8fbff}.keypiece-office-demo .flow-run-chip.upcoming .queue-flow-svg,.keypiece-office-demo .flow-run-chip.upcoming strong{color:var(--flow-blue)}.keypiece-office-demo .flow-upcoming-stack{display:grid;gap:6px;min-width:0;margin:0;padding:0;list-style:none}.keypiece-office-demo .flow-upcoming-empty{color:#94a3b8;font-size:.78rem;font-weight:800;text-align:center;padding:16px}.keypiece-office-demo .flow-upcoming-toggle{justify-self:start;min-height:26px;padding:0;border:0;background:transparent;color:var(--flow-blue);font-size:.68rem;font-weight:900;line-height:1}.keypiece-office-demo .flow-upcoming-toggle:hover{color:#1d4ed8;text-decoration:underline;text-underline-offset:3px}.keypiece-office-demo .queue-flow-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;min-height:78px;padding:14px 26px 10px;border-bottom:1px solid rgba(122,139,156,.12)}.keypiece-office-demo .queue-flow-heading>div{display:inline-flex;align-items:center;gap:8px;min-width:0}.keypiece-office-demo .queue-flow-title-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid color-mix(in srgb,var(--selected-agent) 26%,rgba(122,139,156,.18));border-radius:8px;background:color-mix(in srgb,var(--selected-agent) 7%,#fff);color:var(--selected-agent)}.keypiece-office-demo .queue-flow-heading h3{margin:0;color:#0f1720;font-size:.92rem}.keypiece-office-demo .queue-flow-heading h3,.keypiece-office-demo .queue-flow-heading>span{min-width:0;overflow:hidden;font-weight:950;letter-spacing:0;line-height:1;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .queue-flow-heading>span{color:#536174;font-size:.62rem;text-transform:uppercase}.keypiece-office-demo .queue-flow-heading strong{display:inline-flex;align-items:center;min-width:0;max-width:136px;overflow:hidden;padding:9px 14px;border:1px solid color-mix(in srgb,var(--selected-agent) 20%,rgba(122,139,156,.2));border-radius:999px;background:color-mix(in srgb,var(--selected-agent) 7%,#fff);color:var(--selected-agent);font-size:.82rem;font-weight:950;line-height:1;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .queue-flow-heading strong:before,.keypiece-office-demo .queue-flow-status:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:999px;background:var(--selected-agent)}.keypiece-office-demo .queue-flow-heading strong:before,.keypiece-office-demo .queue-flow-node.selected .queue-flow-status:before{background:currentColor}.keypiece-office-demo .queue-flow-node.qa .queue-flow-status:before{background:var(--flow-blue)}.keypiece-office-demo .queue-flow-track-header{display:grid;gap:6px;min-width:0;padding:14px 29px 0;background:#fff}.keypiece-office-demo .queue-flow-track-title{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.keypiece-office-demo .queue-flow-details-button{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 10px;border:1px solid rgba(15,118,110,.18);border-radius:999px;background:rgba(15,118,110,.06);color:var(--selected-agent);font-size:.68rem;font-weight:850;line-height:1;white-space:nowrap}.keypiece-office-demo .queue-flow-details-button:focus-visible,.keypiece-office-demo .queue-flow-details-button:hover{border-color:rgba(15,118,110,.36);background:rgba(15,118,110,.1);outline:0}.keypiece-office-demo .queue-flow-track-header strong{min-width:0;overflow:hidden;color:#0f172a;font-size:.98rem;font-weight:950;line-height:1.16;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .task-flow-modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:22px;background:rgba(15,23,42,.32);backdrop-filter:blur(7px)}.keypiece-office-demo .task-flow-modal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;width:min(1240px,calc(100vw - 56px));max-height:min(800px,calc(100dvh - 44px));padding:22px 24px;border:1px solid rgba(122,139,156,.18);border-radius:18px;background:#fff;box-shadow:0 30px 80px rgba(15,23,42,.26);overflow:hidden}.keypiece-office-demo .task-flow-modal-header{display:flex;align-items:start;justify-content:space-between;gap:18px;min-width:0}.keypiece-office-demo .task-flow-modal-heading{display:grid;gap:6px;min-width:0}.keypiece-office-demo .task-flow-modal-kicker{color:#94a3b8;font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase}.keypiece-office-demo .task-flow-modal h2{min-width:0;margin:0;overflow:hidden;color:#0f172a;font-size:1.6rem;font-weight:900;line-height:1.1;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .task-flow-modal-actions{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.keypiece-office-demo .task-flow-next-run{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 14px;border:1px solid rgba(122,139,156,.18);border-radius:999px;background:#fff;color:#1f2937;font-size:.78rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1;white-space:nowrap;box-shadow:0 1px 2px rgba(15,23,42,.05)}.keypiece-office-demo .task-flow-next-run-dot{width:7px;height:7px;border-radius:999px;background:#14b8a6}.keypiece-office-demo .task-flow-modal-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer;transition:background .15s ease,color .15s ease}.keypiece-office-demo .task-flow-modal-close:focus-visible,.keypiece-office-demo .task-flow-modal-close:hover{background:rgba(15,23,42,.05);color:#0f172a;outline:0}.keypiece-office-demo .task-flow-board{display:grid;grid-template-columns:64px minmax(0,1fr);gap:0;min-width:0;min-height:0;border:1px solid rgba(122,139,156,.16);border-radius:14px;background:#fff;overflow:hidden}.keypiece-office-demo .task-flow-rail{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 8px;border-right:1px solid rgba(122,139,156,.12);background:#fafbfc}.keypiece-office-demo .task-flow-rail-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid rgba(122,139,156,.2);border-radius:8px;background:#fff;color:#64748b;cursor:pointer;transition:all .15s ease}.keypiece-office-demo .task-flow-rail-btn:hover{border-color:rgba(122,139,156,.34);color:#1f2937}.keypiece-office-demo .task-flow-rail-btn.active{border-color:rgba(15,23,42,.18);background:#f1f5f9;color:#0f172a;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6)}.keypiece-office-demo .task-flow-gantt{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0}.keypiece-office-demo .task-flow-gantt-header{display:grid;grid-template-columns:158px repeat(var(--stage-count),minmax(0,1fr));align-items:center;min-width:0;border-bottom:1px solid rgba(122,139,156,.14);background:#fafbfc}.keypiece-office-demo .task-flow-gantt-header-spacer{min-height:48px;border-right:1px solid rgba(122,139,156,.12)}.keypiece-office-demo .task-flow-stage{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:0 14px;border-left:1px solid rgba(122,139,156,.1);color:#475569;font-size:.82rem;font-weight:800;line-height:1}.keypiece-office-demo .task-flow-stage-dot{width:8px;height:8px;border-radius:999px;flex:0 0 auto}.keypiece-office-demo .task-flow-gantt-body{position:relative;display:grid;min-width:0;overflow:auto}.keypiece-office-demo .task-flow-pass-row{position:relative;display:grid;grid-template-columns:158px minmax(0,1fr);align-items:stretch;min-width:0}.keypiece-office-demo .task-flow-pass-row+.task-flow-pass-row{border-top:1px solid rgba(122,139,156,.1)}.keypiece-office-demo .task-flow-pass-side{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 10px;text-align:center}.keypiece-office-demo .task-flow-pass-row.pass-original .task-flow-pass-side{background:#fef2f2}.keypiece-office-demo .task-flow-pass-row.pass-redo .task-flow-pass-side{background:#ecfdf5}.keypiece-office-demo .task-flow-pass-side strong{color:#1f2937;font-size:1rem;font-weight:900;line-height:1.15}.keypiece-office-demo .task-flow-pass-row.pass-original .task-flow-pass-side strong{color:#b91c1c}.keypiece-office-demo .task-flow-pass-row.pass-redo .task-flow-pass-side strong{color:#065f46}.keypiece-office-demo .task-flow-attempt-pill{display:inline-flex;align-items:center;padding:4px 12px;border:1px solid rgba(122,139,156,.22);border-radius:999px;background:#fff;color:#475569;font-size:.72rem;font-weight:800;line-height:1}.keypiece-office-demo .task-flow-pass-grid{position:relative;display:grid;grid-template-columns:repeat(var(--stage-count),minmax(0,1fr));min-width:0;padding:32px 0;background-image:linear-gradient(90deg,rgba(122,139,156,.08) 1px,transparent 0);background-size:calc(100% / var(--stage-count)) 100%;background-position:-1px 0}.keypiece-office-demo .task-flow-pass-grid:after,.keypiece-office-demo .task-flow-pass-grid:before{content:"";position:absolute;top:50%;height:2px;transform:translateY(-50%);pointer-events:none}.keypiece-office-demo .task-flow-pass-grid.pass-original:before{left:10%;right:30%;background:#15803d}.keypiece-office-demo .task-flow-pass-grid.pass-redo:before{left:30%;right:50%;background:#15803d}.keypiece-office-demo .task-flow-pass-grid.pass-redo:after{left:50%;right:10%;background:transparent;border-top:2px dashed #cbd5e1;height:0}.keypiece-office-demo .task-flow-event{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:168px;padding:0 10px}.keypiece-office-demo .task-flow-event.stage-backlog{grid-column:1}.keypiece-office-demo .task-flow-event.stage-todo{grid-column:2}.keypiece-office-demo .task-flow-event.stage-doing{grid-column:3}.keypiece-office-demo .task-flow-event.stage-review{grid-column:4}.keypiece-office-demo .task-flow-event.stage-done{grid-column:5}.keypiece-office-demo .task-flow-event-time{justify-self:center;padding:4px 10px;border:1px solid rgba(122,139,156,.22);border-radius:999px;background:#fff;color:#475569;font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1;box-shadow:0 1px 2px rgba(15,23,42,.04)}.keypiece-office-demo .task-flow-event-time.tone-planned{color:#94a3b8;background:#f8fafc;border-style:dashed}.keypiece-office-demo .task-flow-event-time.tone-current{border-color:#f59e0b;background:#fffbeb;color:#b45309}.keypiece-office-demo .task-flow-event-node{position:absolute;top:50%;left:50%;width:14px;height:14px;border-radius:999px;background:#fff;border:2.5px solid #15803d;box-shadow:0 0 0 2px #fff;transform:translate(-50%,-50%)}.keypiece-office-demo .task-flow-event-node.tone-planned{border-color:#cbd5e1}.keypiece-office-demo .task-flow-event-node.tone-current{border-color:#f59e0b;background:#fff7ed;box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(245,158,11,.18)}.keypiece-office-demo .task-flow-event-node.tone-failed{display:none}.keypiece-office-demo .task-flow-event-person{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;justify-content:center;gap:8px;min-width:0;width:fit-content}.keypiece-office-demo .task-flow-event-person small,.keypiece-office-demo .task-flow-event-person strong{display:block;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .task-flow-event-person strong{color:#0f172a;font-size:.82rem;font-weight:900;line-height:1.1}.keypiece-office-demo .task-flow-event-person small{margin-top:1px;color:#64748b;font-size:.7rem;font-weight:700;line-height:1.1}.keypiece-office-demo .task-flow-event.tone-planned .task-flow-event-person strong{color:#64748b}.keypiece-office-demo .task-flow-event.tone-planned .task-flow-event-person small{color:#94a3b8}.keypiece-office-demo .task-flow-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#475569;color:#fff;font-size:.78rem;font-weight:900;flex:0 0 auto}.keypiece-office-demo .task-flow-avatar.avatar-leadership{background:#1f2937}.keypiece-office-demo .task-flow-avatar.avatar-design{background:#16a34a}.keypiece-office-demo .task-flow-avatar.avatar-engineering{background:#2563eb}.keypiece-office-demo .task-flow-avatar.avatar-qa{background:#9333ea}.keypiece-office-demo .task-flow-now-card{position:relative;display:grid;gap:8px;width:min(100%,220px);padding:10px 12px;border:1.5px solid #f59e0b;border-radius:12px;background:#fffbeb;box-shadow:0 14px 26px rgba(245,158,11,.18)}.keypiece-office-demo .task-flow-now-card-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0}.keypiece-office-demo .task-flow-now-card-dot{width:8px;height:8px;border-radius:999px;background:#f59e0b}.keypiece-office-demo .task-flow-now-card-row strong{min-width:0;overflow:hidden;color:#0f172a;font-size:.84rem;font-weight:900;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .task-flow-now-badge{padding:2px 7px;border-radius:999px;background:#fde68a;color:#b45309;font-size:.62rem;font-weight:900;letter-spacing:.04em;text-transform:capitalize}.keypiece-office-demo .task-flow-now-card-person{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.keypiece-office-demo .task-flow-now-card-person small,.keypiece-office-demo .task-flow-now-card-person strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .task-flow-now-card-person strong{color:#0f172a;font-size:.78rem;font-weight:900;line-height:1.1}.keypiece-office-demo .task-flow-now-card-person small{margin-top:1px;color:#64748b;font-size:.68rem;font-weight:700;line-height:1.1}.keypiece-office-demo .task-flow-event-failure{display:grid;justify-items:center;gap:6px;margin-top:auto}.keypiece-office-demo .task-flow-event.tone-failed{justify-content:center}.keypiece-office-demo .task-flow-event-x{display:inline-flex;align-items:center;justify-content:center}.keypiece-office-demo .task-flow-event-failure-text{display:grid;gap:2px;text-align:center}.keypiece-office-demo .task-flow-event-failure-text small{color:#ef4444;font-size:.72rem;font-weight:800;line-height:1.15}.keypiece-office-demo .task-flow-legend{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:14px 18px;border:1px solid rgba(122,139,156,.16);border-radius:12px;background:#fafbfc}.keypiece-office-demo .task-flow-legend-items{display:inline-flex;align-items:center;gap:22px;flex-wrap:wrap}.keypiece-office-demo .task-flow-legend-item{display:inline-flex;align-items:center;gap:8px;color:#475569;font-size:.78rem;font-weight:800}.keypiece-office-demo .task-flow-legend-line{display:inline-block;width:32px;height:0;border-top:2px solid #15803d}.keypiece-office-demo .task-flow-legend-line.planned{border-top:2px dashed #cbd5e1}.keypiece-office-demo .task-flow-legend-now-dot{display:inline-block;width:12px;height:12px;border-radius:999px;background:#fff;border:2px solid #f59e0b}.keypiece-office-demo .task-flow-legend-people{display:inline-flex;align-items:center;gap:18px;flex-wrap:wrap}.keypiece-office-demo .task-flow-legend-person{display:inline-flex;align-items:center;gap:8px;min-width:0}.keypiece-office-demo .task-flow-legend-person-text{display:grid;gap:1px;min-width:0}.keypiece-office-demo .task-flow-legend-person-text strong{color:#0f172a;font-size:.78rem;font-weight:900;line-height:1.1}.keypiece-office-demo .task-flow-legend-person-text small{color:#64748b;font-size:.68rem;font-weight:700;line-height:1.1}.keypiece-office-demo .queue-flow-track{--flow-marker-size:31px;--flow-marker-center-x:28.5px;--flow-content-start:60px;position:relative;display:grid;gap:0;min-width:0;align-content:start;padding:9px 13px 12px}.keypiece-office-demo .queue-flow-empty-state{display:grid;gap:4px;margin:10px 0 14px;padding:10px 12px;border:1px solid rgba(15,118,110,.28);border-radius:8px;background:rgba(240,253,250,.72);color:#0f3f3b}.keypiece-office-demo .queue-flow-empty-state strong{font-size:.78rem}.keypiece-office-demo .queue-flow-empty-state p,.keypiece-office-demo .queue-flow-hidden-steps{margin:0;font-size:.7rem;line-height:1.35}.keypiece-office-demo .queue-flow-route-context{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:5px;margin:-1px 0 2px 5px;padding:2px 8px 2px 0;color:#64748b;font-size:.66rem;font-weight:700;line-height:1.25}.keypiece-office-demo .queue-flow-route-context svg{width:16px;height:16px;color:#0f766e;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65}.keypiece-office-demo .queue-flow-route-context.branch svg{color:#7c3aed}.keypiece-office-demo .queue-flow-route-context.loop svg{color:#b45309}.keypiece-office-demo .workflow-graph-node{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 7px;min-width:150px;max-width:210px;color:#0f172a;font-size:.72rem;line-height:1.2}.keypiece-office-demo .workflow-graph-node-status{grid-row:1/span 3;width:7px;height:7px;margin-top:3px;border-radius:999px}.keypiece-office-demo .workflow-graph-node strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .workflow-graph-node em,.keypiece-office-demo .workflow-graph-node small{overflow:hidden;color:#64748b;font-size:.66rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .queue-flow-hidden-steps{position:relative;z-index:1;width:fit-content;margin:2px 0 2px 16px;padding:3px 7px;border:1px dashed rgba(14,116,144,.34);border-radius:999px;background:#f8fafc;color:#475569;font-weight:700}.keypiece-office-demo .queue-flow-track:before{content:"";position:absolute;z-index:0;left:calc(var(--flow-marker-center-x) - 1px);top:24px;bottom:40px;width:2px;border-radius:999px;background:linear-gradient(180deg,#d7e0e8,color-mix(in srgb,var(--selected-agent) 52%,#d7e0e8) 70%,color-mix(in srgb,var(--flow-blue) 42%,#d7e0e8))}.keypiece-office-demo .queue-flow-node{position:relative;z-index:1;display:grid;grid-template-columns:36px 38px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-width:0;min-height:58px;padding:8px 0;border:0;border-bottom:1px solid rgba(122,139,156,.14);border-radius:0;background:transparent;box-shadow:none}.keypiece-office-demo .queue-flow-node b{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:var(--flow-marker-size);height:var(--flow-marker-size);border:1px solid #ccd6e0;border-radius:999px;background:#fff;color:#0f1720;font-size:.8rem;font-weight:950;line-height:1;box-shadow:0 0 0 5px #fff}.keypiece-office-demo .queue-flow-node.done strong,.keypiece-office-demo .queue-flow-node.status-done strong{color:#5c6876;opacity:.58;text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:rgba(92,104,118,.62)}.keypiece-office-demo .queue-flow-node.done small,.keypiece-office-demo .queue-flow-node.status-done small,.keypiece-office-demo .queue-flow-node.upcoming small{color:#718092}.keypiece-office-demo .queue-flow-node.done small{opacity:.58}.keypiece-office-demo .queue-flow-node.done .queue-flow-glyph,.keypiece-office-demo .queue-flow-node.status-done .queue-flow-glyph,.keypiece-office-demo .queue-flow-node.upcoming .queue-flow-glyph{border-color:rgba(122,139,156,.16);background:#fbfcfd;color:#64748b}.keypiece-office-demo .queue-flow-node.done .queue-flow-glyph,.keypiece-office-demo .queue-flow-node.done .queue-flow-status{opacity:.58}.keypiece-office-demo .queue-flow-node.done .queue-flow-status,.keypiece-office-demo .queue-flow-node.status-done .queue-flow-status{color:#64748b}.keypiece-office-demo .queue-flow-glyph{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:0;overflow:hidden;border:1px solid rgba(122,139,156,.2);border-radius:8px;background:#f8fafc;color:#334155}.keypiece-office-demo .queue-flow-svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.keypiece-office-demo .queue-flow-node div{display:grid;gap:3px;min-width:0}.keypiece-office-demo .queue-flow-node strong{min-width:0;color:#0c1118;font-size:.8rem;font-weight:950;letter-spacing:0;line-height:1.12;overflow-wrap:normal}.keypiece-office-demo .queue-flow-node small{min-width:0;color:#536174;font-size:.66rem;font-weight:760;line-height:1.25;overflow-wrap:normal}.keypiece-office-demo .queue-flow-status{display:inline-flex;align-items:center;align-self:center;justify-content:center;justify-self:end;min-width:0;max-width:68px;overflow:hidden;min-height:22px;padding:0 7px;border:1px solid rgba(122,139,156,.18);border-radius:999px;background:#fff;color:#607180;font-size:.58rem;font-weight:950;line-height:1;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .queue-flow-node i{display:none}.keypiece-office-demo .queue-flow-node.selected{grid-template-columns:36px 38px minmax(0,1fr) auto;width:calc(100% + 10px);min-height:66px;margin:4px 0 4px -10px;padding:10px;border:0;border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--selected-agent) 8%,#fff),#fff 68%),#fff;outline:1px solid color-mix(in srgb,var(--selected-agent) 22%,rgba(122,139,156,.14));box-shadow:none}.keypiece-office-demo .queue-flow-node.selected strong{font-size:.86rem;line-height:1.08;white-space:nowrap}.keypiece-office-demo .queue-flow-node.selected small{font-size:.68rem;font-weight:800}.keypiece-office-demo .queue-flow-node.selected b{border-color:var(--selected-agent);background:var(--selected-agent);color:#fff}.keypiece-office-demo .queue-flow-node.selected .queue-flow-glyph{border-color:color-mix(in srgb,var(--selected-agent) 18%,rgba(122,139,156,.14));background:#fff;color:var(--selected-agent)}.keypiece-office-demo .queue-flow-node.selected .queue-flow-svg{width:19px;height:19px}.keypiece-office-demo .queue-flow-node.selected small,.keypiece-office-demo .queue-flow-node.selected strong{color:#0f1720}.keypiece-office-demo .queue-flow-node.selected small{color:#40505f}.keypiece-office-demo .queue-flow-node.selected .queue-flow-status{max-width:86px;border-color:color-mix(in srgb,var(--selected-agent) 22%,rgba(122,139,156,.18));background:color-mix(in srgb,var(--selected-agent) 7%,#fff);color:var(--selected-agent);font-size:.56rem}.keypiece-office-demo .queue-flow-track .queue-flow-node.selected{width:calc(100% + 10px);margin:4px 0 4px -10px;padding:10px;box-shadow:none}.keypiece-office-demo .queue-flow-track .queue-flow-node.selected b{border-color:var(--selected-agent);background:var(--selected-agent);color:#fff}.keypiece-office-demo .queue-flow-node.qa{border-bottom:0}.keypiece-office-demo .queue-flow-node.qa b{border-color:rgba(37,99,235,.26);background:#eff6ff;color:#2563eb}.keypiece-office-demo .queue-flow-node.qa .queue-flow-glyph{border-color:rgba(37,99,235,.22);background:#eff6ff;color:#2563eb}.keypiece-office-demo .queue-flow-node.qa .queue-flow-status{border-color:rgba(37,99,235,.18);background:#eff6ff;color:#2563eb}.keypiece-office-demo .queue-flow-node.future,.keypiece-office-demo .queue-flow-node.upcoming{min-height:56px;border-bottom:0}.keypiece-office-demo .queue-flow-node.future b,.keypiece-office-demo .queue-flow-node.upcoming b{border-color:#d8e0e8;background:#fff;color:#7b8796;opacity:1;box-shadow:0 0 0 5px #fff}.keypiece-office-demo .queue-flow-node.future .queue-flow-glyph,.keypiece-office-demo .queue-flow-node.upcoming .queue-flow-glyph{border-color:rgba(122,139,156,.14);background:#f8fafc;color:#8a98a8}.keypiece-office-demo .queue-flow-node.future strong,.keypiece-office-demo .queue-flow-node.upcoming strong{color:#334155}.keypiece-office-demo .queue-flow-node.future small{color:#718092}.keypiece-office-demo .queue-flow-node.future .queue-flow-status{border-color:rgba(122,139,156,.16);background:#f8fafc;color:#718092}.keypiece-office-demo .queue-flow-node.future .queue-flow-status:before{background:#a8b4c1}.keypiece-office-demo .queue-flow-gate{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-content:stretch;gap:0;min-width:0;min-height:0;margin:0 0 8px var(--flow-content-start);padding:10px;border:1px solid rgba(122,139,156,.14);border-radius:9px;background:#fff;box-shadow:0 10px 22px rgba(96,122,140,.06)}.keypiece-office-demo .queue-flow-gate:before{content:"";position:absolute;top:50%;left:calc(var(--flow-marker-center-x) - var(--flow-content-start) - 13px);width:calc(var(--flow-content-start) + 13px - var(--flow-marker-center-x));height:0;border-top:2px dashed rgba(147,197,253,.68);pointer-events:none}.keypiece-office-demo .queue-flowchart .queue-flow-track .queue-flow-gate:before{top:50%!important;left:calc(var(--flow-marker-center-x) - var(--flow-content-start) - 13px)!important;width:calc(var(--flow-content-start) + 13px - var(--flow-marker-center-x))!important;height:0!important;border:0!important;border-top:2px dashed rgba(147,197,253,.68)!important;border-radius:0!important}.keypiece-office-demo .queue-flow-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start;gap:9px;min-width:0}.keypiece-office-demo .queue-flow-branch{appearance:none;border:0;cursor:pointer;font:inherit;text-align:left;position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:60px;padding:9px;border:1px solid rgba(122,139,156,.16);border-radius:8px;background:#fff}.keypiece-office-demo .queue-flow-branch:focus-visible{outline:2px solid var(--office-accent,#0f766e);outline-offset:2px}.keypiece-office-demo .queue-flow-action-status{display:block;margin-top:8px;color:var(--office-muted,#64748b);font-size:11px}.keypiece-office-demo .queue-flow-branch-icon{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border:1.5px solid;border-radius:999px;background:#fff}.keypiece-office-demo .queue-flow-branch-icon .queue-flow-svg{width:12px;height:12px;stroke-width:2.4}.keypiece-office-demo .queue-flow-branch div{display:grid;gap:3px;min-width:0}.keypiece-office-demo .queue-flow-branch div>span{min-width:0;overflow:hidden;font-size:.56rem;font-weight:950;letter-spacing:0;line-height:1;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.keypiece-office-demo .queue-flow-branch.pass{grid-column:auto!important;grid-row:auto!important;border-color:rgba(22,163,74,.2);background:rgba(240,253,244,.44)}.keypiece-office-demo .queue-flow-branch.pass .queue-flow-branch-icon{color:#15803d}.keypiece-office-demo .queue-flow-branch.fail{grid-column:auto!important;grid-row:auto!important;border-color:rgba(239,35,24,.18);background:rgba(255,241,242,.34)}.keypiece-office-demo .queue-flow-branch.fail .queue-flow-branch-icon{color:#ef2318}.keypiece-office-demo .queue-flow-branch.pass div>span,.keypiece-office-demo .queue-flow-branch.pass strong{color:#15803d}.keypiece-office-demo .queue-flow-branch.fail div>span{color:#dc2626}.keypiece-office-demo .queue-flow-branch.fail strong,.keypiece-office-demo .queue-flow-branch.pass strong{color:#0c1118}.keypiece-office-demo .queue-flow-branch strong{min-width:0;font-size:.7rem;font-weight:950;line-height:1.12;overflow-wrap:normal;white-space:nowrap}.keypiece-office-demo .queue-flow-branch small{min-width:0;color:#536174;font-size:.57rem;font-weight:780;line-height:1.2}.keypiece-office-demo .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.keypiece-office-demo .pulse-detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.keypiece-office-demo .pulse-detail-actions button{min-height:34px;border:0;border-radius:8px;background:rgba(15,23,32,.08);color:#263442;font-size:.7rem;font-weight:850}.keypiece-office-demo .pulse-detail-actions button:first-child{background:#5b21b6;color:#fff}@media (max-width:1100px){.keypiece-office-demo{height:auto;overflow:auto}.keypiece-office-demo .keypiece-shell{grid-template-columns:minmax(0,1fr);height:auto;max-height:none;min-height:100dvh}.keypiece-office-demo .office-workspace{min-height:70dvh}.keypiece-office-demo .team-pulse-panel{min-height:auto;max-height:none}.keypiece-office-demo .queue-flow-panel{max-height:none;overflow:auto;padding-right:6px}}.keypiece-office-demo .world-label{user-select:none;contain:layout style paint}@keyframes selectionStatusPulse{.keypiece-office-demo 0%,.keypiece-office-demo to{opacity:.64}.keypiece-office-demo 50%{opacity:1}}.keypiece-office-demo .office-label{padding:6px 10px;border:1px solid rgba(113,133,148,.18);border-radius:999px;background:rgba(248,250,251,.94);box-shadow:0 10px 20px rgba(96,122,140,.14);color:#10202d;font-size:.78rem;font-weight:600;white-space:nowrap}.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .office-label{padding:4px 8px;font-size:.7rem}.keypiece-office-demo .kanban-bubble{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:6px 9px;border-color:color-mix(in srgb,var(--kanban-color,#64748b) 44%,transparent);border-left:3px solid var(--kanban-color,#64748b);border-radius:999px;background:rgba(248,250,251,.96);box-shadow:0 12px 24px rgba(30,41,59,.13);color:#0f1720;font-size:.68rem;font-weight:900;line-height:1}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .kanban-bubble,.keypiece-office-demo .keypiece-office-stage[data-active-view=build] .kanban-bubble,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .kanban-bubble{min-width:42px;padding:4px 7px;border-left-width:2px;color:color-mix(in srgb,var(--kanban-color,#64748b) 68%,#000);font-size:.62rem;box-shadow:0 7px 14px rgba(30,41,59,.12)}.keypiece-office-demo .workarea-readable-label{display:none;align-items:center;justify-content:center;padding:4px 9px;border:1px solid var(--workarea-color,#64748b);border-radius:999px;background:transparent;color:var(--workarea-text-color,#475569);font-size:.68rem;font-weight:900;letter-spacing:.04em;line-height:1;text-transform:uppercase;white-space:nowrap}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .workarea-readable-label,.keypiece-office-demo .keypiece-office-stage[data-active-view=build] .workarea-readable-label,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .workarea-readable-label{display:inline-flex}@media (max-width:520px){.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .kanban-bubble,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .workarea-readable-label,.keypiece-office-demo .keypiece-office-stage[data-active-view=build] .kanban-bubble,.keypiece-office-demo .keypiece-office-stage[data-active-view=build] .workarea-readable-label,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .kanban-bubble,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .workarea-readable-label{display:none}}.keypiece-office-demo .avatar-label{display:inline-grid;grid-template-columns:auto minmax(112px,1fr) auto;align-items:start;column-gap:5px;row-gap:4px;max-width:352px;padding:4px 7px 4px 4px;border:1px solid rgba(15,23,32,.12);border-left:2px solid var(--avatar-label-color,#2774ff);border-radius:10px;background:hsla(0,0%,100%,.5);box-shadow:0 6px 14px rgba(15,23,32,.1);color:var(--avatar-label-color,#14202b);font-size:.78rem;line-height:1.05;white-space:nowrap;backdrop-filter:blur(10px)}.keypiece-office-demo .avatar-label.has-detail{min-width:302px}.keypiece-office-demo .avatar-label .label-avatar-cluster{display:grid;grid-template-columns:32px;align-items:center;gap:0;min-width:0;padding:1px;border:1px solid rgba(15,23,32,.08);background:hsla(0,0%,100%,.94);box-shadow:none}.keypiece-office-demo .avatar-label .label-avatar-cluster:has(.label-task-stepper:not([hidden])){grid-template-columns:32px auto;gap:3px;padding-right:4px}.keypiece-office-demo .avatar-label .label-avatar-cluster>i{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,var(--avatar-label-color,#2774ff) 0,#7ae2ff 100%);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.78);color:#fff;font-size:.74rem;font-style:normal;font-weight:900}.keypiece-office-demo .avatar-label .label-copy{gap:1px}.keypiece-office-demo .avatar-label .label-badges{grid-column:3;flex-wrap:wrap;justify-content:flex-end;max-width:72px}.keypiece-office-demo .avatar-label .label-detail{display:none;min-width:0;padding-top:1px}.keypiece-office-demo .avatar-label .label-task-stepper{gap:2px;align-self:center;width:108px;transform-origin:left center;animation:label-task-drawer-in .24s cubic-bezier(.16,1,.3,1) both}.keypiece-office-demo .avatar-label .label-task-progress-row,.keypiece-office-demo .avatar-label .label-task-stepper-row{display:grid;grid-template-columns:25px 44px 20px;align-items:center;gap:2px;min-width:0}.keypiece-office-demo .avatar-label .label-task-info-row{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:2px;min-width:0}.keypiece-office-demo .avatar-label .label-task-info-row b,.keypiece-office-demo .avatar-label .label-task-progress-row b,.keypiece-office-demo .avatar-label .label-task-stepper-row b{padding:0;border-radius:0;background:transparent;font-size:.58rem;font-weight:950;line-height:1}.keypiece-office-demo .avatar-label .label-task-info-row b{color:#334155}.keypiece-office-demo .avatar-label .label-task-progress-row.next b{color:#7c3aed}.keypiece-office-demo .avatar-label .label-task-info-row em,.keypiece-office-demo .avatar-label .label-task-progress-row em,.keypiece-office-demo .avatar-label .label-task-stepper-row em{color:#475569;font-size:.58rem;font-style:normal;font-weight:900;line-height:1}.keypiece-office-demo .avatar-label .label-task-stepper-row em{text-align:right}.keypiece-office-demo .avatar-label .label-task-progress-row em{overflow:hidden;color:#7c3aed;text-align:right;text-overflow:ellipsis}.keypiece-office-demo .avatar-label .label-task-info-row em{overflow:hidden;text-overflow:ellipsis}.keypiece-office-demo .avatar-label .label-task-stepper-row.done em{color:#047857}.keypiece-office-demo .avatar-label .label-task-stepper-row.runs em{color:#1d4ed8}.keypiece-office-demo .avatar-label .label-task-stepper-row span{display:grid;grid-template-columns:repeat(var(--task-step-count),minmax(0,1fr));gap:1.5px;min-width:0}.keypiece-office-demo .avatar-label .label-task-progress-row span{display:block;height:3px;overflow:hidden;border-radius:1px;background:rgba(100,116,139,.2)}.keypiece-office-demo .avatar-label .label-task-stepper-row i{display:block;width:auto;height:3px;min-width:2px;border-radius:1px;background:rgba(100,116,139,.2);box-shadow:none}.keypiece-office-demo .avatar-label .label-task-progress-row i{display:block;height:100%;border-radius:inherit;background:#8b5cf6}@keyframes label-task-drawer-in{.keypiece-office-demo 0%{max-width:0;opacity:0;transform:translateX(-5px) scaleX(.7)}.keypiece-office-demo to{max-width:108px;opacity:1;transform:translateX(0) scaleX(1)}}.keypiece-office-demo .avatar-label .label-task-stepper-row.done i.filled{background:#10b981}.keypiece-office-demo .avatar-label .label-task-stepper-row.runs i.filled{background:#2563eb}.keypiece-office-demo .avatar-label.has-detail .label-detail{display:grid;gap:4px}.keypiece-office-demo .avatar-task-list{display:grid;gap:3px;min-width:0}.keypiece-office-demo .avatar-task-row{display:grid;gap:5px;min-width:0}.keypiece-office-demo .avatar-task-name{overflow:hidden;color:#263445;font-size:.58rem;font-weight:850;line-height:1.1;text-overflow:ellipsis}.keypiece-office-demo .avatar-task-metrics{display:grid;gap:3px;min-width:0}.keypiece-office-demo .avatar-task-stepper{display:grid;grid-template-columns:30px minmax(52px,1fr) 24px;align-items:center;gap:4px;min-width:0}.keypiece-office-demo .avatar-task-stepper-label,.keypiece-office-demo .avatar-task-stepper-value{color:#475569;font-size:.42rem;font-weight:900;letter-spacing:0;line-height:1;text-transform:uppercase}.keypiece-office-demo .avatar-task-stepper.done .avatar-task-stepper-label,.keypiece-office-demo .avatar-task-stepper.done .avatar-task-stepper-value{color:#047857}.keypiece-office-demo .avatar-task-stepper.runs .avatar-task-stepper-label,.keypiece-office-demo .avatar-task-stepper.runs .avatar-task-stepper-value{color:#1d4ed8}.keypiece-office-demo .avatar-task-stepper-track{--task-step-count:1;display:grid;grid-template-columns:repeat(var(--task-step-count),minmax(0,1fr));gap:2px;min-width:0}.keypiece-office-demo .avatar-task-stepper-track i{display:block;height:7px;min-width:4px;border-radius:2px;background:rgba(100,116,139,.2)}.keypiece-office-demo .avatar-task-stepper.done .avatar-task-stepper-track i.filled{background:#10b981}.keypiece-office-demo .avatar-task-stepper.runs .avatar-task-stepper-track i.filled{background:#2563eb}.keypiece-office-demo .avatar-cron-row{display:grid;grid-template-columns:auto minmax(64px,1fr);align-items:center;gap:7px;min-width:0}.keypiece-office-demo .avatar-cron-copy{color:#475569;font-size:.54rem;font-weight:900}.keypiece-office-demo .avatar-cron-progress{display:block;height:5px;overflow:hidden;border-radius:999px;background:rgba(100,116,139,.18)}.keypiece-office-demo .avatar-cron-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--avatar-label-color,#2774ff),#7ae2ff)}.keypiece-office-demo .avatar-label small,.keypiece-office-demo .avatar-label strong{display:block;overflow:hidden;text-overflow:ellipsis;font-weight:900;text-shadow:none}.keypiece-office-demo .avatar-label strong{color:var(--avatar-label-color,#14202b)}.keypiece-office-demo .avatar-label.name-outline strong{color:var(--avatar-label-color,#14202b);-webkit-text-stroke:.72px var(--avatar-label-outline-color,#000);text-shadow:-1px -1px 0 var(--avatar-label-outline-color,#000),0 -1px 0 var(--avatar-label-outline-color,#000),1px -1px 0 var(--avatar-label-outline-color,#000),-1px 0 0 var(--avatar-label-outline-color,#000),1px 0 0 var(--avatar-label-outline-color,#000),-1px 1px 0 var(--avatar-label-outline-color,#000),0 1px 0 var(--avatar-label-outline-color,#000),1px 1px 0 var(--avatar-label-outline-color,#000),0 2px 4px rgba(15,23,32,.28)}.keypiece-office-demo .avatar-label small{color:#526170;font-size:.58rem;font-weight:800}.keypiece-office-demo .avatar-label b{padding:3px 5px;border-radius:999px;background:rgba(113,103,232,.12);color:#4f46e5;font-size:.56rem;line-height:1}.keypiece-office-demo .avatar-label .label-task-stepper-row b{padding:0;border-radius:0;background:transparent;font-size:.44rem;font-weight:950}.keypiece-office-demo .avatar-label .label-task-stepper-row.done b{color:#047857}.keypiece-office-demo .avatar-label .label-task-stepper-row.runs b{color:#1d4ed8}.keypiece-office-demo .avatar-label .state-badge{background:rgba(22,163,74,.12)}.keypiece-office-demo .avatar-label .state-badge[hidden]{display:none}.keypiece-office-demo .avatar-label.away{opacity:.72}.keypiece-office-demo .avatar-label .away-badge{background:rgba(100,116,139,.14);color:#64748b}.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact]{grid-template-columns:auto;gap:0;min-width:0;max-width:132px;padding:2px;border:0;border-radius:999px;background:transparent;font-size:.68rem;line-height:1.08;box-shadow:none}.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-avatar-cluster{grid-template-columns:30px;padding:1px}.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-avatar-cluster:has(.label-task-stepper:not([hidden])){grid-template-columns:30px auto;gap:3px;padding-right:4px}.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-avatar-cluster>i{width:30px;height:30px;font-size:calc(.68rem * var(--avatar-label-map-text-scale, 1));opacity:var(--avatar-label-map-text-opacity,1)}.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-stepper{margin-left:var(--avatar-label-map-progress-margin-left,0);margin-right:var(--avatar-label-map-progress-margin-right,0);width:96px}.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-info-row b,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-info-row em,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-progress-row b,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-progress-row em,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-stepper-row b,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-stepper-row em{font-size:calc(.68rem * var(--avatar-label-map-text-scale, 1));opacity:var(--avatar-label-map-text-opacity,1)}.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-progress-row,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-stepper-row{grid-template-columns:25px 34px 18px}.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-info-row{grid-template-columns:25px minmax(0,1fr)}.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-badges,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-detail{display:none}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact]{grid-template-columns:auto;gap:0;min-width:0;max-width:130px;padding:2px;border:0;border-radius:999px;background:transparent;box-shadow:none}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-avatar-cluster{grid-template-columns:28px;padding:1px}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-avatar-cluster:has(.label-task-stepper:not([hidden])){grid-template-columns:28px auto;gap:3px;padding-right:4px}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-avatar-cluster>i{width:28px;height:28px;font-size:calc(.64rem * var(--avatar-label-2d-text-scale, 1));opacity:var(--avatar-label-2d-text-opacity,1)}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-stepper{margin-left:var(--avatar-label-2d-progress-margin-left,0);margin-right:var(--avatar-label-2d-progress-margin-right,0);width:94px}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-info-row b,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-info-row em,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-progress-row b,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-progress-row em,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-stepper-row b,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-stepper-row em{font-size:calc(.68rem * var(--avatar-label-2d-text-scale, 1));opacity:var(--avatar-label-2d-text-opacity,1)}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-progress-row,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-stepper-row{grid-template-columns:25px 32px 18px}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-info-row{grid-template-columns:25px minmax(0,1fr)}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-badges,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-detail{display:none}.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-progress-row span,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-stepper-row span,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-progress-row span,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-stepper-row span{margin-left:var(--avatar-label-map-progress-margin-left,0);margin-right:var(--avatar-label-map-progress-margin-right,0)}.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-avatar-cluster>i,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-info-row b,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-info-row em,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-progress-row b,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-progress-row em,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-stepper-row b,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-stepper-row em{font-size:calc(.68rem * var(--avatar-label-map-text-scale, 1));opacity:var(--avatar-label-map-text-opacity,1)}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-progress-row span,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-stepper-row span,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-progress-row span,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-stepper-row span{margin-left:var(--avatar-label-2d-progress-margin-left,0);margin-right:var(--avatar-label-2d-progress-margin-right,0)}.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-avatar-cluster>i{font-size:calc(.64rem * var(--avatar-label-2d-text-scale, 1));opacity:var(--avatar-label-2d-text-opacity,1)}.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-info-row b,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-info-row em,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-progress-row b,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-progress-row em,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-stepper-row b,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-stepper-row em{font-size:calc(.68rem * var(--avatar-label-2d-text-scale, 1));opacity:var(--avatar-label-2d-text-opacity,1)}.keypiece-office-demo .avatar-label{--avatar-label-current-text-scale:1;--avatar-label-current-text-opacity:1;--avatar-label-current-progress-margin-left:0px;--avatar-label-current-progress-margin-right:0px;--avatar-label-current-metric-side-padding:0px;--avatar-label-current-metric-column-width:34px;--avatar-label-current-metric-column-gap:5px;--avatar-label-current-metric-grid-width:calc(var(--avatar-label-current-metric-column-width, 34px) + var(--avatar-label-current-metric-column-width, 34px) + var(--avatar-label-current-metric-column-width, 34px) + var(--avatar-label-current-metric-column-gap, 5px) + var(--avatar-label-current-metric-column-gap, 5px));--avatar-label-current-metric-shell-width:min(calc(var(--avatar-label-current-metric-grid-width) + var(--avatar-label-current-metric-side-padding, 0px) + var(--avatar-label-current-metric-side-padding, 0px) + 2px),calc(100vw - 24px));--avatar-label-current-progress-bar-width:24px;--avatar-label-current-title-align:center;grid-template-columns:34px minmax(0,1fr);column-gap:9px;row-gap:7px;width:260px;max-width:260px;padding:8px 9px 9px;border:1px solid rgba(15,23,42,.14);border-radius:8px;background:#fff;box-shadow:0 5px 12px rgba(15,23,42,.1);color:#0f172a;line-height:1.08;backdrop-filter:none}.keypiece-office-demo .avatar-label.has-detail{min-width:260px}.keypiece-office-demo .avatar-label .label-avatar-cluster{display:flex;grid-column:1;align-items:flex-start;justify-content:center;width:34px;min-width:34px;padding:0;border:0;border-radius:999px;background:transparent}.keypiece-office-demo .avatar-label .label-avatar-cluster>i{width:34px;height:34px;border:1px solid rgba(15,23,42,.14);background:#f8fafc;box-shadow:none;color:#0f172a;font-size:calc(.68rem * var(--avatar-label-current-text-scale));opacity:var(--avatar-label-current-text-opacity)}.keypiece-office-demo .avatar-label .label-copy{display:grid;grid-column:2;gap:2px;min-width:0;align-self:center}.keypiece-office-demo .avatar-label .label-title-line{display:flex;align-items:center;gap:5px;min-width:0}.keypiece-office-demo .avatar-label strong{min-width:0;color:#0f172a;font-size:calc(.82rem * var(--avatar-label-current-text-scale));line-height:1.05;opacity:var(--avatar-label-current-text-opacity)}.keypiece-office-demo .avatar-label small{color:#475569;font-size:calc(.62rem * var(--avatar-label-current-text-scale));font-weight:760;line-height:1.1;opacity:var(--avatar-label-current-text-opacity)}.keypiece-office-demo .avatar-label .label-badges{display:inline-flex;grid-column:auto;flex:0 0 auto;flex-wrap:nowrap;gap:3px;max-width:none;align-self:center}.keypiece-office-demo .avatar-label .label-badges b{padding:2px 4px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:calc(.44rem * var(--avatar-label-current-text-scale));font-weight:900;line-height:1;opacity:var(--avatar-label-current-text-opacity)}.keypiece-office-demo .avatar-label .state-badge{background:#ecfdf3;color:#15803d}.keypiece-office-demo .avatar-label .away-badge{background:#f1f5f9;color:#475569}.keypiece-office-demo .avatar-label.away{opacity:.84}.keypiece-office-demo .avatar-label .label-task-stepper{display:grid;grid-column:1/-1;grid-template-columns:repeat(3,max-content);justify-content:center;gap:0;width:auto;min-width:0;margin:1px 0 0;padding-top:5px;border-top:1px solid rgba(148,163,184,.28);overflow:hidden;transform:none;animation:none}.keypiece-office-demo .avatar-label .label-task-stepper[hidden]{display:none}.keypiece-office-demo .avatar-label .label-task-metric{display:grid;grid-template-rows:auto auto 3px;justify-items:center;gap:1px;width:max-content;min-width:28px;padding:0}.keypiece-office-demo .avatar-label .label-task-metric:first-child{padding-left:0}.keypiece-office-demo .avatar-label .label-task-metric+.label-task-metric{margin-left:4px;padding-left:4px;border-left:1px solid rgba(148,163,184,.32)}.keypiece-office-demo .avatar-label .label-task-metric:last-child{padding-right:0}.keypiece-office-demo .avatar-label .label-task-metric b,.keypiece-office-demo .avatar-label .label-task-metric em{display:block;overflow:hidden;padding:0;border-radius:0;background:transparent;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:max-content;opacity:var(--avatar-label-current-text-opacity)}.keypiece-office-demo .avatar-label .label-task-metric b{color:#64748b;font-size:calc(.52rem * var(--avatar-label-current-text-scale));font-weight:850;line-height:1}.keypiece-office-demo .avatar-label .label-task-metric em{color:#0f172a;font-size:calc(.66rem * var(--avatar-label-current-text-scale));font-style:normal;font-weight:900;line-height:1.05}.keypiece-office-demo .avatar-label .label-task-metric.done em{color:#047857}.keypiece-office-demo .avatar-label .label-task-metric.runs em{color:#1d4ed8}.keypiece-office-demo .avatar-label .label-task-metric.next em{color:#b45309}.keypiece-office-demo .avatar-label .label-task-metric-bar{display:block;justify-self:center;width:100%;max-width:100%;height:3px;min-width:0;margin-left:var(--avatar-label-current-progress-margin-left);margin-right:var(--avatar-label-current-progress-margin-right);overflow:hidden;border-radius:999px;background:#e2e8f0}.keypiece-office-demo .avatar-label .label-task-metric-bar i{display:block;height:100%;border-radius:inherit;background:#10b981;box-shadow:none}.keypiece-office-demo .avatar-label .label-task-metric.runs .label-task-metric-bar i{background:#2563eb}.keypiece-office-demo .avatar-label .label-task-metric.next .label-task-metric-bar i{background:#f59e0b}.keypiece-office-demo .avatar-label .label-detail{grid-column:1/-1}.keypiece-office-demo .avatar-cron-progress span{background:#10b981}.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact],.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact]{--avatar-label-current-text-scale:var(--avatar-label-map-text-scale,1);--avatar-label-current-text-opacity:var(--avatar-label-map-text-opacity,1);--avatar-label-current-progress-margin-left:var(--avatar-label-map-progress-margin-left,0px);--avatar-label-current-progress-margin-right:var(--avatar-label-map-progress-margin-right,0px);--avatar-label-current-metric-side-padding:var(--avatar-label-map-metric-side-padding,0px);--avatar-label-current-metric-column-width:var(--avatar-label-map-metric-column-width,34px);--avatar-label-current-progress-bar-width:var(--avatar-label-map-progress-bar-width,24px);--avatar-label-current-title-align:var(--avatar-label-map-title-align,center);grid-template-columns:30px minmax(0,1fr);column-gap:7px;row-gap:5px;width:190px;max-width:190px;padding:6px 7px 7px;border:1px solid rgba(15,23,42,.14);border-radius:8px;background:#fff;box-shadow:0 4px 10px rgba(15,23,42,.09)}.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics{grid-template-columns:30px minmax(0,1fr) 34px;width:178px;max-width:178px}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact],.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact]{--avatar-label-current-text-scale:var(--avatar-label-2d-text-scale,1);--avatar-label-current-text-opacity:var(--avatar-label-2d-text-opacity,1);--avatar-label-current-progress-margin-left:var(--avatar-label-2d-progress-margin-left,0px);--avatar-label-current-progress-margin-right:var(--avatar-label-2d-progress-margin-right,0px);--avatar-label-current-metric-side-padding:var(--avatar-label-2d-metric-side-padding,0px);--avatar-label-current-metric-column-width:var(--avatar-label-2d-metric-column-width,34px);--avatar-label-current-progress-bar-width:var(--avatar-label-2d-progress-bar-width,24px);--avatar-label-current-title-align:var(--avatar-label-2d-title-align,center);grid-template-columns:29px minmax(0,1fr);column-gap:7px;row-gap:5px;width:170px;max-width:170px;padding:6px 7px 7px;border:1px solid rgba(15,23,42,.14);border-radius:8px;background:#fff;box-shadow:0 4px 10px rgba(15,23,42,.08)}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics{grid-template-columns:29px minmax(0,1fr) 34px;width:174px;max-width:174px}.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-avatar-cluster,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-avatar-cluster{width:30px;min-width:30px;padding:0}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-avatar-cluster,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-avatar-cluster{width:29px;min-width:29px;padding:0}.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-avatar-cluster>i,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-avatar-cluster>i{width:30px;height:30px;background:#f8fafc;font-size:calc(.6rem * var(--avatar-label-current-text-scale))}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-avatar-cluster>i,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-avatar-cluster>i{width:29px;height:29px;background:#f8fafc;font-size:calc(.58rem * var(--avatar-label-current-text-scale))}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-badges,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-badges,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-copy,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-badges,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-copy,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-badges,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-copy{display:grid}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-badges,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-badges,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-badges,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-badges{display:inline-flex}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-stepper{grid-column:3;grid-row:1/span 2;align-self:center;justify-self:end;display:block;width:34px;margin:0;padding:0;border-top:0}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-metric.next,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-metric.runs,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-metric.next,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-metric.runs,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-metric.next,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-metric.runs,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-metric.next,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-metric.runs{display:none}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-metric{position:relative;display:grid;place-items:center;width:34px;height:34px;min-width:0}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-metric+.label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-metric+.label-task-metric,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-metric+.label-task-metric,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-metric+.label-task-metric{margin-left:0;padding-left:4px}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-metric b,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-metric b,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-metric b,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-metric b{display:none}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-metric.done:before,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-metric.done:before,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-metric.done:before,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-metric.done:before{content:"";position:absolute;inset:1px;border-radius:999px;background:radial-gradient(circle,#fff 57%,transparent 58%),conic-gradient(#10b981 calc(var(--metric-progress, 0) * 1turn),#dbe4ea 0)}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-metric em,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-metric em,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-metric em,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-metric em{position:relative;z-index:1;width:auto;color:#047857;font-size:calc(.58rem * var(--avatar-label-current-text-scale));line-height:1}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-metric.done .label-task-metric-bar,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-metric.next .label-task-metric-bar,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact] .label-task-metric.runs .label-task-metric-bar,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-metric.done .label-task-metric-bar,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-metric.next .label-task-metric-bar,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact] .label-task-metric.runs .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-metric.done .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-metric.next .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact] .label-task-metric.runs .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-metric.done .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-metric.next .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact] .label-task-metric.runs .label-task-metric-bar{display:none}.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact]:not(.has-metrics),.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact]:not(.has-metrics){width:176px;max-width:176px}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact]:not(.has-metrics),.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact]:not(.has-metrics){width:170px;max-width:170px}@media (max-width:1360px){.keypiece-office-demo .keypiece-shell{grid-template-columns:minmax(0,1fr) clamp(380px,32vw,420px);gap:14px}.keypiece-office-demo .insight-rail{max-height:100%}}@media (max-width:860px){.keypiece-office-demo .keypiece-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.keypiece-office-demo .insight-rail{order:2}.keypiece-office-demo .office-workspace{order:1}.keypiece-office-demo .insight-rail{grid-template-columns:1fr;max-height:min(46dvh,520px)}}@media (max-width:760px){.keypiece-office-demo .keypiece-shell{gap:14px;height:auto;max-height:none;min-height:100dvh;overflow:visible;padding:14px}.keypiece-office-demo .insight-rail{max-height:none;overflow:visible}.keypiece-office-demo .office-workspace{min-height:680px}.keypiece-office-demo .office-stage{min-height:540px}.keypiece-office-demo .topbar{flex-wrap:wrap}.keypiece-office-demo .topbar-actions{width:100%;justify-content:space-between}.keypiece-office-demo .profile-button{flex:1;justify-content:flex-start}.keypiece-office-demo .employee-panel,.keypiece-office-demo .right-panel,.keypiece-office-demo .topbar{border-radius:16px}.keypiece-office-demo .employee-panel{top:82px;max-height:calc(100% - 150px);padding:16px}.keypiece-office-demo .activity-dialog{min-height:44px;padding:0}.keypiece-office-demo .activity-primary{padding:9px 10px}.keypiece-office-demo .channel-messages{padding:0 10px 9px}.keypiece-office-demo .activity-task-list{padding:6px 10px 0;font-size:.74rem}.keypiece-office-demo .activity-dialog p{font-size:.74rem}.keypiece-office-demo .handoff-actions,.keypiece-office-demo .handoff-card-heading,.keypiece-office-demo .handoff-meta,.keypiece-office-demo .handoff-status-track{grid-template-columns:1fr}.keypiece-office-demo .handoff-status-pill{grid-row:auto;grid-column:1;justify-self:start}.keypiece-office-demo .avatar-label{grid-template-columns:auto minmax(68px,1fr) auto;gap:5px;max-width:232px;padding:4px 6px 4px 4px;font-size:.7rem}.keypiece-office-demo .avatar-label.has-detail{min-width:256px}.keypiece-office-demo .avatar-label .label-avatar-cluster{grid-template-columns:22px}.keypiece-office-demo .avatar-label .label-avatar-cluster:has(.label-task-stepper:not([hidden])){grid-template-columns:22px auto}.keypiece-office-demo .avatar-label .label-avatar-cluster>i{width:22px;height:22px}.keypiece-office-demo .avatar-label .label-task-stepper{width:92px}.keypiece-office-demo .avatar-label small{font-size:.52rem}.keypiece-office-demo .avatar-label .label-badges{max-width:58px}.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .office-label{padding:3px 6px;font-size:.62rem}.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .facility-label{visibility:hidden!important}}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics{grid-template-columns:30px max-content 28px;grid-template-rows:30px;align-items:center;align-content:center;min-height:46px;column-gap:7px;row-gap:0;border-radius:13px;background:hsla(0,0%,100%,.96);box-shadow:0 5px 12px rgba(15,23,42,.12)}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-avatar-cluster,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-avatar-cluster,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-avatar-cluster,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-avatar-cluster{grid-column:1;grid-row:1;grid-template-columns:30px;width:30px;min-width:30px}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-avatar-cluster>i,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-avatar-cluster>i,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-avatar-cluster>i,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-avatar-cluster>i{width:30px;height:30px;background:#f8fafc;color:#0f172a;font-size:calc(.62rem * var(--avatar-label-current-text-scale))}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-copy,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-copy,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-copy{align-self:center;display:flex;flex-direction:column;justify-content:center;grid-column:2;grid-row:1;gap:0;height:30px;width:max-content;min-width:max-content}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics strong,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics strong,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics strong,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics strong{color:#172033;font-size:calc(.78rem * var(--avatar-label-current-text-scale));line-height:1.05}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics small,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics small,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics small,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics small{color:#64748b;font-size:calc(.56rem * var(--avatar-label-current-text-scale));font-weight:800;line-height:1.05;max-width:none}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper{grid-column:3;display:block;width:28px;margin:0;padding:0;border-top:0;overflow:hidden}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.next,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.runs,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.next,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.runs,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.next,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.runs,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.next,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.runs{display:none}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact]:not(.has-metrics),.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact]:not(.has-metrics),.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact]:not(.has-metrics),.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact]:not(.has-metrics){grid-template-columns:30px max-content;width:max-content;max-width:none;min-height:46px;padding:6px 8px;border-radius:13px}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact]:not(.has-metrics) .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact]:not(.has-metrics) .label-copy,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact]:not(.has-metrics) .label-copy,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact]:not(.has-metrics) .label-copy{width:max-content;min-width:max-content}.keypiece-office-demo .avatar-label.has-metrics{grid-template-columns:max-content;padding:6px 8px;border-color:rgba(15,23,42,.13);border-radius:8px;background:hsla(0,0%,100%,.97);box-shadow:0 5px 12px rgba(15,23,42,.1)}.keypiece-office-demo .avatar-label.has-metrics .label-avatar-cluster,.keypiece-office-demo .avatar-label.has-metrics .label-copy,.keypiece-office-demo .avatar-label.has-metrics .label-detail{display:none}.keypiece-office-demo .avatar-label.has-metrics .label-task-stepper{display:grid;grid-template-columns:repeat(3,42px);align-items:stretch;justify-content:center;gap:6px;width:max-content;margin:0;padding:0;border-top:0;overflow:visible}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric{display:grid;grid-template-rows:auto auto 3px;justify-items:center;gap:2px;width:42px;min-width:42px;height:auto;padding:0}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric+.label-task-metric{margin-left:0;padding-left:0;border-left:0}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric:after,.keypiece-office-demo .avatar-label.has-metrics .label-task-metric:before{display:none;content:none}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric b,.keypiece-office-demo .avatar-label.has-metrics .label-task-metric em{position:static;inset:auto;z-index:auto;display:block;width:max-content;padding:0;background:transparent;text-align:center;white-space:nowrap}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric b{color:#64748b;font-size:calc(.5rem * var(--avatar-label-current-text-scale));font-weight:850;line-height:1}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric em{color:#0f172a;font-size:calc(.65rem * var(--avatar-label-current-text-scale));font-style:normal;font-weight:900;line-height:1.05}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.runs em{color:#1d4ed8}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric-bar,.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.done .label-task-metric-bar,.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.next .label-task-metric-bar,.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.runs .label-task-metric-bar{display:block;justify-self:stretch;width:100%;height:3px;min-width:0;overflow:hidden;border-radius:999px;background:#e2e8f0}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics{grid-template-columns:max-content;grid-template-rows:auto;width:max-content;min-width:0;max-width:none;min-height:0;column-gap:0;padding:6px 8px;border-radius:8px}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-avatar-cluster,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-detail,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-avatar-cluster,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-detail,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-avatar-cluster,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-copy,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-detail,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-avatar-cluster,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-copy,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-detail{display:none}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(3,42px);gap:6px;width:max-content;overflow:visible}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric{display:grid;grid-template-rows:auto auto 3px;place-items:initial;justify-items:center;width:42px;min-width:42px;height:auto;padding:0;overflow:visible}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.next,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.runs,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.next,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.runs,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.next,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.runs,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.next,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.runs{display:grid}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric:after,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric:before,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric:after,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric:before,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric:after,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric:before,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric:after,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric:before{display:none;content:none}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric b,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric em,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric b,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric em,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric b,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric em,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric b,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric em{position:static;inset:auto;z-index:auto;display:block;width:max-content;padding:0;background:transparent;text-align:center;white-space:nowrap}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric b,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric b,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric b,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric b{color:#64748b;font-size:calc(.5rem * var(--avatar-label-current-text-scale));font-weight:850;line-height:1}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric em,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric em,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric em,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric em{color:#0f172a;font-size:calc(.65rem * var(--avatar-label-current-text-scale));font-style:normal;font-weight:900;line-height:1.05}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.runs em,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.runs em,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.runs em,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.runs em{color:#1d4ed8}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.next em,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.next em,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.next em,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.next em{color:#b45309}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar{display:block}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done{position:static;display:grid;grid-template-rows:auto auto 3px;place-items:initial;justify-items:center;width:42px;min-width:42px;height:auto;padding:0;overflow:visible}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done .label-task-metric-bar,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done .label-task-metric-bar i,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done .label-task-metric-bar,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done .label-task-metric-bar i,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done .label-task-metric-bar i,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done .label-task-metric-bar i{display:block}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done b,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done em,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done b,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done em,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done b,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done em,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done b,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done em{position:static;inset:auto;z-index:auto;display:block;width:max-content;padding:0;background:transparent;text-align:center;white-space:nowrap}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done b,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done b,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done b,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done b{color:#64748b;font-size:calc(.52rem * var(--avatar-label-current-text-scale));font-weight:850;line-height:1}.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done em,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done em,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done em,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done em{color:#047857;font-size:calc(.6rem * var(--avatar-label-current-text-scale));font-style:normal;font-weight:900;line-height:1.05}.keypiece-office-demo .avatar-label .label-avatar-cluster,.keypiece-office-demo .avatar-label .label-copy,.keypiece-office-demo .avatar-label .label-detail,.keypiece-office-demo .avatar-label:not(.has-metrics){display:none}.keypiece-office-demo .avatar-label.has-metrics{grid-template-columns:auto;width:max-content;min-width:0;max-width:none;padding:4px 3px;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:hsla(0,0%,100%,.86);box-shadow:0 4px 10px rgba(15,23,42,.1)}.keypiece-office-demo .avatar-label.has-metrics .label-task-stepper{grid-column:1;grid-row:1;grid-template-columns:repeat(3,max-content);gap:2px}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done{width:max-content}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric-bar,.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.done .label-task-metric-bar,.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.next .label-task-metric-bar,.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.runs .label-task-metric-bar,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar{justify-self:center;width:22px}.keypiece-office-demo .avatar-label.has-metrics,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics{width:fit-content;min-width:0;max-width:none;padding:3px}.keypiece-office-demo .avatar-label.has-metrics .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper{width:fit-content;gap:0}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done{width:fit-content;padding-inline:2px}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric+.label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric+.label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric+.label-task-metric,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric+.label-task-metric,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric+.label-task-metric{margin-left:0}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric-bar,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar{width:18px}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.done b,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done b,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done b,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done b,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done b{font-size:calc(.45rem * var(--avatar-label-current-text-scale))}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.done em,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done em,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done em,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done em,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done em{font-size:calc(.6rem * var(--avatar-label-current-text-scale))}.keypiece-office-demo .avatar-label.has-metrics,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics{display:grid;grid-template-columns:max-content;grid-template-rows:auto auto;row-gap:5px}.keypiece-office-demo .avatar-label.has-metrics .label-copy,.keypiece-office-demo .avatar-label.has-metrics .label-title-line,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-title-line,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-title-line,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-copy,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-title-line,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-copy,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-title-line{display:none}.keypiece-office-demo .avatar-label.has-metrics .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper{grid-row:2;display:inline-grid;grid-template-columns:repeat(3,max-content);row-gap:0}.keypiece-office-demo .avatar-label.has-metrics .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-heading{display:block;padding-top:2px;font-size:calc(.45rem * var(--avatar-label-current-text-scale));font-weight:850}.keypiece-office-demo .avatar-label.has-metrics .label-task-separator,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-separator,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-separator,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-separator,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-separator{margin:3px 0 6px}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric{grid-row:3}.keypiece-office-demo .avatar-label.has-action:not(.has-metrics),.keypiece-office-demo .avatar-label.has-presence:not(.has-metrics),.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics),.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics),.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics),.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics),.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics),.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics),.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics),.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics){display:grid;grid-template-columns:minmax(0,1fr);width:176px;min-width:0;max-width:176px;padding:6px 9px;border:1px solid rgba(15,23,42,.13);background:hsla(0,0%,100%,.97);box-shadow:0 5px 12px rgba(15,23,42,.12)}.keypiece-office-demo .avatar-label.has-action:not(.has-metrics) .label-avatar-cluster,.keypiece-office-demo .avatar-label.has-action:not(.has-metrics) .label-copy,.keypiece-office-demo .avatar-label.has-action:not(.has-metrics) .label-detail,.keypiece-office-demo .avatar-label.has-presence:not(.has-metrics) .label-avatar-cluster,.keypiece-office-demo .avatar-label.has-presence:not(.has-metrics) .label-copy,.keypiece-office-demo .avatar-label.has-presence:not(.has-metrics) .label-detail,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-avatar-cluster,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-detail,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-avatar-cluster,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-detail,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-avatar-cluster,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-detail,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-avatar-cluster,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-detail,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-avatar-cluster,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-copy,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-detail,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-avatar-cluster,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-copy,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-detail,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-avatar-cluster,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-copy,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-detail,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-avatar-cluster,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-copy,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-detail{display:none}.keypiece-office-demo .avatar-label.has-action:not(.has-metrics) .label-task-stepper,.keypiece-office-demo .avatar-label.has-presence:not(.has-metrics) .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-stepper{display:inline-grid;grid-column:1;grid-row:1;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:158px;margin:0;padding:0;border-top:0}.keypiece-office-demo .avatar-label.has-action:not(.has-metrics) .label-task-heading,.keypiece-office-demo .avatar-label.has-presence:not(.has-metrics) .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics) .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-heading{display:block;max-width:158px;overflow:hidden;color:#6b4f34;font-size:calc(.56rem * var(--avatar-label-current-text-scale));font-weight:900;line-height:1.05;text-align:center;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .avatar-label.has-presence:not(.has-metrics) .label-task-subheading,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-subheading,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-subheading,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-subheading,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-subheading{display:block;max-width:158px;overflow:hidden;color:#64748b;font-size:calc(.49rem * var(--avatar-label-current-text-scale));font-weight:850;line-height:1.05;text-align:center;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .avatar-label.has-action .label-task-heading[data-action-kind^=task],.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-action .label-task-heading[data-action-kind^=task],.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-action .label-task-heading[data-action-kind^=task],.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-action .label-task-heading[data-action-kind^=task],.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-action .label-task-heading[data-action-kind^=task]{color:#6b4f34}.keypiece-office-demo .avatar-label.has-action .label-task-heading[data-action-kind=move],.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-action .label-task-heading[data-action-kind=move],.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-action .label-task-heading[data-action-kind=move],.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-action .label-task-heading[data-action-kind=move],.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-action .label-task-heading[data-action-kind=move]{color:#7c5f39}.keypiece-office-demo .avatar-label.has-action .label-task-heading[data-action-kind=rest],.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-action .label-task-heading[data-action-kind=rest],.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-action .label-task-heading[data-action-kind=rest],.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-action .label-task-heading[data-action-kind=rest],.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-action .label-task-heading[data-action-kind=rest]{color:#6b4f34}.keypiece-office-demo .avatar-label.has-presence .label-task-heading[data-action-kind=away],.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-presence .label-task-heading[data-action-kind=away],.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-presence .label-task-heading[data-action-kind=away],.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-presence .label-task-heading[data-action-kind=away],.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-presence .label-task-heading[data-action-kind=away]{color:#475569}.keypiece-office-demo .avatar-label.has-action:not(.has-metrics),.keypiece-office-demo .avatar-label.has-metrics,.keypiece-office-demo .avatar-label.has-presence:not(.has-metrics),.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics),.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics),.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics),.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics),.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics),.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics),.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics),.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics){display:grid;grid-template-columns:minmax(0,1fr);width:176px;min-width:176px;max-width:176px;padding:6px 9px;border:1px solid rgba(15,23,42,.13);border-radius:10px;background:hsla(0,0%,100%,.97);box-shadow:0 5px 12px rgba(15,23,42,.12)}.keypiece-office-demo .avatar-label.has-action:not(.has-metrics),.keypiece-office-demo .avatar-label.has-presence:not(.has-metrics),.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics),.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics),.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics),.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics),.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics),.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics),.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-action:not(.has-metrics),.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics){border-radius:999px}.keypiece-office-demo .avatar-label.has-metrics .label-avatar-cluster,.keypiece-office-demo .avatar-label.has-metrics .label-copy,.keypiece-office-demo .avatar-label.has-metrics .label-detail,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-avatar-cluster,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-detail,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-avatar-cluster,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-detail,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-avatar-cluster,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-copy,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-detail,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-avatar-cluster,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-copy,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-detail{display:none}.keypiece-office-demo .avatar-label.has-metrics .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper{display:grid;grid-column:1;grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;width:100%;min-width:0;max-width:none;column-gap:5px;row-gap:4px;margin:0;padding:0;border-top:0;overflow:visible}.keypiece-office-demo .avatar-label.has-metrics .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-heading{grid-column:1/-1;grid-row:1;justify-self:stretch;max-width:100%;padding:0;overflow:hidden;color:#64748b;font-size:calc(.56rem * var(--avatar-label-current-text-scale));font-weight:900;line-height:1.05;text-align:center;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .avatar-label.has-metrics.has-action .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics.has-action .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics.has-action .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics.has-action .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics.has-action .label-task-heading{color:#6b4f34}.keypiece-office-demo .avatar-label.has-metrics.has-presence .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics.has-presence .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics.has-presence .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics.has-presence .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics.has-presence .label-task-heading{color:#475569}.keypiece-office-demo .avatar-label.has-metrics .label-task-subheading,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-subheading,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-subheading,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-subheading,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-subheading{grid-column:1/-1;grid-row:2;max-width:100%;overflow:hidden;color:#64748b;font-size:calc(.49rem * var(--avatar-label-current-text-scale));font-weight:850;line-height:1.05;text-align:center;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .avatar-label.has-metrics .label-task-separator,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-separator,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-separator,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-separator,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-separator{grid-column:1/-1;grid-row:2;justify-self:stretch;width:100%;height:1px;margin:0;padding:0;border:0;background:rgba(100,116,139,.24)}.keypiece-office-demo .avatar-label.has-metrics .label-task-stepper:has(.label-task-subheading) .label-task-separator,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper:has(.label-task-subheading) .label-task-separator,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper:has(.label-task-subheading) .label-task-separator,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper:has(.label-task-subheading) .label-task-separator,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper:has(.label-task-subheading) .label-task-separator{grid-row:3}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric.done{position:static;display:grid;grid-row:3;grid-template-rows:auto auto 3px;justify-items:center;align-content:center;gap:2px;width:auto;min-width:0;max-width:none;height:auto;padding:0;overflow:visible}.keypiece-office-demo .avatar-label.has-metrics .label-task-stepper:has(.label-task-subheading) .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper:has(.label-task-subheading) .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper:has(.label-task-subheading) .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper:has(.label-task-subheading) .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper:has(.label-task-subheading) .label-task-metric{grid-row:4}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.done{grid-column:1}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.runs{grid-column:2}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.next{grid-column:3}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric:after,.keypiece-office-demo .avatar-label.has-metrics .label-task-metric:before,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric:after,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric:before,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric:after,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric:before,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric:after,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric:before,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric:after,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric:before{display:none;content:none}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric b,.keypiece-office-demo .avatar-label.has-metrics .label-task-metric em,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric b,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric em,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric b,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric em,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric b,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric em,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric b,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric em{position:static;inset:auto;z-index:auto;display:block;width:100%;padding:0;background:transparent;line-height:1.05;text-align:center;white-space:nowrap}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric b,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric b,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric b,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric b,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric b{color:#64748b;font-size:calc(.45rem * var(--avatar-label-current-text-scale));font-weight:850}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric em,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric em,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric em,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric em,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric em{color:#0f172a;font-size:calc(.6rem * var(--avatar-label-current-text-scale));font-style:normal;font-weight:900}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.done em{color:#047857}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.runs em{color:#7c5f39}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.next em{color:#b45309}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric-bar,.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.done .label-task-metric-bar,.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.next .label-task-metric-bar,.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.runs .label-task-metric-bar,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar{display:block;justify-self:stretch;width:100%;min-width:0;height:3px;overflow:hidden;border-radius:999px;background:#e2e8f0}.keypiece-office-demo .avatar-label [hidden]{display:none!important}.keypiece-office-demo .avatar-label.has-metrics,.keypiece-office-demo .avatar-label[data-badge-content=metrics],.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics],.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics],.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics],.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics]{display:grid;grid-template-columns:minmax(0,1fr);padding:6px var(--avatar-label-current-metric-side-padding,0) 0;border:1px solid rgba(15,23,42,.13);border-radius:8px;background:hsla(0,0%,100%,.97);box-shadow:0 5px 12px rgba(15,23,42,.12)}.keypiece-office-demo .avatar-label[data-badge-content=metrics] .label-avatar-cluster,.keypiece-office-demo .avatar-label[data-badge-content=metrics] .label-copy,.keypiece-office-demo .avatar-label[data-badge-content=metrics] .label-detail,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-avatar-cluster,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-detail,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-avatar-cluster,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-detail,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-avatar-cluster,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-copy,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-detail,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-avatar-cluster,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-copy,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-detail{display:none}.keypiece-office-demo .avatar-label.has-metrics .label-task-stepper,.keypiece-office-demo .avatar-label[data-badge-content=metrics] .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;min-width:0;margin:0;padding:0;border-top:0;overflow:visible}.keypiece-office-demo .avatar-label.has-metrics .label-task-heading,.keypiece-office-demo .avatar-label[data-badge-content=metrics] .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-heading{grid-column:1/-1;grid-row:1;max-width:100%;overflow:hidden;color:#6b4f34;font-size:calc(.52rem * var(--avatar-label-current-text-scale));font-weight:900;line-height:1.08;text-align:left;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.keypiece-office-demo .avatar-label.has-metrics .label-task-separator,.keypiece-office-demo .avatar-label[data-badge-content=metrics] .label-task-separator,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-separator,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-separator,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-separator,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-separator,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-separator,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-separator,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-separator,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-separator{grid-column:1/-1;grid-row:2;width:100%;height:1px;margin:0;border:0;background:rgba(100,116,139,.24)}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric,.keypiece-office-demo .avatar-label[data-badge-content=metrics] .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-metric{display:grid;grid-row:3;grid-template-rows:auto auto 3px;justify-items:center;gap:2px;width:auto;min-width:0;max-width:none;padding:0}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.done,.keypiece-office-demo .avatar-label[data-badge-content=metrics] .label-task-metric.done{grid-column:1}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.runs,.keypiece-office-demo .avatar-label[data-badge-content=metrics] .label-task-metric.runs{grid-column:2}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.next,.keypiece-office-demo .avatar-label[data-badge-content=metrics] .label-task-metric.next{grid-column:3}.keypiece-office-demo .avatar-label[data-badge-content=action],.keypiece-office-demo .avatar-label[data-badge-content=presence],.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=action],.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence],.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=action],.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=presence],.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=action],.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence],.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=action],.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=presence]{display:grid;grid-template-columns:minmax(0,1fr);width:176px;min-width:176px;max-width:176px;padding:6px 9px;border:1px solid rgba(15,23,42,.13);border-radius:999px;background:hsla(0,0%,100%,.97);box-shadow:0 5px 12px rgba(15,23,42,.12)}.keypiece-office-demo .avatar-label[data-badge-content=action] .label-avatar-cluster,.keypiece-office-demo .avatar-label[data-badge-content=action] .label-copy,.keypiece-office-demo .avatar-label[data-badge-content=action] .label-detail,.keypiece-office-demo .avatar-label[data-badge-content=presence] .label-avatar-cluster,.keypiece-office-demo .avatar-label[data-badge-content=presence] .label-copy,.keypiece-office-demo .avatar-label[data-badge-content=presence] .label-detail,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-avatar-cluster,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-detail,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-avatar-cluster,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-detail,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-avatar-cluster,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-detail,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-avatar-cluster,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-copy,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-detail,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-avatar-cluster,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-copy,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-detail,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-avatar-cluster,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-copy,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-detail,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-avatar-cluster,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-copy,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-detail,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-avatar-cluster,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-copy,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-detail{display:none}.keypiece-office-demo .avatar-label[data-badge-content=action] .label-task-stepper,.keypiece-office-demo .avatar-label[data-badge-content=presence] .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-stepper{display:inline-grid;grid-column:1;grid-row:1;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:none;margin:0;padding:0;border-top:0}.keypiece-office-demo .avatar-label[data-badge-content=action] .label-task-heading,.keypiece-office-demo .avatar-label[data-badge-content=presence] .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=action] .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-heading{max-width:100%;overflow:hidden;color:#6b4f34;font-size:calc(.56rem * var(--avatar-label-current-text-scale));font-weight:900;line-height:1.05;text-align:center;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .avatar-label[data-badge-content=presence] .label-task-heading{color:#475569}.keypiece-office-demo .avatar-label[data-badge-content=presence] .label-task-subheading{max-width:100%;overflow:hidden;color:#64748b;font-size:calc(.49rem * var(--avatar-label-current-text-scale));font-weight:850;line-height:1.05;text-align:center;text-overflow:ellipsis;white-space:nowrap}.keypiece-office-demo .avatar-label.has-presence:not(.has-metrics),.keypiece-office-demo .avatar-label[data-badge-content=presence],.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics),.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence],.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics),.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=presence],.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics),.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence],.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics),.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=presence]{width:142px;min-width:142px;max-width:142px;padding:5px 7px}.keypiece-office-demo .avatar-label.has-presence:not(.has-metrics) .label-task-heading,.keypiece-office-demo .avatar-label.has-presence:not(.has-metrics) .label-task-stepper,.keypiece-office-demo .avatar-label.has-presence:not(.has-metrics) .label-task-subheading,.keypiece-office-demo .avatar-label[data-badge-content=presence] .label-task-heading,.keypiece-office-demo .avatar-label[data-badge-content=presence] .label-task-stepper,.keypiece-office-demo .avatar-label[data-badge-content=presence] .label-task-subheading,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-subheading,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-subheading,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-subheading,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-subheading,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-subheading,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-subheading,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-presence:not(.has-metrics) .label-task-subheading,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=presence] .label-task-subheading{max-width:126px}.keypiece-office-demo .avatar-label.has-metrics .label-task-stepper,.keypiece-office-demo .avatar-label[data-badge-content=metrics] .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-stepper,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-stepper{grid-template-columns:repeat(3,minmax(0,var(--avatar-label-current-metric-column-width,34px)));column-gap:var(--avatar-label-current-metric-column-gap,5px);row-gap:3px;justify-content:center;justify-self:center;width:var(--avatar-label-current-metric-grid-width);max-width:100%}.keypiece-office-demo .avatar-label.has-metrics .label-task-heading,.keypiece-office-demo .avatar-label[data-badge-content=metrics] .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-heading,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-heading,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-heading{justify-self:stretch;width:100%;text-align:var(--avatar-label-current-title-align,center)}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric,.keypiece-office-demo .avatar-label[data-badge-content=metrics] .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-metric{width:var(--avatar-label-current-metric-column-width,34px)}.keypiece-office-demo .avatar-label.has-metrics .label-task-metric-bar,.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.done .label-task-metric-bar,.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.next .label-task-metric-bar,.keypiece-office-demo .avatar-label.has-metrics .label-task-metric.runs .label-task-metric-bar,.keypiece-office-demo .avatar-label[data-badge-content=metrics] .label-task-metric-bar,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-metric .label-task-metric-bar,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-metric .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-metric .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics .label-task-metric .label-task-metric-bar,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics] .label-task-metric .label-task-metric-bar{justify-self:center;width:var(--avatar-label-current-progress-bar-width,24px)}.keypiece-office-demo .avatar-label.has-metrics,.keypiece-office-demo .avatar-label[data-badge-content=metrics],.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .keypiece-office-stage[data-active-view="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics],.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .keypiece-office-stage[data-active-view=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics],.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .label-layer[data-view-mode="2d"] .avatar-label[data-label-mode=compact][data-badge-content=metrics],.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact].has-metrics,.keypiece-office-demo .label-layer[data-view-mode=map] .avatar-label[data-label-mode=compact][data-badge-content=metrics]{width:var(--avatar-label-current-metric-shell-width);min-width:var(--avatar-label-current-metric-shell-width);max-width:var(--avatar-label-current-metric-shell-width)}.keypiece-office-demo{isolation:isolate;min-height:100dvh;overflow:hidden}.keypiece-office-demo :where(button,a[href]):hover{transform:none}.keypiece-office-demo .config-toggle input[type=checkbox]{-webkit-appearance:auto!important;appearance:auto!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;border-radius:initial!important;border:initial!important;background:initial!important;box-shadow:none!important;accent-color:#1f8a70}.keypiece-office-demo .config-toggle input[type=checkbox]:before{content:none!important}.keypiece-office-demo .keypiece-shell{background:#043b32}.keypiece-office-demo .panel-section,.keypiece-office-demo .right-panel,.keypiece-office-demo .workspace-sidebar{border-color:rgba(209,250,229,.18);background:rgba(5,61,52,.94);box-shadow:0 18px 40px rgba(0,0,0,.22)}.keypiece-office-demo .office-panel-heading h2,.keypiece-office-demo .panel-section h3,.keypiece-office-demo .right-panel-header h2{color:#ecfdf5}.keypiece-office-demo .right-panel-tabs{border-color:rgba(209,250,229,.16);background:rgba(236,253,245,.07)}.keypiece-office-demo .right-panel-tabs button{color:#a7f3d0}.keypiece-office-demo .right-panel-tabs button.active{background:#0ea66f;color:#ecfdf5}