.workworkspace{--work-line:var(--line,#dce4e7);display:grid;gap:18px}
.workbrief{padding:0!important;overflow:hidden}
.workbrief>summary{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 22px;cursor:pointer;list-style:revert}
.workbrief>summary span{font-size:12px;color:var(--mut)}
.workbriefbody .card{border:0;box-shadow:none;margin:0}
.workmetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.workmetrics .card{margin:0;display:grid;gap:6px;padding:20px}
.workmetrics strong{font-size:28px;font-weight:650;letter-spacing:-1px}
.workmetrics span{font-size:12px;color:var(--mut)}
.worktoolbar{display:flex;align-items:center;gap:10px}
.worktoolbar>div{flex:1}
.worktoolbar h2{font-size:22px;margin:0 0 5px}
.worktoolbar p{margin:0;color:var(--mut);font-size:13px}
.workfilters{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--work-line);padding-bottom:12px}
.workfilters button{border:0;border-radius:6px;background:transparent;color:var(--mut);padding:9px 14px;cursor:pointer;font:inherit;font-size:13px}
.workfilters button.on{background:#e6f1ee;color:#175949;font-weight:600}
.worksearch{display:flex;gap:12px}
.worksearch input{flex:1}
.worksearch select{width:190px}
.workbody{display:flex;align-items:flex-start;gap:18px;min-width:0}
.worklist{flex:1;min-width:0;display:grid;gap:22px}
.workgroup{background:var(--card,#fff);border:1px solid var(--work-line);border-radius:10px;overflow:visible}
.workgroup>h3{font-size:13px;font-weight:650;letter-spacing:.02em;padding:16px 18px;margin:0;display:flex;justify-content:space-between;background:#f7f9fa;border-bottom:1px solid var(--work-line);border-radius:10px 10px 0 0}
.workgroup>h3 span{color:var(--mut);font-weight:400}
.workgrouphelp{font-size:12px;line-height:1.5;color:var(--mut);padding:12px 18px;margin:0;border-bottom:1px solid var(--work-line)}
.workitem.completionrow{border:0;border-radius:0;margin:0;border-bottom:1px solid var(--work-line);padding:14px 16px;background:transparent}
.workitem:last-child{border-bottom:0}
.workitem .completiondetails{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.workitem .completionactions{gap:5px;flex-wrap:wrap}
.workitem .completionmark{width:27px;height:27px;font-size:14px}
.workitem .completionmain b{font-size:14px}
.workitem.att{padding:17px;border-bottom:1px solid var(--work-line);margin:0}
.workitem.att .main{cursor:pointer}
.workinspector{width:320px;flex-shrink:0;position:sticky;top:16px;background:var(--card,#fff);border:1px solid var(--work-line);border-radius:10px;padding:20px}
.workinspector[hidden]{display:none}
.workinspectorhead{display:flex;justify-content:space-between;gap:8px}
.workinspector h3{font-size:19px;line-height:1.4;margin:22px 0 12px}
.workinspector h4{font-size:12px;margin:24px 0 10px;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}
.workinstructions,.workinspector p{white-space:pre-wrap;font-size:13px;line-height:1.6}
.workinspector dl{display:grid;grid-template-columns:75px 1fr;gap:12px;font-size:12px;margin:20px 0}
.workinspector dt{color:var(--mut)}
.workinspector dd{margin:0}
.workupdate{border-top:1px solid var(--work-line);padding:10px 0}
.workupdate p{margin:0 0 5px}
.workupdate small{color:var(--mut)}
.workdialog{border:1px solid var(--work-line);border-radius:12px;padding:24px;width:min(650px,calc(100vw - 32px));max-height:85vh;overflow:auto;color:var(--ink,#19323b);background:var(--card,#fff)}
.workdialog::backdrop{background:#102a3d66}
.workdialoghead{display:flex;justify-content:space-between;align-items:center;gap:12px}
.workdialog h2{font-size:21px;margin:0}
.workdialog p{font-size:13px;line-height:1.6}
.workdialog label{display:grid;gap:8px;font-size:13px}
.workdialog small{display:block;color:var(--mut);font-size:12px;margin-top:4px}
.workreviewlist{max-height:230px;overflow:auto;padding-left:24px}
.workreviewlist li{padding:8px 0;font-size:13px}
.workdialogactions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}
.workresult{color:var(--warn,#88591f)}
.workdialog .completioncomposer{flex-wrap:wrap}
.workworkspace button:focus-visible,.workworkspace [role=button]:focus-visible{outline:2px solid #1c7764;outline-offset:3px}

@media(max-width:1100px){.workinspector{width:280px}
.workitem.completionrow{flex-wrap:wrap}
.workitem .completionactions{margin-left:36px}
}
@media(max-width:780px){.workmetrics{gap:8px}
.workmetrics .card{padding:14px}
.workmetrics strong{font-size:22px}
.worktoolbar{flex-wrap:wrap}
.worktoolbar>div{flex-basis:100%}
.workbrief>summary{display:block}
.workbrief>summary span{display:block;margin-top:7px}
.workbody{flex-direction:column}
.workinspector{width:100%;box-sizing:border-box;position:static;order:-1}
.worklist{width:100%}
.worksearch{flex-wrap:wrap}
.worksearch select{width:100%}
.workdialog{box-sizing:border-box}
.workfilters button{padding:8px 10px}
}