.form-topline {display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;justify-content:space-between}
.form-topline form {margin:0}.text-button {border:0;background:none;color:var(--primary);font:inherit;text-decoration:underline;cursor:pointer;padding:0}
.notice {margin:22px 0}.notice.error {background:var(--danger-soft);border-color:#e5aaaa;color:var(--danger)}.notice.error p {color:inherit}
.error ul {margin:8px 0 0;padding-left:20px}.field [aria-invalid="true"] {border-color:var(--danger)}
.task-row {display:grid;grid-template-columns:minmax(0,1fr) 105px 100px;align-items:center;gap:18px;border-top:1px solid var(--line);padding:17px 0}
.task-row label {margin:0}.task-row small {display:block;color:var(--muted);font-weight:400}.task-row output {color:var(--primary);text-align:right;font-weight:700}
.task-row input {text-align:center}.task-header {display:grid;grid-template-columns:1fr 105px 100px;gap:18px;font-size:.85rem;color:var(--muted);padding-bottom:10px}.task-header span:last-child {text-align:right}
.subtotal {display:flex;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid var(--line);font-weight:700}
.score-panel {background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:24px}.score-value {font:700 2.7rem "Amaranth",sans-serif;color:var(--primary);display:block}.score-panel p {margin:6px 0 0}
.award-thresholds {display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.award-thresholds span,.status {background:#e5eef9;border-radius:8px;padding:5px 10px;font-size:.86rem;display:inline-block}.status-approved {background:var(--success-soft);color:var(--success)}.status-rejected {background:var(--danger-soft);color:var(--danger)}
.confirmation {display:flex;gap:10px;align-items:flex-start}.confirmation input {margin-top:7px;width:18px;height:18px;flex-shrink:0}
.form-actions {flex-wrap:wrap}.button:disabled {opacity:.55;cursor:wait}.review-shell {max-width:1180px}.review-grid {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start}.review-grid h2 {font-size:1.3rem}
.detail-grid {display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-grid dt {color:var(--muted);font-size:.88rem}.detail-grid dd {margin:3px 0 0;overflow-wrap:anywhere}.detail-grid .full-width {grid-column:1/-1}.multiline {white-space:pre-wrap;overflow-wrap:anywhere}
.review-filters {margin-bottom:24px;display:flex;gap:12px;align-items:end;flex-wrap:wrap}.review-filters .field {flex:1;min-width:180px}.table-wrap {overflow-x:auto}table {width:100%;border-collapse:collapse;text-align:left}th,td {padding:16px;border-bottom:1px solid var(--line);vertical-align:top}th {background:var(--soft);font-size:.88rem}td a {font-weight:700}td small {display:block;color:var(--muted)}
.history {list-style:none;padding:0;margin:0}.history li {border-left:3px solid var(--line);padding:0 0 22px 16px}.history small {display:block;color:var(--muted)}.history p {margin:8px 0 0}.review-controls {display:grid;gap:16px}.review-controls .button {width:100%}.decision-info {font-size:.9rem;color:var(--muted)}.empty-state {padding:40px 24px;text-align:center}.login-card {max-width:500px;margin:0 auto}.login-card .field {margin-bottom:20px}.receipt {padding:32px}.summary-meta {display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:24px}.attachment-link {overflow-wrap:anywhere}
.table-wrap + h3 {margin-top:24px}
@media(max-width:720px){.review-grid {grid-template-columns:1fr}.task-row,.task-header {grid-template-columns:minmax(0,1fr) 76px 58px;gap:10px}.task-row input {padding:9px 4px}.task-row label {font-size:.9rem}.detail-grid {grid-template-columns:1fr}.form-heading h1 {overflow-wrap:anywhere}.review-shell {padding-left:16px;padding-right:16px}th,td {padding:12px}.receipt {padding:24px}}
@media print{body {background:white}.form-topline,.form-footer,.no-print {display:none!important}.form-shell {padding:0;max-width:none}.review-grid {display:block}.form-card {box-shadow:none;overflow:visible;margin-bottom:20px}.form-section {break-inside:avoid}.form-heading h1 {font-size:26px}.table-wrap {overflow:visible}}
/* Workflow states always carry text in addition to colour. */
.status-pending {background:#ffdfb0;color:#763600}
.status-reviewing {background:#ffecd3;color:#854000}
.status-ready {background:#eee7ff;color:#57338b}
.status-correction {background:#fff0b9;color:#775000}
.status-approved {background:#dff3e3;color:#185f2f}
.status-delivered {background:#d8f1ef;color:#135b56}
.status-rejected {background:#ffe0e0;color:#9c2020}
.status-mail-failed,.status-mail-sending {background:#ffe0e0;color:#9c2020}
.status-mail-pending {background:#ffecd3;color:#854000}
.status-mail-sent {background:#dff3e3;color:#185f2f}
.status-mail-captured,.status-mail-cancelled {background:#edf0f4;color:#4e5868}
.button-warning {background:#ffecd3;color:#854000;cursor:pointer}
.button-danger {background:#ffe0e0;color:#9c2020;cursor:pointer}
.spaced-card,.template-body {margin-top:24px}
.mail-list {padding:0;list-style:none;margin:0}.mail-list li {padding:16px 0;border-bottom:1px solid var(--line)}.mail-list span,.mail-list small {display:block;overflow-wrap:anywhere}.mail-list .status {margin:6px 0}
.revision-detail {padding:12px 0;border-top:1px solid var(--line)}.revision-detail summary {cursor:pointer;color:var(--primary)}
.workflow-tabs,.selection-toolbar {display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.workflow-tabs a {text-decoration:none}
.print-row-checkbox {width:20px;height:20px;cursor:pointer}
.sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.print-application {margin-bottom:30px}
@media print{.print-application {break-before:page;border:0}.print-application:first-of-type {break-before:auto}.print-application .form-section {break-inside:auto}tr {break-inside:avoid}.status {print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.confirmation input {min-height:0;padding:0}

.filter-heading {margin-bottom:8px}.workflow-tabs {margin-top:8px}.workflow-tabs .button {border:2px solid transparent;padding:12px 18px;box-shadow:0 2px 4px #102c4c18}.workflow-tabs .button[aria-current="page"] {border-color:currentColor;text-decoration:underline;text-underline-offset:4px}.status-all {background:#e9edf2;color:#263b51}
.field-error {color:#a31d25;font-weight:600}.task-row .field-error {grid-column:1/-1}.confirmation {flex-wrap:wrap}.confirmation .field-error {flex-basis:100%}.validation-summary {display:block}.validation-summary a {color:inherit}.validation-summary:focus {outline:3px solid #a31d25;outline-offset:3px}
#reviewDialog {width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;border:0;border-radius:18px;color:#20344b;box-shadow:0 20px 70px #0005;box-sizing:border-box}#reviewDialog::backdrop {background:#142c48a8}#reviewDialog h2 {margin-top:0}#reviewDialog textarea {width:100%;box-sizing:border-box}.dialog-actions {display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}#reviewDialog .field {margin-top:20px}[hidden] {display:none!important}
.field .field-error,.task-row .field-error {color:#a31d25;font-weight:600}.confirmation > span {flex:1;min-width:0}

#reviewDialog .button-success {background:#23713a;color:#fff;border-color:#23713a}#reviewDialog .button-success:hover {background:#18572b;border-color:#18572b}#dialogChoice .button {white-space:normal;text-align:left}

.form-topline > a,.form-topline .text-button {display:inline-flex;align-items:center;gap:7px}.nav-icon {width:19px;height:19px;flex-shrink:0}

/* WordPress already supplies the page title and navigation. */
body.embedded .form-heading {display:none}
body.embedded .form-shell > .lead {margin:24px 30px}
@media(max-width:600px){body.embedded .form-shell > .lead {margin:20px 16px}}
