.task-workspace { min-width: 0; }
.work-introduction { margin: 8px 0 24px; max-width: 800px; }
.work-introduction h2 { font-size: 26px; margin: 9px 0; font-weight: 550; }
.work-introduction p, .work-explainer { font-size: 12px; line-height: 1.8; color: #728467; }
.work-metrics { display: flex; flex-wrap: wrap; border: 1px solid var(--line); background: #fff; border-radius: 14px; margin-bottom: 24px; }
.work-metrics > div { padding: 23px 28px; flex: 1; min-width: 170px; }
.work-metrics span { display: block; font-size: 11px; color: #7a8d6d; margin-bottom: 10px; }
.work-metrics strong { font-size: 29px; font-weight: 500; overflow-wrap: anywhere; }
.work-metrics small { font-size: 12px; color: #8b9a80; }
.work-filters { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; padding: 20px; background: #f0f4ea; border-radius: 12px; }
.work-filters label { flex: 1; min-width: 150px; margin: 0; font-size: 11px; }
.work-filters input, .work-filters select { width: 100%; margin-top: 8px; font-size: 12px; }
.work-filters label:first-child { flex: 2; min-width: 210px; }
.work-filters .text-link { padding: 12px 0; }
.work-scope { font-size: 11px; color: #718466; line-height: 1.8; margin: 17px 0 22px; }
.work-warning { padding: 12px 16px; border-radius: 8px; background: #fff1df; color: #855c2c; font-size: 12px; line-height: 1.7; }
.work-card-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,310px),1fr)); gap: 18px; }
.work-card, .work-invoice, .work-publication { min-width: 0; padding: 23px; background: white; border: 1px solid var(--line); border-radius: 13px; overflow-wrap: anywhere; }
.work-card header, .work-invoice header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 9px; }
.work-reference { color: #87977b; font-size: 10px; overflow-wrap: anywhere; }
.work-card h3, .work-invoice h3 { margin: 18px 0 6px; font-size: 20px; font-weight: 550; line-height: 1.5; }
.work-caption { font-size: 11px; color: #8b9b7c; margin: 0 0 17px; }
.work-card footer, .work-publication footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; border-top: 1px solid var(--line); padding-top: 17px; margin-top: 16px; }
.work-card footer > span { color: #8b9b7d; font-size: 10px; }
.task-workspace .text-link { font-size: 12px; display: inline-flex; align-items: center; gap: 8px; line-height: 1.6; }
.work-facts { display: grid; grid-template-columns: repeat(auto-fit,minmax(120px,1fr)); gap: 15px; margin: 19px 0; }
.work-facts > div { min-width: 0; }
.work-facts dt { color: #829174; font-size: 10px; line-height: 1.7; margin-bottom: 4px; }
.work-facts dd { font-size: 12px; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; }
.work-computed { display: flex; flex-wrap: wrap; gap: 18px; background: #ecf3e4; border-radius: 9px; padding: 17px; margin: 18px 0; }
.work-computed > div { flex: 1; min-width: 100px; }
.work-computed span { display: block; color: #70865f; font-size: 10px; line-height: 1.7; margin-bottom: 6px; }
.work-computed strong { font-size: 23px; font-weight: 550; }
.work-text { margin: 18px 0; }
.work-text h4 { font-size: 11px; color: #718563; margin: 0 0 8px; font-weight: 550; }
.work-text p { font-size: 13px; line-height: 1.9; white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; }
.work-group { min-width: 0; margin: 24px 0; }
.work-group > .section-heading { margin-bottom: 17px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.work-group > .section-heading h3 { font-size: 16px; font-weight: 550; }
.work-queue { list-style: none; padding: 0; display: grid; gap: 15px; }
.work-queue > li { display: flex; align-items: flex-start; gap: 23px; padding: 23px; background: white; border: 1px solid var(--line); border-radius: 12px; }
.work-rank { background: #eaf0e1; color: #5b773e; font-size: 25px; width: 54px; height: 54px; flex-shrink: 0; display: grid; place-items: center; border-radius: 50%; }
.work-queue article { flex: 1; min-width: 0; }
.work-queue header { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; }
.work-queue h3 { margin-bottom: 6px; }
.work-route { list-style: none; padding: 0; margin-left: 12px; border-left: 3px solid #bbcfab; }
.work-route li { display: grid; grid-template-columns: minmax(100px,1fr) 3fr; gap: 28px; padding: 22px; margin-left: 18px; background: #fff; border: 1px solid var(--line); border-radius: 10px; margin-bottom: 16px; }
.work-stop { font-size: 17px; color: #597647; }
.work-route h4 { margin: 0; font-size: 15px; }
.work-assessments > article { display: grid; grid-template-columns: 75px 1fr 140px; gap: 25px; align-items: start; padding: 24px; background: white; border-bottom: 1px solid var(--line); }
.work-assessments h3 { margin: 0; font-size: 16px; }
.work-grade { border-radius: 12px; background: #e5edd9; color: #536e3c; padding: 20px 8px; text-align: center; font-size: 24px; overflow-wrap: anywhere; }
.work-assessments .text-link { margin-top: 16px; }
.work-table th { font-weight: 500; }
.work-table .status-badge { margin-right: 12px; }
.work-attendance { display: grid; gap: 12px; }
.work-attendance > article { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 24px; align-items: center; padding: 23px; background: white; border: 1px solid var(--line); border-radius: 12px; }
.work-attendance article > div { min-width: 0; overflow-wrap: anywhere; }
.work-attendance h3 { font-size: 17px; margin: 0 0 8px; }
.work-attendance article > div:last-child { display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }
.work-attendance-mark { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.work-attendance-mark > strong { font-size: 18px; color: #617e4d; }
.work-attendance-mark > span:not(.status-badge) { color: #8c977f; font-size: 11px; }
.work-loans { display: grid; gap: 17px; }
.work-loans > article { display: grid; grid-template-columns: 155px 1fr; border: 1px solid var(--line); background: white; border-radius: 12px; overflow: hidden; }
.work-loan-spine { background: #304a3b; color: #e1ead4; padding: 25px; display: flex; flex-direction: column; gap: 20px; border-left: 8px solid #98aa7e; overflow-wrap: anywhere; }
.work-loan-spine span { font-size: 9px; letter-spacing: 1px; }
.work-loan-spine strong { font-size: 18px; font-weight: 500; }
.work-loans article > div:last-child { padding: 24px; min-width: 0; overflow-wrap: anywhere; }
.work-loans h3 { margin: 0; font-size: 20px; }
.work-board { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px,1fr); overflow-x: auto; gap: 15px; padding-bottom: 16px; }
.work-lane { padding: 14px; background: #edf2e7; border-radius: 11px; }
.work-lane > h3 { font-size: 13px; display: flex; justify-content: space-between; align-items: center; margin: 3px 0 18px; gap: 10px; }
.work-lane > h3 span { font-size: 11px; padding: 4px 8px; background: white; border-radius: 6px; }
.work-lane .work-card { padding: 17px; margin-bottom: 12px; }
.work-lane .work-card h3 { font-size: 17px; }
.work-calculation { border-top: 1px dashed #d1ddc7; padding-top: 14px; margin: 17px 0; }
.work-calculation h4 { font-size: 12px; font-weight: 500; color: #648050; }
.work-budget { display: grid; gap: 18px; }
.work-budget > article { border: 1px solid var(--line); border-radius: 12px; padding: 24px; background: white; }
.work-budget header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.work-budget h3 { font-size: 17px; margin: 0; }
.work-budget-comparison { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; margin: 24px 0; }
.work-budget-comparison span, .work-grant-comparison span, .work-score-values span { color: #819473; font-size: 11px; display: block; margin-bottom: 10px; }
.work-budget-comparison strong { font-size: 22px; font-weight: 500; display: block; overflow-wrap: anywhere; }
.task-workspace meter, .task-workspace progress { display: block; width: 100%; height: 14px; margin: 15px 0; accent-color: #66864b; }
.work-variance { display: flex; justify-content: space-between; gap: 15px; padding: 16px; background: #eef4e7; border-radius: 8px; font-size: 13px; margin-bottom: 20px; }
.work-variance.work-warning { background: #fff1df; }
.work-invoice { border-top: 4px solid #9db68a; box-shadow: 0 5px 10px #20352206; }
.work-document-label { letter-spacing: 1px; font-size: 9px; color: #849777; line-height: 1.8; margin-bottom: 20px; }
.work-invoice-line { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 21px 0 0; }
.work-invoice-line > strong { font-size: 14px; }
.work-payslip { border-left: 4px solid #a0b58b; }
.work-payment-amount { font-size: 35px; margin: 24px 0; color: #54713d; }
.work-grant-comparison, .work-score-values { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 24px 0; }
.work-grant-comparison strong, .work-score-values strong { font-size: 24px; font-weight: 500; overflow-wrap: anywhere; }
.work-journal { margin: 10px 0 10px 8px; border-left: 2px solid #b6caa7; }
.work-journal > article { padding: 0 0 28px 24px; display: grid; grid-template-columns: 135px 1fr; gap: 20px; }
.work-journal time { font-size: 12px; color: #74876a; padding-top: 18px; }
.work-journal article > div { padding: 23px; border-radius: 11px; border: 1px solid var(--line); background: white; }
.work-journal header { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.work-journal h3 { margin-bottom: 7px; }
.work-period { background: #edf3e6; color: #607b4c; font-size: 13px; padding: 16px; border-radius: 8px; margin: 18px 0; overflow-wrap: anywhere; }
.work-calendar-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin: 24px 0; }
.work-calendar-toolbar > div { display: flex; flex-wrap: wrap; gap: 8px; }
.work-calendar-toolbar strong { font-size: 13px; font-weight: 500; }
.work-calendar { display: grid; grid-template-columns: repeat(7,minmax(160px,1fr)); overflow-x: auto; gap: 10px; padding-bottom: 16px; }
.work-day { border: 1px solid var(--line); background: #f1f5ec; border-radius: 10px; padding: 10px; min-height: 200px; }
.work-day > header { display: flex; align-items: center; justify-content: space-between; gap: 4px; }
.work-day h3 { margin: 2px 0 12px; font-size: 12px; text-transform: capitalize; }
.work-day > header .icon-button { width: 26px; height: 26px; flex-shrink: 0; }
.work-day-empty { font-size: 11px; color: #91a283; padding: 15px 4px; line-height: 1.8; }
.work-event, .work-menu { background: white; border: 1px solid #d7e3cd; border-left: 3px solid #90ac77; border-radius: 7px; padding: 13px; margin: 12px 0; overflow-wrap: anywhere; }
.work-event h4, .work-menu h4 { font-size: 14px; margin: 14px 0; }
.work-event-time { font-size: 10px; line-height: 1.7; color: #6b8558; }
.work-event .work-facts { display: block; }
.work-event .work-facts > div { margin: 10px 0; }
.work-event .status-badge { font-size: 9px; margin-bottom: 15px; }
.work-menu-calendar { grid-template-columns: repeat(7,minmax(230px,1fr)); }
.work-menu { border-left-color: #b5a36b; }
.work-menu-title { font-size: 16px; line-height: 1.7; white-space: pre-wrap; }
.work-menu .work-facts { display: block; }
.work-menu .work-facts > div { margin-bottom: 12px; }
.work-menu .work-computed strong { font-size: 18px; }
.work-inbox, .work-meetings { display: grid; gap: 20px; }
.work-inbox > article, .work-meetings > article { display: grid; grid-template-columns: minmax(180px,1fr) 2fr; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: white; }
.work-inbox aside, .work-meetings aside { background: #eff4e8; padding: 24px; min-width: 0; overflow-wrap: anywhere; }
.work-inbox h3, .work-meetings h3 { font-size: 18px; line-height: 1.6; }
.work-dialogue, .work-meetings article > div { padding: 9px 26px 25px; min-width: 0; }
.work-dialogue .work-text { background: #f7f9f3; padding: 17px; border-radius: 9px; }
.work-dialogue .work-text + .work-text { border-left: 3px solid #a8bc96; margin-left: 20px; }
.work-publication { padding: 0; overflow: hidden; }
.work-publication-meta { padding: 18px 25px; background: #e6eddd; color: #6c8258; font-size: 11px; }
.work-publication > h3 { font-size: 23px; padding: 0 25px; font-weight: 500; line-height: 1.6; }
.work-publication-body { padding: 0 25px; font-size: 14px; line-height: 2; white-space: pre-wrap; }
.work-publication .work-facts, .work-publication footer { margin: 22px 25px; }
.work-inspection-list { display: grid; gap: 16px; }
.work-inspection-list > article { display: grid; grid-template-columns: 180px 1fr; background: white; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.work-inspection-date { background: #edf2e6; padding: 24px; display: flex; align-items: flex-start; flex-direction: column; gap: 14px; }
.work-inspection-date > span:first-child { color: #809371; font-size: 10px; }
.work-inspection-date strong { font-size: 18px; font-weight: 500; }
.work-inspection-list article > div:last-child { padding: 24px; min-width: 0; overflow-wrap: anywhere; }
.work-inspection-list h3 { margin-top: 0; }
.work-permit { border-top: 4px double #b0c49d; }
.work-meter-readings { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: #233e37; color: #e3edd9; border-radius: 10px; padding: 20px; margin: 24px 0; }
.work-meter-readings span { display: block; font-size: 10px; margin-bottom: 10px; }
.work-meter-readings strong { font-size: 23px; font-weight: 500; }
.work-consumption { font-size: 13px; display: flex; justify-content: space-between; gap: 14px; color: #6d865a; }
.work-meetings aside > strong { font-size: 17px; }
.work-meetings aside > .text-link { display: flex; margin-top: 25px; }
.work-connection-path { display: flex; align-items: center; gap: 17px; padding: 20px 0; }
.work-connection-path strong { flex: 1; min-width: 0; background: #eff4e9; padding: 17px; border-radius: 8px; font-size: 16px; text-align: center; }
.work-connection-path > span { font-size: 25px; color: #809b6a; }
.work-access-request { background: #233e37; color: #e9f0df; padding: 20px; border-radius: 9px; margin: 20px 0; }
.work-access-request strong { font-size: 23px; display: block; margin-bottom: 8px; }
.work-access-request span { font-size: 13px; }
.work-archive { border-top: 6px solid #bdba9d; }
.work-privacy-obligations { background: #f2f5ee; border-radius: 10px; padding: 1px 16px; margin: 20px 0; }
.work-readiness { border-top: 4px solid #b6aa78; }
.work-device-state { border-radius: 8px; border: 1px dashed #a9bd96; padding: 20px; font-size: 19px; color: #657d53; }
.work-capacity { margin: 24px 0; }
.work-capacity strong { font-size: 25px; display: block; }
.work-capacity span { color: #7c906d; font-size: 11px; display: block; margin-top: 9px; }
.work-diary { display: grid; gap: 16px; }
.work-diary > article { display: grid; grid-template-columns: 190px 1fr; background: white; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.work-diary-reference { padding: 26px; background: #ecf1e6; display: flex; flex-direction: column; gap: 14px; overflow-wrap: anywhere; }
.work-diary-reference span, .work-diary-reference time { color: #7d916d; font-size: 11px; }
.work-diary-reference strong { font-size: 20px; font-weight: 500; }
.work-diary article > div:last-child { padding: 24px; min-width: 0; }
.work-diary h3 { margin-top: 0; font-size: 18px; }
.work-closed { opacity: .75; border-style: dashed; }
.workspace-form-section { border: 1px solid var(--line); border-radius: 10px; padding: 18px; margin: 24px 0; min-width: 0; }
.workspace-form-section legend { padding: 0 9px; font-size: 14px; font-weight: 550; color: #617d4b; }
.workspace-form-section .form-grid { margin-top: 0; }
.object-workspace-focus { padding: 20px; background: #edf3e5; border-radius: 11px; margin: 22px 0; }
.object-workspace-focus > span { color: #7a8d6b; font-size: 11px; display: block; margin-bottom: 10px; }
.object-workspace-focus > strong { font-size: 25px; font-weight: 550; overflow-wrap: anywhere; }
.object-workspace-focus p { font-size: 12px; line-height: 1.8; color: #728565; margin-bottom: 0; }
.object-field-section { border-top: 1px solid var(--line); padding-top: 18px; }
.object-field-section > h3 { color: #668152; font-size: 14px; margin-bottom: 0; }
.process-overview { margin-bottom: 24px; }
.process-overview summary, .process-task summary { cursor: pointer; font-weight: 550; line-height: 1.8; }
.process-overview li { padding: 14px 0; }
.process-overview li > strong { margin-right: 12px; }
.process-overview p, .process-task > p { font-size: 12px; line-height: 1.8; }
.object-process { border-top: 1px solid var(--line); margin-top: 24px; padding-top: 15px; }
.process-task { border: 1px solid var(--line); border-radius: 10px; padding: 18px; margin: 15px 0; }
.process-task summary .pill { margin-left: 8px; }
.process-task form { padding: 16px 0; }
.process-task form > button { white-space: normal; text-align: left; }
.process-entry { border-top: 1px solid var(--line); padding-top: 16px; margin-top: 18px; }
.process-entry > div { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; font-size: 12px; }
.process-entry time { color: #728467; }
.process-readiness > section { padding: 16px; border-radius: 9px; margin: 14px 0; }
.process-readiness h4 { margin: 0 0 12px; }
.process-readiness li, .process-readiness p { font-size: 12px; line-height: 1.8; }
.process-ready { background: #edf3e5; }
.process-blocked { background: #fff1df; }
.work-next-step { display: block; font-size: 11px; line-height: 1.7; margin: 12px 0; color: #64734f; }
.work-next-step.blocked { color: #855c2c; }
.work-products { width: 100%; margin: 12px 0; min-width: 0; }
.work-products summary { cursor: pointer; font-size: 11px; line-height: 1.8; }
.work-products h4 { font-size: 12px; }
.work-products .object-fields { grid-template-columns: repeat(auto-fit,minmax(min(100%,140px),1fr)); }
.structure-overview { margin-bottom: 20px; }
.structure-overview p, .structure-section > p { font-size: 12px; line-height: 1.8; }
.structure-overview h3 { font-size: 17px; }
.object-structures { margin-top: 24px; border-top: 1px solid var(--line); padding-top: 16px; }
.structure-section { margin: 20px 0; padding: 18px; border: 1px solid var(--line); border-radius: 10px; min-width: 0; }
.structure-section h4 { line-height: 1.8; }
.structure-section > button { white-space: normal; text-align: left; }
.structure-totals { display: flex; flex-wrap: wrap; gap: 16px; }
.structure-totals > div { background: #edf3e5; border-radius: 8px; padding: 14px; flex: 1; min-width: min(100%,130px); }
.structure-totals span { display: block; font-size: 11px; margin-bottom: 8px; }
.structure-totals strong { font-size: 19px; font-weight: 550; overflow-wrap: anywhere; }
.structure-rows { padding-left: 22px; }
.structure-rows > li { padding: 5px 0 16px; border-bottom: 1px solid var(--line); }
.structure-row-actions { display: flex; flex-wrap: wrap; gap: 18px; font-size: 12px; }
@media (max-width: 760px) {
  .work-introduction h2 { font-size: 22px; }
  .work-metrics > div { padding: 18px; min-width: 140px; }
  .work-metrics strong { font-size: 25px; }
  .work-filters { padding: 16px; }
  .work-filters label, .work-filters label:first-child { min-width: min(100%,190px); }
  .work-card, .work-invoice { padding: 18px; }
  .work-queue > li { padding: 17px; gap: 14px; }
  .work-rank { width: 36px; height: 36px; font-size: 19px; }
  .work-assessments > article { grid-template-columns: 60px 1fr; gap: 15px; padding: 18px; }
  .work-assessments > article > div:last-child { grid-column: 2; }
  .work-budget-comparison { gap: 15px; }
  .work-budget-comparison strong { font-size: 16px; }
  .work-journal > article { display: block; padding-left: 17px; }
  .work-journal time { display: block; margin-bottom: 12px; }
  .work-calendar, .work-menu-calendar { grid-template-columns: 1fr; overflow: visible; }
  .work-day { min-height: 90px; }
  .work-day > header h3 { font-size: 14px; margin-bottom: 5px; }
  .work-event .work-facts { display: grid; }
  .work-inbox > article, .work-meetings > article, .work-inspection-list > article, .work-diary > article { grid-template-columns: 1fr; }
  .work-attendance > article, .work-loans > article { grid-template-columns: 1fr; }
  .work-inbox aside, .work-meetings aside { padding: 20px; }
  .work-route li { grid-template-columns: 1fr; gap: 10px; padding: 18px; }
}
@media (max-width: 440px) {
  .work-board { grid-auto-flow: row; grid-template-columns: 1fr; grid-auto-columns: auto; overflow: visible; }
  .work-budget-comparison { grid-template-columns: 1fr; }
  .work-budget-comparison strong { font-size: 21px; }
  .work-filters label, .work-filters label:first-child { min-width: 100%; }
  .work-card h3 { font-size: 18px; }
  .work-connection-path { gap: 8px; }
  .work-connection-path strong { padding: 12px; font-size: 13px; }
  .workspace-form-section { padding: 14px; }
}