.role-work-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:16px 20px;border:1px solid #d7e3f5;border-radius:14px;background:#fff;color:#153956}
.role-work-summary span{display:block;font-size:12px;margin-top:5px;color:#4a627b}
.role-work-dialog{width:min(1000px,calc(100vw - 24px));max-height:90dvh;padding:24px;border:1px solid #ccdcf1;border-radius:18px;color:#153956;box-sizing:border-box;overflow:auto;background:#f7faff}
.role-work-dialog::backdrop{background:#14283d66}
.role-work-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.role-work-heading h2{margin:0;font-size:22px}
.role-work-tools,.role-work-dialog form{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:14px 0}
.role-work-dialog label{display:flex;flex:1 1 180px;flex-direction:column;gap:6px;font-size:12px;font-weight:700;min-width:0}
.role-work-dialog input,.role-work-dialog select{width:100%;min-width:0;box-sizing:border-box}
.role-work-dialog button,.role-work-summary button{min-height:38px;margin:3px;padding:8px 13px;white-space:normal;border:1px solid #cbdcf1;border-radius:9px;background:#fff;color:#214566;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.role-work-dialog button:hover,.role-work-summary button:hover{background:#edf3ff;border-color:#8bacdf}.role-work-dialog button[type=submit],.role-work-summary button{background:#2059ce;color:#fff;border-color:#2059ce}.role-work-dialog button:disabled{opacity:.5;cursor:not-allowed}.role-work-dialog summary{cursor:pointer;padding:12px 0;font-weight:700}
.role-work-notice,.role-work-dialog p{font-size:12px;line-height:1.65;overflow-wrap:anywhere}.role-work-notice{color:#4a627b}
.role-work-task{padding:18px;margin:12px 0;background:#fff;border:1px solid #d9e4f3;border-radius:12px}
.role-work-task-head{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.role-work-badge{font-size:11px;background:#edf3ff;border:1px solid #cadbfa;padding:4px 9px;border-radius:16px;color:#16448b}
.role-work-task dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:13px}.role-work-task dl div{min-width:0}.role-work-task dt{font-size:11px;color:#5f748a}.role-work-task dd{margin:4px 0;overflow-wrap:anywhere}
.role-work-pagination{display:flex;justify-content:center;align-items:center;gap:16px}.role-work-empty{padding:20px;border:1px dashed #bfd0e6;border-radius:12px}
.role-work-dialog [role=alert]{color:#a62230;background:#fff3f3;padding:12px;border:1px solid #e3aaaa;border-radius:8px}
.role-work-dialog :focus-visible,.role-work-summary :focus-visible{outline:3px solid #2864db;outline-offset:3px}
@media(max-width:600px){.role-work-dialog{padding:14px}.role-work-task{padding:12px}.role-work-task dl{grid-template-columns:1fr}.role-work-summary{align-items:start;padding:12px}.role-work-heading h2{font-size:18px}.role-work-dialog form{display:grid;grid-template-columns:minmax(0,1fr)}#roleWorkTrigger{font-size:11px;padding:6px}}
@media print{.role-work-summary,.role-work-dialog,#roleWorkTrigger{display:none!important}}