.content>.wf-page{animation:none}.wf-page{--wf-line:#dfe6e9;--wf-ink:#1f3442;--wf-muted:#768895;display:grid;gap:16px;max-width:1480px;margin:0 auto;padding:2px 0 38px;color:var(--wf-ink)}
.wf-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px 26px;border:1px solid var(--wf-line);border-radius:16px;background:linear-gradient(135deg,#fff 0%,#f4f8f8 100%)}.wf-hero>div:first-child>span,.wf-detail-section>header span,.wf-modal header small{color:#688392;font-size:10px;font-weight:800;letter-spacing:1.5px}.wf-hero h1{margin:5px 0 6px;font-size:30px;letter-spacing:-.025em}.wf-hero p{margin:0;color:var(--wf-muted);font-size:13px}.wf-hero-actions{display:flex;align-items:center;gap:9px}.wf-notify-button{position:relative;min-height:38px;padding:0 14px;border:1px solid var(--wf-line);border-radius:8px;background:#fff;color:#526875;cursor:pointer}.wf-notify-button b{position:absolute;right:-7px;top:-7px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#b74942;color:#fff;font-size:10px}
.wf-tabs{display:flex;gap:4px;width:max-content;max-width:100%;padding:5px;border:1px solid var(--wf-line);border-radius:12px;background:#eef2f3;overflow:auto}.wf-tabs button{min-height:38px;padding:0 18px;border:0;border-radius:8px;background:transparent;color:#697c88;font:inherit;font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer}.wf-tabs button.active{background:#fff;color:#24485d;box-shadow:0 2px 9px rgba(35,54,67,.08)}
.wf-toolbar{display:flex;align-items:flex-end;gap:10px}.wf-toolbar label{display:grid;gap:4px;min-width:260px}.wf-toolbar label span{color:var(--wf-muted);font-size:10px}.wf-toolbar input{height:36px;padding:0 11px;border:1px solid var(--wf-line);border-radius:8px;background:#fff;font:inherit;font-size:12px}.wf-toolbar>button{height:36px;padding:0 12px;border:1px solid var(--wf-line);border-radius:8px;background:#fff;color:#6d7d87;cursor:pointer}.wf-toolbar>button.active{color:#315f78;border-color:#a9c0cd;background:#f4f9fb}.wf-toolbar>span{margin-left:auto;color:var(--wf-muted);font-size:11px}
.wf-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;transition:opacity .15s}.wf-list.loading{opacity:.55}.wf-card{display:grid;align-content:start;gap:9px;min-height:210px;padding:17px 18px;border:1px solid var(--wf-line);border-radius:13px;background:#fff;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s}.wf-card:hover{transform:translateY(-1px);border-color:#b9cbd4;box-shadow:0 8px 25px rgba(28,48,61,.07)}.wf-card-head,.wf-card-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wf-card-head>span:first-child{min-width:0}.wf-card-head small{display:block;margin-bottom:4px;color:#85939c;font-size:9px}.wf-card-head strong{display:block;overflow:hidden;color:#213746;font-size:15px;line-height:1.4;text-overflow:ellipsis}.wf-status{display:inline-flex;align-items:center;min-height:23px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}.wf-status.pending{color:#677884;background:#edf1f3}.wf-status.progress{color:#356986;background:#e8f1f6}.wf-status.waiting{color:#88651b;background:#fff3d9}.wf-status.completed{color:#3d7452;background:#e7f2ea}.wf-status.cancelled{color:#888;background:#f0f0f0}.wf-rel{overflow:hidden;color:#72838d;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.wf-current{min-height:42px;color:#324b5a;font-size:13px;font-weight:680;line-height:1.6}.wf-step-summary{color:#5e7481;font-size:11px}.wf-card-foot{align-items:center;margin-top:auto;padding-top:8px;border-top:1px solid #edf1f2}.wf-people{display:inline-flex;align-items:center;min-width:0}.wf-people i{display:grid;place-items:center;width:25px;height:25px;margin-right:-5px;border:2px solid #fff;border-radius:50%;background:#dce9ee;color:#3f6679;font-size:10px;font-style:normal}.wf-people b{margin-left:10px;overflow:hidden;max-width:150px;color:#5b6e79;font-size:10.5px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.wf-muted{color:#93a0a8;font-size:11px;font-weight:400}.wf-due{color:#788993;font-size:10px;white-space:nowrap}.wf-due.today{padding:4px 7px;border-radius:6px;background:#fff1d4;color:#8b6117;font-weight:700}.wf-due.overdue{padding:4px 7px;border-radius:6px;background:#fbe9e7;color:#a4433c;font-weight:700}.wf-next{display:flex;gap:7px;color:#617783;font-size:10.5px}.wf-next em{color:#91a0a8;font-style:normal}.wf-empty{grid-column:1/-1;display:grid;place-items:center;min-height:330px;padding:36px;border:1px dashed #cfdbdf;border-radius:14px;background:rgba(255,255,255,.5);text-align:center}.wf-empty>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e7f1eb;color:#4d7c5d;font-size:20px}.wf-empty strong{margin-top:12px;font-size:15px}.wf-empty p{margin:4px 0;color:var(--wf-muted);font-size:11px}.wf-load-more{justify-self:center;padding:9px 22px;border:1px solid var(--wf-line);border-radius:8px;background:#fff;color:#5e7481;cursor:pointer}
.wf-drawer-backdrop{position:fixed;z-index:430;inset:0;display:flex;justify-content:flex-end;background:rgba(19,32,40,.34)}.wf-drawer{box-sizing:border-box;width:min(760px,100vw);height:100dvh;padding:0 24px 32px;overflow:auto;background:#f7f9fa;box-shadow:-18px 0 46px rgba(17,34,44,.18)}.wf-drawer>header{position:sticky;z-index:5;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 0 17px;border-bottom:1px solid var(--wf-line);background:rgba(247,249,250,.96);backdrop-filter:blur(8px)}.wf-drawer>header h2{margin:8px 0 4px;font-size:22px}.wf-drawer>header p{margin:0;color:var(--wf-muted);font-size:11px}.wf-drawer>header>button,.wf-modal header>button,.wf-notifications header>button{border:0;background:transparent;color:#74858f;font-size:28px;cursor:pointer}.wf-now{display:grid;gap:7px;margin-top:16px;padding:18px 20px;border-radius:12px;background:#fff;border-left:4px solid #6e95a9}.wf-now>span,.wf-waiting>span,.wf-result>span{color:#7b8d97;font-size:10px;font-weight:750}.wf-now>strong{font-size:18px;line-height:1.45}.wf-now p{margin:0;color:#657a86;font-size:11px}.wf-waiting{margin-top:10px;padding:15px 18px;border:1px solid #ebd9ac;border-radius:11px;background:#fff8e7}.wf-waiting strong{display:block;margin:5px 0;color:#6f541b;font-size:15px}.wf-waiting p{margin:0;color:#8b7440;font-size:10.5px}.wf-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:12px;overflow:hidden;border:1px solid var(--wf-line);border-radius:11px;background:var(--wf-line)}.wf-facts>div{min-width:0;padding:12px 14px;background:#fff}.wf-facts>div>span{display:block;margin-bottom:5px;color:#8a98a0;font-size:9px}.wf-facts>div>strong{display:block;min-height:25px;color:#415866;font-size:11px;font-weight:650}.wf-facts>div>strong>i{color:#a0abb1;font-style:normal;font-weight:400}.wf-result{margin-top:12px;padding:15px 18px;border-radius:11px;background:#eaf3ed}.wf-result p{margin:6px 0 0;color:#345a40;font-size:13px;line-height:1.65}.wf-detail-section{margin-top:18px;padding:17px 18px;border:1px solid var(--wf-line);border-radius:12px;background:#fff}.wf-detail-section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.wf-detail-section h3{margin:3px 0 0;font-size:16px}.wf-detail-section>header button{padding:7px 10px;border:1px solid var(--wf-line);border-radius:7px;background:#fff;color:#4f7184;font-size:10px;cursor:pointer}.wf-steps{display:grid;gap:8px}.wf-step{padding:13px 14px;border-radius:9px;background:#f6f8f9}.wf-step>header{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:start}.wf-step>header>span:first-child{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dfe9ed;color:#49697a;font-size:10px;font-weight:800}.wf-step h4{margin:1px 0 5px;font-size:12px}.wf-step>p{margin:10px 0 3px;color:#4d6573;font-size:11px}.wf-step>p.waiting{color:#80631d}.wf-step>small{color:#71838e;font-size:10px}.wf-step>footer{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.wf-step footer span{color:#87969e;font-size:9.5px}.wf-step footer button{border:0;background:transparent;color:#3f718b;font-size:10px;cursor:pointer}.wf-timeline{display:grid}.wf-timeline article{display:grid;grid-template-columns:15px 1fr;gap:10px}.wf-timeline article>span{position:relative}.wf-timeline article>span:before{content:"";position:absolute;left:5px;top:6px;width:6px;height:6px;border-radius:50%;background:#88a6b5}.wf-timeline article>span:after{content:"";position:absolute;left:7.5px;top:15px;bottom:-3px;width:1px;background:#dfe7ea}.wf-timeline article:last-child>span:after{display:none}.wf-timeline article>div{padding-bottom:14px}.wf-timeline header{display:flex;justify-content:space-between;gap:12px}.wf-timeline header strong{font-size:11px}.wf-timeline header small{color:#91a0a8;font-size:9px}.wf-timeline em{display:block;margin:2px 0;color:#6f828d;font-size:9.5px;font-style:normal}.wf-timeline p{margin:5px 0 0;color:#405765;font-size:11px;line-height:1.6}.wf-drawer-actions{position:sticky;z-index:4;bottom:-32px;display:flex;gap:7px;flex-wrap:wrap;margin:18px -24px -32px;padding:13px 24px;border-top:1px solid var(--wf-line);background:rgba(247,249,250,.97);backdrop-filter:blur(8px)}
.wf-modal-backdrop,.wf-popover{position:fixed;z-index:520;inset:0;display:grid;place-items:center;padding:24px;background:rgba(18,31,39,.4);backdrop-filter:blur(2px)}.wf-modal{width:min(620px,100%);max-height:calc(100dvh - 48px);overflow:auto;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(20,34,43,.25)}.wf-modal>header,.wf-notifications>header{display:flex;align-items:flex-start;justify-content:space-between;padding:19px 21px 14px;border-bottom:1px solid var(--wf-line)}.wf-modal h2,.wf-notifications h2{margin:3px 0 0;font-size:19px}.wf-modal form{display:grid;gap:13px;padding:18px 21px 20px}.wf-modal form>label,.wf-form-grid>label,.wf-picker>label{display:grid;gap:5px}.wf-modal label>span,.wf-picker label>span{color:#607581;font-size:10.5px;font-weight:650}.wf-modal label small,.wf-advanced summary small{color:#97a2a8;font-weight:400}.wf-modal input,.wf-modal select,.wf-modal textarea{box-sizing:border-box;width:100%;min-height:38px;padding:8px 10px;border:1px solid #d7e1e5;border-radius:8px;background:#fff;color:#263d4b;font:inherit;font-size:12px}.wf-modal textarea{resize:vertical;line-height:1.55}.wf-modal input:focus,.wf-modal textarea:focus,.wf-modal select:focus{outline:2px solid #dcebf1;border-color:#8aabba}.wf-form-grid,.wf-wait-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wf-modal form>footer{display:flex;justify-content:flex-end;gap:8px;padding-top:5px}.wf-confirm{margin:0;padding:12px 13px;border-radius:8px;background:#f2f6f7;color:#657985;font-size:11px;line-height:1.6}.wf-advanced{border-top:1px solid #edf1f2;padding-top:8px}.wf-advanced>summary{color:#4d7184;font-size:11px;cursor:pointer}.wf-advanced>div{display:grid;gap:13px;margin-top:13px}.wf-picker{position:relative;display:grid;gap:6px}.wf-picker-selected{display:flex;gap:5px;flex-wrap:wrap}.wf-picker-selected:empty{display:none}.wf-picker-selected button{padding:5px 8px;border:0;border-radius:999px;background:#e7f0f4;color:#41667a;font-size:10px;cursor:pointer}.wf-picker-selected button span{margin-left:5px}.wf-picker-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:150px;overflow:auto}.wf-picker-results>button{display:grid;gap:2px;padding:8px 9px;border:1px solid #e1e7ea;border-radius:7px;background:#fafbfc;text-align:left;cursor:pointer}.wf-picker-results>button.selected{border-color:#91adbb;background:#edf5f7}.wf-picker-results strong{font-size:10.5px}.wf-picker-results small,.wf-picker-results>span{color:#87969e;font-size:9px}.wf-notifications{width:min(520px,100%);max-height:70dvh;overflow:auto;border-radius:14px;background:#fff}.wf-notifications>header small{color:#79909c;font-size:9px}.wf-notifications>div{display:grid}.wf-notifications>div>button{display:grid;gap:4px;padding:13px 18px;border:0;border-bottom:1px solid #edf1f2;background:#fff;text-align:left;cursor:pointer}.wf-notifications>div>button.unread{border-left:3px solid #6d95a9;background:#f6fafb}.wf-notifications strong{font-size:11px}.wf-notifications span{color:#8c9aa2;font-size:9px}.wf-notifications p{padding:22px;text-align:center;color:#8a98a0;font-size:11px}
.ws-follow-ups{margin-bottom:13px;padding:14px 16px;border:1px solid #dce6e9;border-radius:11px;background:#fbfcfc}.ws-follow-ups>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.ws-follow-ups h3{margin:0;font-size:13px}.ws-follow-ups header a{color:#4d7488;font-size:10px;text-decoration:none}.ws-follow-up-group+.ws-follow-up-group{margin-top:9px;padding-top:9px;border-top:1px solid #e8edef}.ws-follow-up-group>span{display:block;margin-bottom:5px;color:#81919a;font-size:9px;font-weight:750}.ws-follow-up-row{display:flex;align-items:center;gap:9px;width:100%;padding:7px 0;border:0;background:transparent;color:#354e5d;text-align:left;cursor:pointer}.ws-follow-up-row strong{overflow:hidden;flex:1;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ws-follow-up-row em{color:#8a6114;font-size:9px;font-style:normal}
@media(max-width:1180px){.wf-list{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.wf-hero{display:grid;padding:18px}.wf-hero h1{font-size:25px}.wf-hero-actions{justify-content:space-between}.wf-tabs{width:100%}.wf-toolbar{flex-wrap:wrap}.wf-toolbar label{min-width:100%}.wf-toolbar>span{margin-left:0}.wf-list{grid-template-columns:1fr}.wf-card{min-height:190px}.wf-drawer{padding:0 14px 24px}.wf-facts{grid-template-columns:1fr 1fr}.wf-drawer-actions{bottom:-24px;margin-right:-14px;margin-bottom:-24px;margin-left:-14px;padding:11px 14px}.wf-modal-backdrop,.wf-popover{padding:10px}.wf-form-grid,.wf-wait-fields,.wf-picker-results{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.wf-card{transition:none}}
.wf-modal [hidden]{display:none!important}
.wf-page{gap:10px;max-width:1320px}.wf-tabs{width:100%;box-sizing:border-box;padding:3px;border:0;border-bottom:1px solid #dfe6e9;border-radius:0;background:transparent;overflow:visible}.wf-tabs button{min-height:34px;padding:0 15px;border-radius:7px;color:#73848e}.wf-tabs button b{margin-left:7px;color:#9aa7ae;font-size:10px}.wf-tabs button.active{background:#edf4f6;color:#254c61;box-shadow:none}.wf-tabs button.active b{color:#466d81}.wf-tabs button:nth-last-child(1){margin-left:3px}.wf-toolbar{align-items:center;padding:3px 0 6px}.wf-toolbar label{flex:1;min-width:300px}.wf-toolbar input,.wf-toolbar select,.wf-toolbar>select{box-sizing:border-box;height:36px;padding:0 11px;border:1px solid #dbe3e7;border-radius:8px;background:#fff;color:#526875;font:inherit;font-size:11px}.wf-toolbar>select{width:105px}.wf-toolbar>button{height:36px}.wf-list-head{display:flex;align-items:center;justify-content:space-between;padding:5px 2px;color:#405865}.wf-list-head strong{font-size:13px}.wf-list-head span{color:#8a99a1;font-size:10px}.wf-list{display:block;overflow:hidden;border-top:1px solid #dfe6e9;border-bottom:1px solid #dfe6e9;background:#fff}.wf-row{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(360px,1.45fr) minmax(145px,.58fr) 110px;gap:20px;align-items:center;width:100%;min-height:94px;padding:13px 15px;border:0;border-bottom:1px solid #e8edef;background:#fff;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:background .12s,box-shadow .12s}.wf-row:last-child{border-bottom:0}.wf-row:hover{position:relative;background:#f6f9fa;box-shadow:inset 3px 0 #789bad}.wf-row-work,.wf-row-situation,.wf-row-owner{display:grid;min-width:0}.wf-row-work>span{display:flex;align-items:center;gap:7px;min-width:0}.wf-row-work strong{overflow:hidden;color:#203746;font-size:13px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.wf-row-work small{overflow:hidden;margin-top:6px;color:#81909a;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.wf-row .wf-status{min-height:18px;padding:1px 6px;font-size:8.5px;font-weight:650}.wf-row-situation{gap:3px}.wf-row-situation>strong{overflow:hidden;color:#2d4858;font-size:13px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.wf-row-situation>small{overflow:hidden;color:#627985;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.wf-row-situation>em{display:flex;min-width:0;gap:5px;overflow:hidden;color:#687d88;font-size:9.5px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.wf-row-situation>em span{flex:none;color:#9aa6ac}.wf-progress{display:block;width:min(160px,80%);height:3px;margin-top:3px;overflow:hidden;border-radius:99px;background:#e8edef}.wf-progress span{display:block;height:100%;border-radius:inherit;background:#7398aa}.wf-row-owner{gap:5px}.wf-row-owner>small{color:#96a2a8;font-size:8.5px}.wf-row-people{display:flex;align-items:center;min-width:0;gap:7px}.wf-row-people>span{display:flex;flex:none}.wf-row-people i{display:grid;place-items:center;width:22px;height:22px;margin-left:-4px;border:2px solid #fff;border-radius:50%;background:#dce9ee;color:#3f6679;font-size:8.5px;font-style:normal}.wf-row-people i:first-child{margin-left:0}.wf-row-people b{overflow:hidden;color:#4f6572;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.wf-row-time{justify-self:end}.wf-row-time .wf-due{font-size:10px}.wf-empty{min-height:260px;border:0;border-radius:0}.topbar>.topbar-heading{order:0}.topbar>.wf-global-bell{order:1;margin-left:auto}.topbar>.topbar-filters{order:2;margin-left:0}.topbar>.user-chip{order:3}.wf-global-bell{position:relative;display:grid;place-items:center;flex:none;width:35px;height:35px;border:1px solid #d8e1e5;border-radius:9px;background:#fff;color:#526c7b;cursor:pointer}.wf-global-bell:hover{border-color:#adc1cb;background:#f5f9fa}.wf-global-bell svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wf-global-bell b{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:99px;background:#b44842;color:#fff;font-size:8.5px}.wf-notification-backdrop{position:fixed;z-index:650;inset:0;background:rgba(22,36,44,.28)}.wf-notification-drawer{position:absolute;top:0;right:0;box-sizing:border-box;width:min(430px,100vw);height:100dvh;overflow:auto;background:#f7f9fa;box-shadow:-18px 0 42px rgba(22,37,46,.18)}.wf-notification-drawer>header{position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;padding:21px 22px 16px;border-bottom:1px solid #dfe6e9;background:rgba(247,249,250,.96);backdrop-filter:blur(8px)}.wf-notification-drawer h2{margin:0;color:#203746;font-size:19px}.wf-notification-drawer header p{margin:4px 0 0;color:#7d8e97;font-size:10px}.wf-notification-drawer header button{border:0;background:transparent;color:#71838d;font-size:26px;cursor:pointer}.wf-notification-list{display:grid;padding:8px 14px 24px}.wf-notification-item{display:grid;gap:6px;padding:15px 9px;border-bottom:1px solid #e1e7ea}.wf-notification-meta{display:flex;justify-content:space-between;gap:12px}.wf-notification-meta strong{color:#526a77;font-size:10px}.wf-notification-meta time{color:#94a0a7;font-size:9px}.wf-notification-item h3{margin:1px 0 0;color:#203746;font-size:13px}.wf-notification-item p{margin:0;color:#667c88;font-size:10.5px;line-height:1.55}.wf-notification-repeat{width:max-content;padding:3px 6px;border-radius:5px;background:#fff0d4;color:#87611c;font-size:8.5px}.wf-notification-item footer{display:flex;justify-content:flex-end;gap:7px;margin-top:5px}.wf-notification-item footer button{padding:6px 9px;border:1px solid #d7e1e5;border-radius:7px;background:#fff;color:#567080;font-size:9.5px;cursor:pointer}.wf-notification-item footer button.primary{border-color:#315f78;background:#315f78;color:#fff}.wf-notification-empty{display:grid;place-items:center;padding:80px 20px;text-align:center}.wf-notification-empty span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e7f1eb;color:#4d7c5d}.wf-notification-empty strong{margin-top:11px;font-size:13px}.wf-notification-empty p{margin:4px 0;color:#89979e;font-size:10px}
@media(max-width:1050px){.wf-row{grid-template-columns:minmax(210px,.85fr) minmax(300px,1.35fr) 130px 95px;gap:13px;padding-right:11px;padding-left:11px}}
@media(max-width:720px){.wf-page{gap:9px}.wf-tabs{width:100%;overflow:auto}.wf-tabs button{padding:0 11px}.wf-toolbar label{min-width:100%}.wf-toolbar>select{flex:1}.wf-row{grid-template-columns:minmax(0,1fr) 90px;gap:8px 12px;min-height:112px}.wf-row-work,.wf-row-situation{grid-column:1}.wf-row-owner{grid-column:2;grid-row:1}.wf-row-time{grid-column:2;grid-row:2}.wf-row-owner>small{display:none}.wf-notification-drawer{width:100vw}}

/* V0.1 lifecycle UX polish */
.wf-page-head{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 2px}.wf-page-head h1{margin:0;color:#203746;font-size:20px;letter-spacing:-.01em}.wf-page-head .btn{min-height:36px}
.wf-lifecycle-tabs{display:flex;align-items:center;gap:22px;padding:2px 2px 8px;border-bottom:1px solid #e5eaec}.wf-lifecycle-tabs button{position:relative;min-height:31px;padding:0 1px;border:0;background:transparent;color:#80909a;font:inherit;font-size:11px;cursor:pointer}.wf-lifecycle-tabs button b{margin-left:6px;color:#a1acb2;font-size:9px}.wf-lifecycle-tabs button.active{color:#254c61;font-weight:750}.wf-lifecycle-tabs button.active:after{content:"";position:absolute;right:0;bottom:-9px;left:0;height:2px;border-radius:2px;background:#557b8f}.wf-lifecycle-tabs button.active b{color:#557b8f}
.wf-row{position:relative;padding-right:50px}.wf-row.ended .wf-status{opacity:.62}.wf-row.ended .wf-row-situation>strong{font-weight:650}.wf-row-time{display:grid;justify-items:end;gap:3px}.wf-row-time .wf-completed-late{color:#8a969c;font-size:8.5px;font-weight:500}.wf-row-time .wf-due.ended{color:#667b86}.wf-row-watch{position:absolute;right:12px;top:50%;display:grid;place-items:center;width:28px;height:28px;padding:0;transform:translateY(-50%);border:0;border-radius:7px;background:transparent;color:#8b9ba3;font-size:18px;opacity:0;cursor:pointer;transition:opacity .12s,background .12s,color .12s}.wf-row:hover .wf-row-watch,.wf-row-watch:focus-visible,.wf-row-watch.active{opacity:.65}.wf-row-watch:hover,.wf-row-watch:focus-visible{background:#edf3f5;color:#496f82;opacity:1;outline:none}.wf-row-watch.active{color:#9a772d;font-size:15px}
.wf-drawer-title-line{display:flex;align-items:center;gap:10px}.wf-drawer-title-line h2{min-width:0}.wf-watch-toggle{flex:none;padding:5px 8px;border:1px solid #d6e0e4;border-radius:7px;background:#fff;color:#667d89;font:inherit;font-size:10px;cursor:pointer}.wf-watch-toggle:hover{border-color:#9db4bf;background:#f5f9fa}.wf-watch-toggle.active{border-color:#dfd2ae;background:#fffaf0;color:#8a6c24}
.wf-empty{grid-template-columns:auto 1fr;justify-items:start;align-content:center;column-gap:9px;min-height:84px;padding:16px 18px;text-align:left}.wf-empty>span{grid-row:1/3;width:26px;height:26px;font-size:13px}.wf-empty strong{margin:0;font-size:12px}.wf-empty p{margin:2px 0 0;font-size:9.5px}
.user-chip>.uc-notification-slot{display:flex;align-items:center;margin-left:2px}.user-chip .wf-global-bell{width:32px;height:32px;border-color:#dce4e7}.user-chip .wf-global-bell svg{width:16px;height:16px}
@media(max-width:720px){.wf-page-head h1{font-size:18px}.wf-lifecycle-tabs{gap:18px}.wf-row{padding-right:42px}.wf-row-watch{right:6px;opacity:.45}.wf-drawer-title-line{align-items:flex-start}.wf-drawer-title-line h2{font-size:18px}.wf-watch-toggle{margin-top:7px}}

/* Detail Interaction V2 */
.wf-drawer,.wf-drawer *,.wf-modal,.wf-modal *{box-sizing:border-box}.wf-drawer{width:min(720px,100vw);padding:0 25px 28px}.wf-drawer>header{padding:19px 0 14px}.wf-drawer>header h2{margin:7px 0 3px;font-size:21px;line-height:1.3}.wf-core-status{position:relative;margin-top:13px;padding:17px 19px;border-left:3px solid #6d94a8;border-radius:10px;background:#fff}.wf-core-status.waiting{border-left-color:#c49a42;background:#fffcf5}.wf-core-status.completed{border-left-color:#68８05f;background:#f5faf6}.wf-core-status.cancelled{border-left-color:#9aa4a9;background:#fafafa}.wf-core-status>strong{display:block;max-width:610px;color:#233d4c;font-size:16px;line-height:1.55}.wf-core-status>p{margin:7px 0 0;color:#70828c;font-size:10.5px}.wf-core-status>div{display:grid;gap:3px;margin-top:13px;padding-top:11px;border-top:1px solid #e5eaec}.wf-core-status>div span{color:#8c9aa1;font-size:9px}.wf-core-status>div b{color:#3c5664;font-size:11.5px}.wf-context-reminder{position:absolute;right:15px;bottom:13px;padding:6px 9px;border:1px solid #dcc98f;border-radius:7px;background:#fffaf0;color:#816321;font:inherit;font-size:9.5px;cursor:pointer}.wf-core-status:has(.wf-context-reminder)>p{padding-right:105px}.wf-compact-facts{display:flex;align-items:center;gap:15px;min-height:35px;padding:8px 3px 2px;color:#607581;font-size:10px}.wf-compact-facts span{display:flex;gap:5px}.wf-compact-facts b{color:#9aa6ac;font-size:9px;font-weight:600}.wf-people-details{margin-top:3px;border-bottom:1px solid #e6ebed}.wf-people-details>summary{width:max-content;padding:7px 2px;color:#718791;font-size:9.5px;cursor:pointer}.wf-people-details>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px;padding:3px 2px 11px}.wf-people-details p{display:flex;gap:8px;margin:0;font-size:9.5px}.wf-people-details p span{color:#96a2a8}.wf-people-details p strong{color:#526a76}.wf-detail-section{margin-top:13px;padding:14px 16px;border-radius:10px}.wf-detail-section>header{align-items:center;margin-bottom:9px}.wf-detail-section h3{margin:0;font-size:14px}.wf-progress-section{padding-bottom:8px}.wf-steps{gap:0}.wf-step{display:grid;grid-template-columns:22px minmax(0,1fr) 110px 54px auto;gap:9px;align-items:center;min-height:43px;padding:7px 3px;border-top:1px solid #edf1f2;border-radius:0;background:#fff}.wf-step:first-child{border-top:0}.wf-step-icon{display:grid;place-items:center;width:19px;height:19px;border:1px solid #c9d5da;border-radius:50%;color:#78909c;font-size:9px}.wf-step.completed .wf-step-icon{border-color:#afcbb8;background:#edf6f0;color:#4e7a5e}.wf-step.in_progress .wf-step-icon,.wf-step.waiting .wf-step-icon{border-color:#9fb7c3;background:#edf4f7;color:#416b80}.wf-step>div{display:grid;gap:2px;min-width:0}.wf-step>div strong{overflow:hidden;color:#334c5a;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.wf-step>div small{overflow:hidden;color:#87959c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.wf-step-owner{overflow:hidden;color:#657984;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.wf-step>em{color:#809099;font-size:9px;font-style:normal}.wf-step>button{border:0;background:transparent;color:#4f778b;font:inherit;font-size:9px;cursor:pointer}.wf-activity>header>button{padding:4px 0;border:0;background:transparent;color:#758994}.wf-comment-composer{display:grid;gap:7px;margin-bottom:8px;padding-bottom:11px;border-bottom:1px solid #e8edef}.wf-comment-composer textarea{width:100%;min-height:58px;padding:10px 11px;resize:vertical;border:1px solid #d9e2e6;border-radius:8px;background:#fbfcfc;color:#2e4654;font:inherit;font-size:11px;line-height:1.5}.wf-comment-composer textarea:focus{outline:2px solid #e1edf1;border-color:#91aebb}.wf-comment-composer>div{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.wf-comment-composer .btn{min-height:30px;padding:0 12px}.wf-mention-picker{position:relative}.wf-mention-picker>summary{padding:6px 8px;border-radius:6px;color:#58778a;font-size:9.5px;cursor:pointer;list-style:none}.wf-mention-picker>summary::-webkit-details-marker{display:none}.wf-mention-picker>div{position:absolute;z-index:7;top:31px;left:0;display:grid;min-width:210px;padding:6px;border:1px solid #dce4e7;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(27,46,57,.14)}.wf-mention-picker label{display:flex;align-items:center;gap:7px;padding:7px;border-radius:5px;color:#526b78;font-size:9.5px}.wf-mention-picker label:hover{background:#f2f6f7}.wf-activity-list{display:grid}.wf-activity-list article{padding:10px 2px;border-top:1px solid #edf1f2}.wf-activity-list article:first-child{border-top:0}.wf-activity-list article.comment{padding-left:10px;border-left:2px solid #9bb5c2}.wf-activity-list header{display:flex;justify-content:space-between;gap:12px}.wf-activity-list header strong{color:#3b5361;font-size:10.5px}.wf-activity-list time{color:#9aa5ab;font-size:8.5px}.wf-activity-list p{margin:5px 0 0;color:#465f6d;font-size:10.5px;line-height:1.65;white-space:pre-wrap}.wf-activity-list small{display:block;margin-top:4px;color:#81929b;font-size:9px}.wf-drawer-actions{bottom:-28px;align-items:center;justify-content:space-between;margin:14px -25px -28px;padding:11px 25px}.wf-drawer-actions>div{display:flex;gap:7px}.wf-detail-more{position:relative}.wf-detail-more>summary{display:grid;place-items:center;width:34px;height:32px;border:1px solid #d8e1e5;border-radius:7px;background:#fff;color:#5b707b;font-size:14px;cursor:pointer;list-style:none}.wf-detail-more>summary::-webkit-details-marker{display:none}.wf-detail-more>div{position:absolute;right:0;bottom:38px;display:grid;width:135px;padding:5px;border:1px solid #d9e2e6;border-radius:9px;background:#fff;box-shadow:0 12px 30px rgba(25,43,54,.16)}.wf-detail-more button{min-height:31px;padding:0 9px;border:0;border-radius:5px;background:#fff;color:#536a76;text-align:left;font:inherit;font-size:9.5px;cursor:pointer}.wf-detail-more button:hover{background:#f2f6f7}.wf-detail-more button.danger{color:#a3544f}.wf-next-mode{display:flex;gap:20px;margin:0;padding:12px 13px;border:1px solid #e0e7ea;border-radius:9px}.wf-next-mode legend{padding:0 5px;color:#607581;font-size:10.5px;font-weight:650}.wf-next-mode label{display:flex;align-items:center;gap:5px;color:#405a68;font-size:11px}.wf-next-mode input{width:auto;min-height:auto}.wf-mode-fields{display:grid;gap:11px;padding:12px 13px;border-radius:9px;background:#f7f9fa}.wf-mode-fields>label{display:grid;gap:5px}.wf-mode-note{margin:0;color:#71858f;font-size:9.5px}.wf-number-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:5px}.wf-number-pair i{color:#9aa6ac;font-style:normal}.wf-audit-modal{width:min(680px,100%)}.wf-audit-body{padding:8px 21px 20px}.wf-audit-list{display:grid}.wf-audit-list article{padding:11px 0;border-bottom:1px solid #e8edef}.wf-audit-list header{display:flex;justify-content:space-between}.wf-audit-list header strong{font-size:10.5px}.wf-audit-list time{color:#97a3a9;font-size:8.5px}.wf-audit-list b{display:block;margin-top:3px;color:#72858f;font-size:9px}.wf-audit-list p{margin:5px 0 0;color:#435b68;font-size:10.5px;line-height:1.55}.wf-modal-loading{padding:42px;text-align:center;color:#81919a}.wf-audit-body>.btn{margin-top:12px}.wf-modal [hidden]{display:none!important}
@media(max-width:720px){.wf-drawer{padding-right:14px;padding-left:14px}.wf-core-status>strong{font-size:15px}.wf-context-reminder{position:static;margin-top:10px}.wf-core-status:has(.wf-context-reminder)>p{padding-right:0}.wf-people-details>div{grid-template-columns:1fr}.wf-step{grid-template-columns:20px minmax(0,1fr) 70px auto}.wf-step>em{display:none}.wf-drawer-actions{margin-right:-14px;margin-left:-14px;padding-right:14px;padding-left:14px}.wf-next-mode{gap:10px;flex-wrap:wrap}}
.wf-core-status.completed{border-left-color:#68805f}

/* Mention interaction polish */
.wf-comment-composer>.wf-mention-selection{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:27px}.wf-comment-composer>.wf-mention-selection[hidden]{display:none}.wf-mention-selection>span{flex:none;color:#89979e;font-size:9px}.wf-mention-selection>div{display:flex;gap:5px;flex-wrap:wrap}.wf-mention-selection button{display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:3px 7px;border:1px solid #d4e1e6;border-radius:7px;background:#f2f7f8;color:#456a7d;font:inherit;font-size:9.5px;cursor:pointer}.wf-mention-selection button:hover{border-color:#a9c0ca;background:#eaf2f5}.wf-mention-selection button b{color:#82939c;font-size:12px;font-weight:500}.wf-mention-selection .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wf-mention-picker label{position:relative;cursor:pointer}.wf-mention-picker label input{position:absolute;opacity:0;pointer-events:none}.wf-mention-picker label span{display:flex;align-items:center;gap:7px}.wf-mention-picker label span:before{content:"";display:grid;place-items:center;width:15px;height:15px;border:1px solid #cbd8dd;border-radius:4px;background:#fff;color:#3f6b80;font-size:9px}.wf-mention-picker label.selected,.wf-mention-picker label:has(input:checked){background:#edf4f6;color:#315f76}.wf-mention-picker label.selected span:before,.wf-mention-picker label input:checked+span:before{content:"✓";border-color:#8eabb8;background:#fff}.wf-activity-list article.comment p{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}.wf-activity-mentions{display:inline-flex;gap:4px}.wf-activity-mentions b{padding:1px 4px;border-radius:4px;background:#edf4f6;color:#3f6c82;font-size:9.5px;font-weight:650}.wf-notification-item p.mention{padding:8px 10px;border-radius:7px;background:#f3f7f8;color:#455f6d}

/* Create Follow-up UX V2 */
.wf-create-modal{width:min(660px,100%);max-height:calc(100dvh - 56px)}.wf-create-modal>header{padding:20px 24px 15px}.wf-create-modal h2{color:#203746;font-size:20px;letter-spacing:-.01em}.wf-modal form.wf-create-form{gap:0;padding:18px 24px 20px}.wf-create-fields{display:grid;gap:17px}.wf-create-fields>label,.wf-create-fields .wf-picker>label{display:grid;gap:6px}.wf-create-fields>label>span,.wf-create-fields .wf-picker>label>span,.wf-create-fields .wf-picker-label{color:#425b69;font-size:11px;font-weight:700}.wf-create-title>span{font-size:13px!important}.wf-create-title input{min-height:48px!important;padding:11px 13px!important;border-color:#cddadf!important;font-size:14px!important}.wf-create-title input::placeholder{color:#a1adb3}.wf-create-date{max-width:245px}.wf-create-date input{min-height:42px!important}.wf-create-form .wf-picker-selected{order:0;min-height:0}.wf-create-form .wf-picker-selected:not(:empty){margin-bottom:1px}.wf-create-form .wf-picker-selected button{display:inline-flex;align-items:center;min-height:29px;padding:5px 9px;border:1px solid #d4e1e6;border-radius:8px;background:#edf4f6;color:#3f667a;font-size:10.5px}.wf-create-form .wf-picker-selected button span{color:#82929a;font-size:13px}.wf-create-form .wf-picker-search{margin-top:-1px}.wf-create-form .wf-quick-picker>label input{min-height:42px}.wf-create-form .wf-quick-picker .wf-picker-results{position:absolute;z-index:15;top:calc(100% + 5px);right:0;left:0;display:grid;grid-template-columns:1fr;gap:2px;max-height:none;padding:5px;overflow:visible;border:1px solid #dce5e8;border-radius:9px;background:#fff;box-shadow:0 14px 34px rgba(28,45,55,.15)}.wf-create-form .wf-quick-picker .wf-picker-results:empty{display:none}.wf-create-form .wf-quick-picker .wf-picker-results>button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:39px;padding:8px 10px;border:0;background:#fff}.wf-create-form .wf-quick-picker .wf-picker-results>button:hover,.wf-create-form .wf-quick-picker .wf-picker-results>button.selected{background:#edf4f6}.wf-create-form .wf-quick-picker .wf-picker-results strong{color:#334f5e;font-size:11px}.wf-create-form .wf-quick-picker .wf-picker-results small{color:#87969e;font-size:9.5px}.wf-create-form .wf-quick-picker .wf-picker-results>span{padding:9px 10px}.wf-create-handling{display:flex;align-items:center;gap:6px;margin:0;padding:0;border:0}.wf-create-handling legend{float:left;margin-right:6px;color:#71838d;font-size:10px}.wf-create-handling label{cursor:pointer}.wf-create-handling input{position:absolute;width:1px!important;min-height:1px!important;opacity:0}.wf-create-handling label span{display:block;padding:6px 10px;border:1px solid #dbe4e7;border-radius:7px;background:#fff;color:#617681;font-size:10px}.wf-create-handling input:checked+span{border-color:#9fb6c1;background:#edf4f6;color:#315f76}.wf-create-advanced{margin-top:-1px;padding-top:10px;border-top:1px solid #edf1f2}.wf-create-advanced>summary{width:max-content;color:#56798b;font-size:10.5px;font-weight:650;list-style:none}.wf-create-advanced>summary:after{content:"⌄";margin-left:6px;color:#91a0a7}.wf-create-advanced[open]>summary:after{content:"⌃"}.wf-create-advanced>summary::-webkit-details-marker{display:none}.wf-create-advanced>div{gap:14px;margin-top:15px;padding:15px;border-radius:10px;background:#f7f9fa}.wf-create-advanced .wf-quick-picker .wf-picker-results{top:calc(100% + 4px)}.wf-create-form>footer{margin-top:19px;padding-top:14px;border-top:1px solid #edf1f2}.wf-create-form>footer .primary{min-width:104px}.wf-create-form>footer .primary:disabled{cursor:not-allowed;opacity:.42}.wf-create-form input:focus,.wf-create-form textarea:focus,.wf-create-form select:focus{outline:2px solid #e1edf1;border-color:#91aebb}
@media(max-width:720px){.wf-create-modal{max-height:calc(100dvh - 20px)}.wf-create-modal>header{padding-right:17px;padding-left:17px}.wf-modal form.wf-create-form{padding-right:17px;padding-left:17px}.wf-create-date{max-width:none}.wf-create-handling{align-items:flex-start;flex-wrap:wrap}.wf-create-handling legend{width:100%}.wf-create-advanced .wf-form-grid{grid-template-columns:1fr}}
.ws-follow-up-tags{display:flex;gap:4px}.ws-follow-up-tags em{padding:2px 5px;border-radius:9px;background:#fff5dc}.ws-follow-up-tags em:first-child{background:#eaf2f5;color:#426d82}.wf-step>button.primary{padding:5px 7px;border-radius:6px;background:#e8f1f4;color:#315f75;font-weight:700}.wf-reminder-recipients{display:grid;gap:7px;margin:0;padding:11px 12px;border:1px solid #dfe7ea;border-radius:8px}.wf-reminder-recipients legend{padding:0 5px;color:#526d7b;font-size:10px;font-weight:700}.wf-reminder-recipients label{display:flex;align-items:center;gap:6px;color:#4c6572;font-size:10.5px}.wf-reminder-recipients input{width:auto;min-height:auto}
.wf-gate-modal{width:min(480px,100%)}.wf-gate-body{padding:20px 22px}.wf-gate-body p{margin:0;color:#4f6571;font-size:12px;line-height:1.75}.wf-gate-body strong{color:#304d5c}.wf-gate-body footer{display:flex;justify-content:flex-end;margin-top:18px}