.work-portal{max-width:900px}
.work-portal .portal-status{display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 12px;text-align:left;padding:16px 18px;margin:18px 0}
.work-portal .portal-status>.icon{grid-row:1/3;width:24px;height:24px;margin:3px 0 0}
.work-portal .portal-status>h2{font-size:18px;margin:0}
.work-portal .portal-status>p{margin:0;font-size:12px}
.work-heading-main{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin:24px 0}
.work-heading-main>div{min-width:0;overflow-wrap:anywhere}
.work-heading-main small{display:flex;gap:7px;align-items:center;color:#708074;font-size:12px;margin-bottom:9px}
.work-heading-main h1{font-size:27px;line-height:1.3}
.work-heading-main p{margin-top:6px;color:#738078;font-size:13px}
.work-heading-main>.btn{flex-shrink:0}
.work-navigation{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:22px}
.work-navigation>span{font-size:12px;color:#7a877e;flex:1;min-width:0;overflow-wrap:anywhere}
.work-toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.work-toolbar .search-field{background:white;border:1px solid var(--line);border-radius:9px;padding:5px 12px;flex:1 1 250px;min-width:0}
.work-toolbar .search-field input{font-size:14px;min-height:37px;max-width:none}
.work-toolbar .choices{flex:1 1 290px}
.work-toolbar .choices>label{flex:1}
.work-toolbar .choices>label>span{justify-content:center;min-height:44px;font-size:12px}
.work-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.work-tabs .btn{border-color:transparent;background:transparent;min-height:42px;font-size:13px;padding:8px 12px;color:#78867c}
.work-tabs .btn.selected{background:#e9f1e8;color:#355c42;border-color:#cadacb}
.work-tabs .btn>span{font-size:11px;min-width:18px;text-align:center}
.work-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.work-list>.empty{grid-column:1/-1}
.work-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;min-width:0;overflow-wrap:anywhere}
.work-card.has-issue{border-color:#dec596}
.work-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}
.work-card-top>strong{font-size:13px;min-width:0}
.work-time{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12px;color:#7b897e;line-height:1.5}
.work-time .icon{width:14px;height:14px}
.work-time.late{color:#b47d40}
.work-card-body{display:flex;gap:12px;align-items:center;padding:15px 0 5px;min-width:0}
.work-card-body>div{min-width:0;flex:1}
.work-card-body strong{font-size:14px;font-weight:600;line-height:1.5;display:block}
.work-card-body small{font-size:12px;color:#7d8b81;line-height:1.5;display:block;margin-top:5px}
.work-card-body .thumb{width:46px;height:53px}
.work-card-body>.icon:last-child{width:15px;color:#8b9b8e}
.work-card .full{min-height:43px;margin-top:15px}
.work-card-foot{font-size:12px;color:#718176;border-top:1px solid #edf0ed;padding-top:12px;margin-top:14px}
.work-assignee,.work-issue{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;margin-top:13px;overflow-wrap:anywhere}
.work-issue{color:#9d783c;background:#faf5e9;padding:10px;border-radius:7px}
.work-issue>.icon,.work-assignee>.icon{width:15px;height:15px;margin-top:2px}
.work-sync{display:flex;gap:7px;align-items:center;margin-top:18px;color:#8a968e;font-size:11px}
.work-sync>.icon{width:13px;height:13px}
.quality-panel>summary{display:flex;align-items:center;gap:10px;padding:17px 22px;cursor:pointer;font-size:13px;font-weight:600}
.quality-panel>summary small{font-size:10px;font-weight:400;color:#8b968e}
.quality-panel>summary .tag{margin-left:auto}
.quality-panel .detail-body{padding-top:0}
.quality-panel .check-label{min-height:40px;margin:0;align-items:center}
.quality-panel .check-label input{width:19px;height:19px;accent-color:#416a4e}
.work-link-group .panel-head h2{display:flex;align-items:center;gap:9px}
.work-link-role{padding:4px 22px 16px}
.work-link-role>h3{display:flex;align-items:center;gap:9px;font-size:13px;color:#738279;margin:12px 0}
.work-link-role>h3 .icon{width:16px;height:16px}
.work-link-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid #edf0ed;padding:16px 0}
.work-link-row>div:first-child{flex:1 1 220px;min-width:0;overflow-wrap:anywhere}
.work-link-row strong{display:block;font-size:14px}
.work-link-row small{display:block;color:#839087;font-size:11px;margin-top:6px}
.work-link-row .actions{gap:8px}
.work-link-row .actions>.btn{min-height:40px;font-size:12px}
.share-work-row{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px;margin-top:15px}
.share-work-row>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#708376}
.share-work-row .icon{width:15px;height:15px}
.recipient-context{border:1px solid var(--line);padding:14px;border-radius:10px;margin-bottom:20px;overflow-wrap:anywhere}
.recipient-context strong,.recipient-context small{display:block}
.recipient-context small{font-size:11px;color:#77877b;margin-top:8px;line-height:1.5}
@media(max-width:700px){
 .work-portal{padding:16px 14px 30px}
 .work-heading-main{margin:20px 0}
 .work-heading-main h1{font-size:24px}
 .work-toolbar{gap:10px;margin-bottom:12px}
 .work-toolbar .search-field input{font-size:16px}
 .work-toolbar .choices>label>span{font-size:11px}
 .work-tabs{gap:3px;margin-bottom:13px}
 .work-tabs .btn{padding:8px 9px;font-size:12px;gap:5px}
 .work-list{grid-template-columns:1fr;gap:11px}
 .work-card{padding:16px}
 .work-navigation{gap:8px}
 .work-navigation>span{font-size:11px}
 .work-link-role{padding:4px 15px 14px}
 .work-link-row{gap:12px}
 .quality-panel>summary{padding:16px}
 .portal-brand>div{min-width:0;overflow-wrap:anywhere}
}