/* Shared ORDER/STOCK foundation, following Claude Design's 2026-10-04 handoff.
   Native neutral sans fallback; no external font or authentication dependency. */
:root {
  --text:#222; --secondary:#55534d; --muted:#6b6962;
  --border:#d9d6cd; --divider:#ecebe6; --input-border:#bdb9ae;
  --surface:#fff; --subtle:#fafaf8; --brand:#28613f;
  --space-1:8px; --space-2:12px; --space-3:16px; --space-4:20px;
  --space-5:24px; --space-6:32px; --space-7:40px;
  --radius-card:14px; --radius-control:10px;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text); background:var(--surface); font-size:18px; line-height:1.5;
}
*{box-sizing:border-box}
body{margin:0}
a{color:#23563e}
button,input,select,textarea{font:inherit;line-height:inherit}
button,.button{min-height:48px;border:1px solid var(--border);border-radius:var(--radius-control);padding:10px 22px;background:var(--surface);color:var(--secondary);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:17px;white-space:nowrap}
button:hover,.button:hover{background:#f0f5ed}
button:disabled{opacity:.55;cursor:default}
.primary{background:var(--brand);color:#fff;border-color:var(--brand)}
.primary:hover{background:#214f34}
.top{display:flex;align-items:center;gap:var(--space-5);padding:20px 32px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}
.brand{font-weight:700;text-decoration:none;color:#253b2b;display:flex;gap:var(--space-3);align-items:center}
.brand strong{font-size:22px;border-left:1px solid var(--border);padding-left:var(--space-3)}
.brand-logo{display:block;width:190px;height:auto;flex:none}
.return{font-size:16px;text-decoration:none}
#context{margin-left:auto;font-size:16px;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0}
.muted,small{color:var(--muted)}
.fixed{font-size:15px}
.shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:calc(100vh - 96px)}
nav{background:var(--subtle);border-right:1px solid var(--border);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}
nav a{min-height:48px;padding:12px 16px;border-radius:var(--radius-control);text-decoration:none;color:var(--secondary);font-size:17px}
nav a[aria-current=page]{background:var(--brand);color:#fff}
main{padding:32px 40px;max-width:1520px;width:100%;min-width:0;overflow:hidden}
h1{font-size:32px;line-height:1.2;letter-spacing:-.01em;margin:0 0 var(--space-5);font-weight:700}
h2{font-size:22px;line-height:1.35;font-weight:600;margin:0 0 var(--space-3)}
p{margin:0 0 var(--space-3)}
.row{display:flex;gap:var(--space-5);align-items:center;flex-wrap:wrap}
.spread{justify-content:space-between}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px 24px;margin:var(--space-5) 0}
.table-wrap{overflow:auto}
table{border-collapse:collapse;width:100%;text-align:left;font-size:18px;line-height:1.5}
th,td{border-bottom:1px solid var(--divider);padding:18px 12px;white-space:nowrap}
th{font-size:15px;font-weight:600;letter-spacing:.02em;color:var(--muted);padding:12px;border-bottom-color:var(--border)}
tr:last-child td{border-bottom:0}
.badge{display:inline-block;border:1px solid var(--border);background:#f0f5ed;border-radius:8px;font-size:15px;padding:6px 12px;white-space:nowrap}
.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:15px;overflow-wrap:anywhere}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5)}
form{max-width:820px}
label{display:block;margin:var(--space-4) 0;color:var(--secondary)}
input,select,textarea{display:block;width:100%;min-height:48px;margin-top:var(--space-1);padding:12px 16px;border:1px solid var(--input-border);border-radius:var(--radius-control);background:var(--surface);color:var(--text)}
textarea{min-height:112px;resize:vertical}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #a8c49a;outline-offset:3px}
fieldset{padding:0;border:0;margin:0;min-width:0}
.actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-5)}
.notice,#notice:not(:empty){padding:16px 32px;background:#fdf8ee;border-bottom:1px solid #e0c48f}
#notice:empty{display:none}
.empty,.loading{max-width:760px;margin:var(--space-7) auto;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}
.stat{font-size:24px;font-weight:700;line-height:1.35;margin-top:var(--space-1)}
.unit-id{word-break:break-all;white-space:normal}
.danger,.error{color:#b03a2e}
.inline-select{width:auto;margin:0}
.mobile-note,.small{font-size:16px}
.description{line-height:1.6}
dialog{max-width:760px;width:calc(100% - 2rem);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-5)}
dialog::backdrop{background:#16261755}
#logout[hidden]{display:none}
@media(max-width:720px){
  :root{font-size:17px;line-height:1.45}
  .top{padding:18px;gap:12px}
  .return{width:100%}
  .brand strong{font-size:20px}
  .brand-logo{width:155px}
  #context{width:100%;margin:0;gap:8px;font-size:15px}
  .shell{display:block}
  nav{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto;padding:8px;position:sticky;top:0;z-index:1}
  nav a{white-space:nowrap;font-size:16px}
  main{padding:24px 18px}
  h1{font-size:24px}
  h2{font-size:22px}
  .panel{padding:20px 18px;margin:20px 0}
  .grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
  .empty,.loading{margin:20px 0;padding:24px}
  .actions button{flex:1;min-width:140px;min-height:52px}
  table{font-size:17px}
  th,td{padding:16px 12px}
  .top #logout{margin-left:auto}
  .row{gap:16px}
}
/* CD unit-label handoff: identity stays on the label; live data stays outside it. */
.unit-label{max-width:620px;display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;padding:20px;border:1px dashed #9a978e;background:white;color:#222;margin:24px 0}
.label-qr{width:200px;max-width:100%;align-self:center;line-height:0}
.label-qr svg{display:block;width:100%;height:auto;aspect-ratio:1;background:white}
.label-copy{min-width:0;font-size:17px}
.label-copy h2{font-size:22px;margin:12px 0}
.label-copy p{margin:12px 0}
.label-logo{display:block;width:160px;max-width:100%;height:auto}
.label-id{font-size:17px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
@media(max-width:720px){
  .unit-label{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding:20px 12px}
  .label-qr{width:180px}.label-logo{margin:auto}.label-copy{max-width:100%}
}
@media print{
  body[data-unit-label]{background:white}
  body[data-unit-label]>.top,body[data-unit-label]>#notice,body[data-unit-label] .shell>nav{display:none!important}
  body[data-unit-label] .shell{display:block;min-height:0}
  body[data-unit-label] main{padding:0;max-width:none}
  body[data-unit-label] main>*{display:none!important}
  body[data-unit-label] main>.unit-label-preview{display:block!important;padding:0;margin:0;border:0;box-shadow:none}
  body[data-unit-label] .unit-label-preview>*{display:none!important}
  body[data-unit-label] .unit-label-preview>#printable-unit-label{display:grid!important;border:0;margin:0;break-inside:avoid}
}

.below-minimum{background:#fae7e5;color:#9b2c26}.minimum-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;max-width:1000px}.minimum-layout dl{display:grid;grid-template-columns:150px 1fr;gap:8px}.minimum-layout dd{margin:0}.minimum-layout input[name=minimum]{max-width:160px}.minimum-history{border-top:1px solid var(--line);padding:16px 0}.minimum-history p{overflow-wrap:anywhere}@media(max-width:800px){.minimum-layout{grid-template-columns:1fr}.minimum-layout dl{grid-template-columns:1fr 1fr}}

.quantity-summary{background:#fafaf7;border:1px solid var(--line);border-radius:12px;padding:20px;margin:20px 0}.quantity-summary>strong{font-size:20px;font-weight:600}.quantity-summary>p{font-size:17px}.quantity-summary>p.small{font-size:15px}

[hidden]{display:none!important}

/* CD daily inventory pass: overview first, retained history on demand. */
.secondary-navigation summary{min-height:48px;padding:12px 16px;color:var(--secondary);cursor:pointer;border-radius:var(--radius-control);font-size:17px}
.secondary-navigation summary:focus-visible,.inventory-breakdown summary:focus-visible{outline:3px solid #a8c49a;outline-offset:3px}
.secondary-navigation>div{display:flex;flex-direction:column;gap:var(--space-1);padding-left:8px}
.inventory-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:var(--space-5);margin:var(--space-5) 0}
.inventory-card{margin:0;min-width:0}
.inventory-card h2{overflow-wrap:anywhere;margin-bottom:8px}
.inventory-quantities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:24px 0}
.inventory-quantities dt{font-size:15px;color:var(--muted);overflow-wrap:anywhere}
.inventory-quantities dd{font-size:26px;font-weight:600;margin:8px 0 0;overflow-wrap:anywhere}
.inventory-breakdown{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}
.inventory-breakdown summary{cursor:pointer;color:var(--secondary);min-height:48px;padding:10px 0}
.inventory-breakdown .inventory-quantities{grid-template-columns:repeat(2,minmax(0,1fr))}
.inventory-breakdown dd{font-size:20px}
@media(max-width:720px){
  nav>.secondary-navigation{flex:none}
  .secondary-navigation summary{white-space:nowrap;font-size:16px}
  nav[aria-label="STOCK navigation"]{position:static;align-items:flex-start}
  .secondary-navigation[open]{min-width:240px}
  .secondary-navigation>div{max-height:220px;overflow-y:auto}
  .inventory-quantities{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .inventory-card .actions .button{white-space:normal;flex:1;min-width:0;text-align:center}
}

.supplier-return-layout{grid-template-columns:1fr 1.15fr;max-width:1180px}.supplier-return-layout form{max-width:none}.supplier-return-layout td{overflow-wrap:anywhere}.supplier-return-layout .button,.supplier-return-layout #review-supplier-return{margin:12px 8px 0 0}@media(max-width:800px){.supplier-return-layout{grid-template-columns:1fr}}

/* CD guided movements: one desktop overlay, full-screen task on mobile. */
#stock-task-dialog{border:0;border-radius:18px;padding:28px 32px;width:calc(100% - 64px);max-width:640px;max-height:calc(100dvh - 64px);overflow:auto;box-shadow:0 18px 50px #0003;color:var(--text)}
#stock-task-dialog::backdrop{background:#22222252}
#stock-task-dialog h2{font-size:26px;outline:none;margin:16px 0 20px}
#stock-task-dialog form{max-width:none}
#stock-task-dialog button{white-space:normal;min-height:52px}
.task-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px}
#stock-task-dialog progress{display:block;width:100%;height:4px;margin-top:12px;accent-color:var(--brand)}
.task-unit{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px 20px;margin:0 0 20px}
.task-unit dt,.task-unit dd{margin:0;border-top:1px solid var(--divider);padding-top:12px;overflow-wrap:anywhere}
.task-unit dt{color:var(--muted);font-size:16px}
.task-effect{padding:16px;background:var(--subtle);border-radius:12px;font-weight:600}
.task-success{padding:16px;background:#f2f8fa;color:#2f6f8f;border:1px solid #b9d3dd;border-radius:12px}
#task-notice:not(:empty){color:#9b2c26;padding:12px 0;overflow-wrap:anywhere}
@media(max-width:720px){#stock-task-dialog{margin:0;inset:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;border-radius:0;padding:24px 20px}.task-unit{grid-template-columns:110px minmax(0,1fr);gap:12px}.task-top{font-size:15px}#stock-task-dialog .actions{gap:12px}#stock-task-dialog .actions button{flex:1;min-width:0}}

.receipt-task{max-width:720px;margin:24px auto;padding:32px;font-size:18px;line-height:1.55}
.receipt-task h1{font-size:30px;margin:12px 0 24px}.receipt-task label{font-size:18px}.receipt-task input,.receipt-task select{font-size:18px;min-height:48px}.receipt-task button{min-height:48px;font-size:18px;margin-right:10px}.receipt-task fieldset{margin-bottom:24px}.receipt-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;font-size:15px;margin:24px 0}.receipt-counts strong{display:block;font-size:28px}.receipt-order{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid var(--border)}#receipt-notice:not(:empty){color:#9b2c26;padding:12px 0;overflow-wrap:anywhere}
@media(max-width:720px){.receipt-task{margin:0;padding:24px 20px}.receipt-task h1{font-size:26px}.receipt-task .actions{gap:12px}.receipt-task .actions button{flex:1;margin:0}.receipt-counts{gap:8px;font-size:13px}.receipt-counts strong{font-size:24px}.receipt-order{align-items:flex-start;flex-direction:column;gap:12px}}
.case-task,.case-progress{max-width:940px;margin:16px auto;padding:32px;font-size:18px;line-height:1.6}
.case-task h1,.case-progress h1{font-size:32px;line-height:1.2;margin:8px 0 24px}
.case-task h2,.case-progress h2{font-size:21px;line-height:1.3;margin:0 0 8px}
.case-task form{margin-top:28px;max-width:680px}
.case-task label{margin-bottom:22px}
.case-task input,.case-task select{min-height:48px;font-size:18px}
.case-task button,.case-progress .button{min-height:46px;margin:8px 12px 8px 0}
.case-lines article{display:flex;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line,#e2e8e2)}
.case-lines article>div{flex:1;min-width:0}.case-lines p{margin:4px 0}.case-total{font-size:24px;font-weight:650;margin:16px 0}
.case-task details{margin-top:28px;font-size:15px}.case-list article{padding:24px 0;border-bottom:1px solid #e2e8e2}
@media(max-width:700px){.case-task,.case-progress{padding:22px 18px;margin:8px 0}.case-lines article{flex-wrap:wrap;gap:8px}.case-lines article>div{flex-basis:100%}.case-task h1,.case-progress h1{font-size:28px}.case-task select{max-width:100%}}

.sourcing-task{max-width:940px;margin:auto;font-size:18px;line-height:1.6;padding:32px}.sourcing-task h1{font-size:32px;line-height:1.2}.sourcing-task h2{font-size:24px}.sourcing-task form{max-width:640px;margin:24px 0}.sourcing-task input,.sourcing-task select,.sourcing-task button{min-height:48px;font-size:18px}.sourcing-task label{margin-bottom:20px}.sourcing-task dl,.offer-card dl{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:12px 24px}.sourcing-task dd,.offer-card dd{margin:0;overflow-wrap:anywhere}.sourcing-task dt,.offer-card dt{color:var(--muted)}.sourcing-task button{margin:8px 12px 8px 0}.sourcing-task details{margin-top:28px}.sourcing-queue article{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid #e2e8e3}.sourcing-queue article:last-child{border:0}.offer-card{margin:24px 0}.offer-card .small{overflow-wrap:anywhere}@media(max-width:700px){.sourcing-task{padding:24px 18px}.sourcing-task h1{font-size:28px}.sourcing-task dl,.offer-card dl{grid-template-columns:1fr;gap:4px}.sourcing-task dd,.offer-card dd{margin-bottom:14px}.sourcing-queue article{align-items:stretch;flex-direction:column}}

/* Existing CD five-step invoice task: one component, one next clarification. */
.invoice-task{max-width:820px;margin:16px auto;padding:36px;font-size:18px;line-height:1.6}
.invoice-task h1{font-size:32px;line-height:1.2;margin:10px 0 26px;outline:none}
.invoice-task h2{font-size:24px;margin:20px 0 16px}.invoice-task form{max-width:640px;margin:28px 0}
.invoice-task input,.invoice-task select,.invoice-task button,.invoice-task .button{font-size:18px;min-height:48px;max-width:100%;white-space:normal}
.invoice-task button,.invoice-task .button{margin:8px 10px 8px 0}.invoice-task label{margin-bottom:22px}
.invoice-task p,.invoice-task dd{overflow-wrap:anywhere}.invoice-task details{margin-top:28px;font-size:16px}
.invoice-splits{padding:0;list-style:none}.invoice-splits li{padding:20px 0;border-bottom:1px solid var(--divider);display:flex;align-items:center;gap:20px}
.invoice-splits li p{flex:1}.invoice-next{padding:24px;border-radius:14px;background:var(--subtle);margin:28px 0}
@media(max-width:720px){.invoice-task{padding:24px 18px;margin:0}.invoice-task h1{font-size:28px}.invoice-task .task-unit{grid-template-columns:1fr;gap:4px}.invoice-task dd{margin-bottom:14px}.invoice-task .actions button{flex:1;margin:0}.invoice-splits li{flex-wrap:wrap;gap:8px}.invoice-splits li p{flex-basis:100%}.invoice-task select{width:100%}}

.basis-lines label{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:12px}.basis-lines input[type=checkbox]{width:22px;height:22px;min-height:22px;margin:0}.basis-lines .basis-reference{display:flex}

/* CD: ORDER Extra Amount.dc.html, 06 October. One three-step task per PO. */
.extra-task {font-size:18px;line-height:1.5;max-width:1200px;margin:auto;color:#222}
.extra-task h1 {font-size:34px;line-height:1.2;letter-spacing:-.01em;margin:8px 0 20px}
.extra-task h2 {font-size:26px;line-height:1.25;margin:0 0 24px}
.extra-task h3 {font-size:20px}
.extra-heading {display:flex;gap:24px;align-items:center;margin-bottom:32px;flex-wrap:wrap}
.extra-heading h1 {margin-bottom:0}
.extra-step {margin-left:auto;color:#6b6962;font-size:16px}
.extra-layout {display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:32px;align-items:start}
.extra-body,.extra-state,.extra-card {background:white;border:1px solid #d9d6cd;border-radius:16px;padding:32px;min-width:0}
.extra-state {font-size:16px;background:#faf9f6;overflow-wrap:anywhere}
.extra-state h2 {font-size:20px;margin-bottom:16px}
.extra-state .mono {font-size:14px}
.extra-task button,.extra-task .button {font-size:18px;min-height:56px;padding:12px 24px;border-radius:12px;white-space:normal;max-width:100%}
.extra-task .primary {background:#222;color:white;border-color:#222}
.extra-task button:focus-visible,.extra-task a:focus-visible,.extra-task input:focus-visible,.extra-task textarea:focus-visible {outline:3px solid #2f6f8f;outline-offset:3px}
.extra-task label {font-size:18px;display:flex;flex-direction:column;gap:8px;margin-bottom:24px}
.extra-task input,.extra-task textarea {font-size:18px;line-height:1.5;padding:14px 16px;min-height:56px;border:1px solid #bdb9ae;border-radius:12px}
.extra-task textarea {resize:vertical}
.extra-task .extra-choice {flex-direction:row;align-items:center;padding:18px 20px;border:1px solid #bdb9ae;border-radius:14px}
.extra-choice input {min-height:24px;flex:none}
.extra-numbers {border:1px solid #ecebe6;border-radius:16px;overflow:hidden;margin:24px 0}
.extra-numbers div {display:flex;justify-content:space-between;gap:24px;padding:20px;border-bottom:1px solid #ecebe6;flex-wrap:wrap}
.extra-numbers div:last-child {border-bottom:none}
.extra-numbers dd {margin:0;font-weight:600;overflow-wrap:anywhere}
.extra-numbers small {display:block;font-size:15px;color:#6b6962}
.extra-amount {font-size:28px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.extra-task details {margin-top:24px;font-size:16px}
.extra-task summary {cursor:pointer;min-height:44px;color:#2f6f8f}
.basis-task .basis-lines label {display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px}
.basis-task .basis-lines input[type=checkbox] {width:24px;height:24px;min-height:24px;padding:0;margin:3px 0}
.basis-task .basis-lines .basis-reference {display:flex;align-items:stretch}
.basis-task .basis-used {color:#6b6962;background:#f5f4f0;padding:12px;border-radius:12px}
.extra-footer {display:flex;gap:16px;justify-content:space-between;margin-top:32px;flex-wrap:wrap}
.extra-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}
.extra-card {display:flex;flex-direction:column;gap:16px}
.extra-card h2,.extra-card p {margin:0}
.extra-card .button {margin-top:auto}
@media(max-width:700px) {
 .extra-task h1 {font-size:28px}.extra-task h2 {font-size:24px}
 .extra-heading {gap:16px;margin-bottom:24px}.extra-step {margin-left:0}
 .extra-layout,.extra-cards {grid-template-columns:minmax(0,1fr);gap:24px}
 .extra-body,.extra-state,.extra-card {padding:24px 20px}
 .extra-footer {position:sticky;bottom:0;background:white;padding:16px 0 8px;z-index:2}
 .extra-footer button {flex:1}.extra-numbers div {gap:12px;padding:18px 16px}
}

.preparation-task .extra-body {overflow-wrap:anywhere}
.preparation-open {margin-top:32px;padding-top:24px;border-top:1px solid #ecebe6}
.preparation-task .extra-step {font-size:18px}

@media(max-width:700px) {.preparation-task .extra-footer .primary {flex-basis:100%;width:100%}}

.mapping-task {font-size:18px;line-height:1.55}
.mapping-task .extra-body {overflow-wrap:anywhere}
.mapping-task .mapping-candidate {display:flex;flex-direction:row;align-items:flex-start;gap:16px;border:1px solid #e2e5df;border-radius:14px;padding:18px;margin:12px 0}
.mapping-task .mapping-candidate input[type=radio],.mapping-task .mapping-confirm input[type=checkbox] {width:20px;height:20px;flex:0 0 20px;margin-top:5px}
.mapping-task .mapping-unavailable {opacity:.65}
.mapping-task .mapping-pagination {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}
.mapping-task .mapping-confirm {display:flex;flex-direction:row;align-items:flex-start;gap:14px;margin-top:28px}
.mapping-task .extra-state details {overflow-wrap:anywhere}
@media(max-width:700px) {.mapping-task .extra-footer .primary {flex-basis:100%;width:100%}.mapping-task .mapping-pagination {flex-wrap:wrap}}

.price-task .extra-body {overflow-wrap:anywhere}
.price-task label.price-choice {flex-direction:row;align-items:flex-start;gap:12px}
.price-task .price-choice input[type=radio],.price-task .price-choice input[type=checkbox] {width:24px;height:24px;min-height:24px;flex:0 0 24px;padding:0;margin:3px 0}
@media(max-width:700px) {.price-task .extra-footer .primary {flex-basis:100%;width:100%}}

.delivery-task .extra-body {overflow-wrap:anywhere}
.delivery-task label.delivery-choice {flex-direction:row;align-items:flex-start;gap:12px}
.delivery-task .delivery-choice input[type=radio],.delivery-task .delivery-choice input[type=checkbox] {width:24px;height:24px;min-height:24px;flex:0 0 24px;padding:0;margin:3px 0}
@media(max-width:700px) {.delivery-task .extra-footer .primary {flex-basis:100%;width:100%}}

.completion-task .extra-body {overflow-wrap:anywhere}
@media(max-width:700px) {.completion-task .extra-footer .primary {flex-basis:100%;width:100%}}