/* Working screens use the canonical Formuj tokens, not marketing typography. */
.work-page{max-width:var(--size-page-max);margin:0 auto;padding:var(--space-32);font-size:var(--type-body-size);line-height:var(--type-body-line-height)}
.work-page h1{font-family:var(--font-body);font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);line-height:var(--type-h1-line-height);letter-spacing:-.035em;overflow-wrap:anywhere}
.work-page h1:focus{outline:none}
.work-field{display:grid;gap:var(--space-8)}
.work-page h2{font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:var(--type-h2-line-height);margin-bottom:var(--space-16)}
.work-page h3{font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-line-height);margin:var(--space-16) 0}
.work-page h4{font-size:1rem;margin:var(--space-24) 0 var(--space-8)}
.work-breadcrumb{margin-bottom:var(--space-24)}
.work-breadcrumb a,.plan-reading a{color:var(--link);text-underline-offset:.2em;display:inline-block;min-height:var(--size-touch);padding:var(--space-8) 0}
.work-page .page-heading{margin-bottom:var(--space-24)}
.work-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-32);min-width:0}
.work-panel>p,.work-intro{margin-bottom:var(--space-20);max-width:66ch}
.work-section{margin-top:var(--space-32)}
.work-section>label,.work-section>.work-field{display:grid;gap:var(--space-8);margin-top:var(--space-16)}
.work-section>.row-tools{margin:var(--space-16) 0}
.work-meta{font-size:var(--type-label-size);color:var(--muted);line-height:1.6;overflow-wrap:anywhere}
.work-page .badge{background:var(--surface-subtle);color:var(--muted);font-size:var(--type-label-size)}
.work-page .badge.active{background:var(--success-soft);color:var(--success)}
.work-empty{padding:var(--space-24) 0;color:var(--muted)}
.work-note{padding:var(--space-16) var(--space-20);background:var(--warning-soft);color:var(--warning);border-radius:var(--radius-control);margin:var(--space-16) 0 var(--space-24)}
.training-summary{background:var(--surface-subtle);color:var(--ink)}
.work-tabs{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-24)}
.work-tabs>a,.work-tabs>button{padding:var(--space-12) var(--space-16);min-height:var(--size-control);text-decoration:none;border-bottom:2px solid transparent;font-size:var(--type-label-size);border-radius:var(--radius-control)}
.work-tabs [aria-current=page],.work-tabs [aria-pressed=true]{background:var(--surface-subtle);border-bottom-color:var(--ink);font-weight:700;color:var(--ink)}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-16);flex-wrap:wrap;margin-bottom:var(--space-16)}
.section-heading h2,.section-heading h3{margin:0}
.work-page input,.work-page textarea,.work-page select,dialog select{font:inherit;font-size:var(--type-body-size);border:1px solid var(--control-line);border-radius:var(--radius-control);padding:var(--space-12);background:var(--surface);color:var(--ink);width:100%;min-width:0;min-height:var(--size-control)}
.work-page label,dialog label{font-size:var(--type-label-size);line-height:1.5;font-weight:600}
.work-page input::placeholder,.work-page textarea::placeholder{color:var(--muted)}
.work-page select:focus-visible,dialog select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.work-page .primary,.work-page .secondary,.work-page .quiet,.work-home-actions a,.coach-work-links a,.pending-panel a{min-height:var(--size-control);font-size:var(--type-label-size);text-decoration:none;text-align:center;white-space:normal;overflow-wrap:anywhere}
.work-page .primary:active{background:var(--orange-pressed)}
.work-page .secondary{background:var(--surface);border:1px solid var(--control-line)}
.work-page .secondary:hover{background:var(--surface-subtle)}
.work-page button:disabled{cursor:not-allowed;opacity:1;background:var(--disabled-bg);color:var(--disabled-text)}
.work-page [aria-busy=true]{cursor:progress}
.work-page fieldset{min-width:0;border:0;border-top:1px solid var(--line);padding:var(--space-24) 0 0;margin:0;display:grid;gap:var(--space-16)}
.work-page legend{font-size:var(--type-h3-size);font-weight:700;padding:0 var(--space-12) 0 0;overflow-wrap:anywhere}
.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-16)}
.meal-grid{grid-template-columns:2fr 1fr}
.editor-rows{display:grid;gap:var(--space-32);margin:var(--space-24) 0}
.row-tools,.editor-actions,.work-home-actions,.coach-work-links{display:flex;flex-wrap:wrap;gap:var(--space-12)}
.editor-actions{border-top:1px solid var(--line);padding-top:var(--space-24);margin-top:var(--space-16)}
.template-picker{margin-bottom:var(--space-24);padding:var(--space-20);background:var(--surface-subtle);border-radius:var(--radius-control)}
.template-picker>p,.template-picker>label{margin-bottom:var(--space-16)}
.work-page summary{cursor:pointer;min-height:var(--size-touch);padding:var(--space-12) 0;line-height:1.6;overflow-wrap:anywhere}
.version-row{border-bottom:1px solid var(--line);padding:var(--space-8) 0}
.version-row .badge{margin-left:var(--space-8)}
.plan-reading{max-width:66ch;overflow-wrap:anywhere}
.plan-items{padding-left:var(--space-24);margin:var(--space-16) 0;display:grid;gap:var(--space-24)}
.plan-items p{margin-top:var(--space-4)}
.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}
.activity-forms,.review-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-24);align-items:start}
.activity-forms form{margin-top:var(--space-24)}
.entry-series-list{display:grid;gap:var(--space-24)}
.entry-series{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8);font-variant-numeric:tabular-nums}
.entry-series>span,.entry-series>.form-error{grid-column:1/-1}
.entry-series>span{font-size:var(--type-label-size);font-weight:600}
.entry-series label{overflow-wrap:anywhere}
.series-history{list-style:none;padding:0;margin:var(--space-12) 0}
.series-history li{display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-16);padding:var(--space-8) 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.series-history li>span:first-child{font-weight:600}
.report-reading{padding:var(--space-24) 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.report-reading>p{margin-bottom:var(--space-16)}
.report-reading .section-heading h3{margin:0}
.coach-reply{padding:var(--space-20);background:var(--surface-subtle);border-radius:var(--radius-control)}
.coach-reply h4{margin-top:0}
.review-list{padding:0;margin-top:var(--space-16)}
.review-list>.work-empty{padding:var(--space-32)}
.review-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);padding:var(--space-24);text-decoration:none;min-height:5.5rem;border-bottom:1px solid var(--line);color:var(--ink)}
.review-row:last-child{border-bottom:0}
.review-row:hover{background:var(--surface-subtle)}
.review-row>span:first-child{min-width:0;display:grid;gap:var(--space-8);overflow-wrap:anywhere}
.review-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:var(--type-label-size)}
.review-layout form{margin-top:var(--space-24)}
.review-response{margin-top:var(--space-24)}
.review-response form{margin-top:0}
.review-mobile-tabs{display:none}
.review-queue{display:none;padding:var(--space-20)}
.review-queue a{display:grid;gap:var(--space-8);min-height:var(--size-touch);padding:var(--space-16) var(--space-12);margin:var(--space-12) 0;text-decoration:none;border-radius:var(--radius-control);border-left:3px solid transparent;overflow-wrap:anywhere}
.review-queue a span{font-size:var(--type-label-size);color:var(--muted)}
.review-queue a:hover,.review-queue [aria-current=page]{background:var(--surface-subtle)}
.review-queue [aria-current=page]{border-left-color:var(--orange)}
.review-response>a{margin-top:var(--space-16)}
@media(min-width:1280px){.review-layout{grid-template-columns:var(--size-sidebar) minmax(0,1fr) minmax(0,1fr)}.review-queue{display:block;position:sticky;top:var(--space-24);max-height:calc(100vh - 48px);overflow:auto;align-self:start}}
.review-plan .secondary{margin-top:var(--space-24)}
#comparison:not(:empty){margin-top:var(--space-32)}
.work-home-actions{margin:var(--space-24) 0}
.coach-work-links{margin-bottom:var(--space-24)}
.pending-panel{display:flex;gap:var(--space-24);align-items:center;justify-content:space-between;margin-bottom:var(--space-24)}
.pending-panel h2{margin:var(--space-8) 0;font-size:var(--type-h2-size)}
.pending-panel a{flex-shrink:0}
dialog [data-work-form]{margin-top:var(--space-24)}
dialog .plan-reading{font-size:1rem}
.form-error{color:var(--danger)}
.schedule-panel{margin-bottom:var(--space-24)}
.schedule-panel details{margin-top:var(--space-16)}
.schedule-panel form{margin-top:var(--space-24);max-width:40rem}
.schedule-confirm{display:flex;align-items:flex-start;gap:var(--space-12);margin:var(--space-20) 0}
.schedule-confirm input{width:1.5rem;min-width:1.5rem;height:1.5rem;min-height:1.5rem;margin-top:var(--space-4)}
.schedule-overdue{padding-left:var(--space-20)}
.schedule-overdue li{margin:var(--space-20) 0}
@media(max-width:1023px){.activity-forms,.review-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:699px){.work-page{padding:var(--space-24) var(--space-20)}.work-page h1{font-size:2rem}.work-panel{padding:var(--space-24)}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid>label:last-child:nth-child(3){grid-column:1/-1}.meal-grid{grid-template-columns:minmax(0,1fr)}.editor-actions{flex-direction:column}.editor-actions>button{width:100%}.review-row{flex-wrap:wrap;padding:var(--space-20);gap:var(--space-12)}.review-row>span:first-child{flex-basis:100%}.work-tabs>a,.work-tabs>button{padding:var(--space-12)}.work-home-actions>a{flex:1 1 100%}.pending-panel{align-items:stretch;flex-direction:column}.work-page .badge{white-space:normal}.work-page .work-panel .work-panel{padding:var(--space-16)}}
@media(max-width:359px){.field-grid{grid-template-columns:minmax(0,1fr)}.work-panel{padding:var(--space-20)}.work-page{padding-left:var(--space-16);padding-right:var(--space-16)}}
@media(max-width:699px){
  .review-mobile-tabs{display:flex}
  .review-mobile-tabs>button{flex:1;padding:var(--space-8)}
  .review-response{margin-top:0}
  .review-layout[data-mobile-panel=report] [data-review-panel]:not([data-review-panel=report]),
  .review-layout[data-mobile-panel=plan] [data-review-panel]:not([data-review-panel=plan]),
  .review-layout[data-mobile-panel=reply] [data-review-panel]:not([data-review-panel=reply]),
  .review-layout[data-mobile-panel=plan] .review-main{display:none}
}