/* Collaboration Detail V5: compact header, content-sized top split, full-width history. */
.wf-detail-route{max-width:none;background:var(--bg)}
.collab-v4{width:min(1100px,100%);margin:0 auto;padding:0 0 48px;color:#263d4b}
.collab-v4-back{margin:0 0 12px;padding:4px 0;border:0;background:transparent;color:#607f90;font:inherit;font-size:10.5px;cursor:pointer}
.collab-v4-header{padding:0 0 18px;border-bottom:1px solid #dbe4e8}
.collab-v4-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:26px}
.collab-v4-title-row>div:first-child{min-width:0}
.collab-v4-title-row p,.collab-v4-current>p,.collab-v4-result>p,.collab-v4-return>p{margin:0 0 6px;color:#718791;font-size:9.5px;font-weight:700;letter-spacing:.04em}
.collab-v4-title-row h1{margin:0;color:#1f3543;font-size:27px;line-height:1.28;letter-spacing:-.025em}
.collab-v4-title-row>div:last-child{display:flex;align-items:center;gap:7px;flex:none;padding-bottom:2px}
.collab-v4-watch{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border:1px solid #d6e0e4;border-radius:7px;background:#fff;color:#647d89;font:inherit;font-size:9.5px;font-weight:650;cursor:pointer}
.collab-v4-watch:hover{border-color:#aebfc7;background:#f5f8f9}
.collab-v4-watch.active{border-color:#e0ce9d;background:#fff9e8;color:#8a6a20}
.collab-v4-status,.collab-v4-timing{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:999px;font-size:9px;font-weight:700}
.collab-v4-status{color:#486a7a;background:#edf3f5}
.collab-v4-status.waiting,.collab-v4-status.confirmation{color:#785e22;background:#fff3d5}
.collab-v4-status.completed{color:#4e7359;background:#eef6f0}
.collab-v4-status.cancelled{color:#7b6e6c;background:#f0eded}
.collab-v4-timing.overdue{color:#a44f48;background:#fff0ee}
.collab-v4-timing.today{color:#805f1c;background:#fff4d8}
.collab-v4-top{display:grid;grid-template-columns:minmax(0,2.12fr) minmax(250px,1fr);align-items:start;gap:48px;padding:23px 0}
.collab-v4-work{min-width:0}
.collab-v4-aside{min-width:0;padding-left:27px;border-left:1px solid #e2e8ea}
.collab-v4-current,.collab-v4-result{padding:0}
.collab-v4-current>h2,.collab-v4-result>h2{margin:0;color:#263f4d;font-size:12px}
.collab-v4-current>h2{max-width:660px;font-size:20px;line-height:1.52}
.collab-v4-current-note{max-width:650px;margin-top:8px;color:#667b87;font-size:11px;line-height:1.65}
.collab-v4-assignment{margin-top:8px;color:#75868f;font-size:10px}
.collab-v4-next,.collab-v4-progress{display:grid;gap:0;margin:20px 0 0}
.collab-v4-next>*,.collab-v4-progress>*{margin:0}
.collab-v4-next dt,.collab-v4-progress dt{color:#87969e;font-size:9px;font-weight:650}
.collab-v4-next dd{margin-top:5px;color:#38515f;font-size:13.5px;font-weight:700;line-height:1.55}
.collab-v4-progress>div{display:flex;align-items:baseline;justify-content:space-between;max-width:250px;padding-bottom:6px;border-bottom:1px solid #dce5e8}
.collab-v4-progress dd{color:#335364;font-size:13px;font-weight:750}
.collab-v4-follow-up{display:flex;align-items:center;gap:18px;max-width:560px;margin-top:19px;padding:11px 0;border-top:1px solid #e3e9eb;border-bottom:1px solid #e3e9eb}
.collab-v4-follow-up>b{color:#89979e;font-size:9px;font-weight:650}
.collab-v4-follow-up>span,.collab-v4-follow-up>button{color:#405a68;font:inherit;font-size:11px;font-weight:700}
.collab-v4-follow-up>button{display:inline-flex;align-items:center;gap:7px;padding:3px 4px;border:0;border-radius:5px;background:transparent;cursor:pointer}
.collab-v4-follow-up>button:hover,.collab-v4-follow-up>button:focus-visible{background:#e9f0f4;color:#315f76;outline:0}
.collab-v4-follow-up>button i{color:#718993;font-size:11px;font-style:normal}
.collab-v4-action-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:2px;padding:18px 0;border-top:1px solid #dbe4e8}
.collab-v4-action-bar>div{display:flex;gap:8px;flex-wrap:wrap}
.collab-v4-action-bar .btn{min-height:36px;padding:0 15px}
.collab-v4-more{position:relative;margin-left:auto}
.collab-v4-more>summary{display:grid;place-items:center;width:37px;height:34px;border:1px solid #d7e1e5;border-radius:7px;background:#fff;color:#536b78;font-size:14px;cursor:pointer;list-style:none}
.collab-v4-more>summary::-webkit-details-marker{display:none}
.collab-v4-more>div{position:absolute;z-index:12;right:0;top:40px;display:grid;width:155px;padding:5px;border:1px solid #dce4e7;border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(30,48,58,.15)}
.collab-v4-more button{min-height:34px;padding:0 10px;border:0;border-radius:5px;background:#fff;color:#516a77;text-align:left;font:inherit;font-size:10px;cursor:pointer}
.collab-v4-more button:hover{background:#f1f5f6}
.collab-v4-more button.danger{color:#a14e47}

.collab-v4-result>p{color:#8a6720}
.collab-v4-result-body{max-width:680px;margin-top:11px;color:#273f4c;font-size:18px;font-weight:650;line-height:1.75;white-space:pre-wrap}
.collab-v4-result-meta{display:flex;gap:6px;flex-direction:column;margin-top:14px;color:#7b8b93;font-size:9.5px}
.collab-v4-return{margin:0 0 23px;padding:0 0 20px 16px;border-bottom:1px solid #e4e9eb;border-left:3px solid #bd6a5f}
.collab-v4-return>p{color:#a1544b}
.collab-v4-return h2{margin:0 0 8px;color:#7d443e;font-size:11.5px}
.collab-v4-return>div{color:#663f3b;font-size:15px;font-weight:650;line-height:1.65}
.collab-v4-return small{display:block;margin-top:8px;color:#9b807c;font-size:9px}

.collab-v4-steps{margin-top:24px;padding:21px 0 0;border-top:1px solid #dde5e8}
.collab-v4-steps h2,.collab-v4-info h2,.collab-v4-history h2{margin:0 0 14px;color:#2d4654;font-size:12.5px}
.collab-v4-steps ol{display:grid;gap:0;margin:0;padding:0;list-style:none}
.collab-v4-steps li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:start;padding:9px 0;border-top:1px solid #edf1f2}
.collab-v4-steps li:first-child{border-top:0}
.collab-v4-steps li>i{display:grid;place-items:center;width:19px;height:19px;color:#788e99;font-size:10px;font-style:normal}
.collab-v4-steps li.completed>i{color:#4b7758}
.collab-v4-steps li.in_progress>i,.collab-v4-steps li.waiting>i{color:#416c81}
.collab-v4-steps li>div{display:grid;gap:3px}
.collab-v4-steps strong{color:#334c5a;font-size:11px}
.collab-v4-steps span,.collab-v4-steps small{color:#83939b;font-size:9px}

.collab-v4-info dl{display:grid;gap:15px;margin:0}
.collab-v4-info dl>div{display:grid;gap:3px}
.collab-v4-info dt{color:#909da4;font-size:8.5px}
.collab-v4-info dd{margin:0;color:#405a68;font-size:11px;font-weight:650;line-height:1.45}

.collab-v4-history{width:100%;margin-top:9px;padding-top:23px;border-top:1px solid #dbe4e8}
.collab-v4-history>h2{margin-bottom:5px;font-size:14px}
.collab-v4-history>div{display:grid}
.collab-v4-history article{display:grid;grid-template-columns:118px minmax(0,1fr);gap:24px;padding:14px 0;border-bottom:1px solid #e8edef}
.collab-v4-history time{padding-top:1px;color:#95a2a9;font-size:9px;white-space:nowrap}
.collab-v4-history article>div{display:grid;gap:4px;min-width:0}
.collab-v4-history strong{color:#3c5664;font-size:11px}
.collab-v4-history p{max-width:760px;margin:0;color:#687d88;font-size:10px;line-height:1.65;white-space:pre-wrap}
.collab-v4-history>button{margin-top:13px;padding:4px 0;border:0;background:transparent;color:#56798a;font:inherit;font-size:9.5px;cursor:pointer}
.collab-v4-empty{padding:18px 0;color:#87969e;font-size:10px}

.wf-next-follow-up-popover{position:fixed;z-index:720;top:max(12px,var(--wf-next-follow-up-top));left:var(--wf-next-follow-up-left);box-sizing:border-box;width:min(320px,calc(100vw - 24px));padding:14px 15px 13px;border:1px solid #d5e0e4;border-radius:10px;background:#fff;box-shadow:0 16px 38px rgba(27,44,54,.18)}
.wf-next-follow-up-popover h2{margin:0 0 11px;color:#294453;font-size:13px}
.wf-next-follow-up-popover form{display:grid;gap:12px}
.wf-next-follow-up-popover label{display:grid;gap:5px;color:#607581;font-size:10px;font-weight:650}
.wf-next-follow-up-popover input{box-sizing:border-box;width:100%;height:38px;padding:0 10px;border:1px solid #d5e0e4;border-radius:8px;background:#fff;color:#294453;font:inherit;font-size:11px}
.wf-next-follow-up-popover input:focus{outline:2px solid #e1edf1;border-color:#91aebb}
.wf-next-follow-up-popover footer{display:flex;justify-content:flex-end;gap:7px;padding-top:2px}

@media(max-width:900px){
  .collab-v4{width:100%}
  .collab-v4-top{grid-template-columns:1fr;gap:25px}
  .collab-v4-aside{padding:22px 0 0;border-top:1px solid #dde5e8;border-left:0}
  .collab-v4-info dl{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .collab-v4{padding-bottom:28px}
  .collab-v4-back{margin-bottom:10px}
  .collab-v4-title-row{align-items:flex-start;flex-direction:column;gap:10px}
  .collab-v4-title-row h1{font-size:23px}
  .collab-v4-title-row>div:last-child{padding:0}
  .collab-v4-top{padding-top:20px}
  .collab-v4-current>h2{font-size:18px}
  .collab-v4-result-body{font-size:16px}
  .collab-v4-action-bar{align-items:stretch;flex-direction:column}
  .collab-v4-action-bar>div{display:grid;grid-template-columns:1fr 1fr}
  .collab-v4-action-bar .btn{width:100%}
  .collab-v4-more{margin-left:0}
  .collab-v4-more>div{right:auto;left:0}
  .collab-v4-info dl{grid-template-columns:1fr 1fr}
  .collab-v4-history article{grid-template-columns:1fr;gap:5px;padding:12px 0}
  .wf-next-follow-up-popover{right:12px;left:12px!important;width:auto}
}