/* v330: Familiar Training Orders presentation. Reuses original v216/v217 card,
 * filter, order-row and button classes. No new page layout. */
#portalWorkspace #sts330Orders .sts216-orders{max-width:1300px;margin:0 auto}
#portalWorkspace #sts330Orders .sts216-worklist{margin-top:15px}
#portalWorkspace #sts330Orders .sts216-row{align-items:center;gap:10px}
#portalWorkspace #sts330Orders .sts216-row>div{min-width:0}
#portalWorkspace #sts330Orders .sts216-row small{display:block;overflow-wrap:anywhere}
#portalWorkspace #sts330Orders .sts216-row .sts216-action{white-space:nowrap}
#portalWorkspace #sts330Orders .sts330-cancelled{border-left:4px solid #d03248}
#portalWorkspace #sts330Orders .sts330-tools{display:flex;gap:8px;flex-wrap:wrap}
#portalWorkspace #sts330Orders .sts330-error{background:#fff0f2;color:#922b41;border:1px solid #dd7c8b;padding:12px;border-radius:8px}
#portalWorkspace #sts330Orders .sts217-datefilter label{display:flex;flex-direction:column;gap:4px}
#portalWorkspace #sts330Orders .sts217-datefilter input{font-size:13px;min-height:40px}
#portalWorkspace #sts330Orders .sts216-foot{font-size:12px;margin-top:16px}
#portalWorkspace[data-sts-theme="dark"] #sts330Orders .sts216-row strong,
#portalWorkspace[data-sts-theme="dark"] #sts330Orders .sts216-row .sts216-reason{color:#f3faff!important}
#portalWorkspace[data-sts-theme="dark"] #sts330Orders .sts216-row small{color:#d2e7f6!important}
#portalWorkspace[data-sts-theme="dark"] #sts330Orders .sts216-worklist-header{color:#f2f8ff!important}
#portalWorkspace[data-sts-theme="light"] #sts330Orders .sts216-row strong{color:#143b58!important}
.sts330-dialog{width:min(1060px,96vw);max-width:none;max-height:92vh;overflow:auto;box-sizing:border-box;
 border:2px solid #1785d5;border-radius:12px;padding:20px 23px;background:#fff;color:#183751;
 font-family:inherit}
.sts330-dialog::backdrop{background:rgba(9,20,32,.77)}
.sts330-dialog .sts330-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:14px;flex-wrap:wrap}
.sts330-dialog .sts330-title h2{margin:4px 0 7px;font-size:23px;color:inherit}
.sts330-dialog .sts330-title p{margin:2px 0 4px}
.sts330-dialog .sts330-title small{font-size:11px;letter-spacing:.04em;font-weight:750;color:#246f9c}
.sts330-dialog .sts330-title>button,.sts330-dialog .sts330-footer>button:not(.blue),
.sts330-dialog .sts330-title>div>button{
 background:#eef6fc;color:#164c74;border:1px solid #75a3c5;border-radius:7px;padding:9px 13px;font-weight:750;cursor:pointer
}
.sts330-dialog .sts330-step{margin:12px 0 18px;border:1px solid #c5dbe9;border-left:4px solid #1684d3;
 border-radius:9px;padding:12px 15px;background:#f8fbfd;color:inherit}
.sts330-dialog .sts330-step:nth-of-type(even){border-left-color:#d52f45}
.sts330-dialog .sts330-step h3{margin:0 0 14px;font-size:16px;color:inherit}
.sts330-dialog .sts330-step h3>span{display:inline-block;background:#167ec4;color:#fff;font-size:11px;
 font-weight:850;margin-right:10px;padding:6px 8px;border-radius:5px}
.sts330-dialog .sts330-step:nth-of-type(even) h3>span{background:#c52a44}
.sts330-dialog .sts330-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sts330-dialog .sts330-fields label{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:12px;font-weight:750}
.sts330-dialog .sts330-fields input,.sts330-dialog .sts330-fields textarea,.sts330-dialog .sts330-fields select,
.sts330-dialog .sts330-controls select,.sts330-dialog .sts330-extradate input{
 width:100%;box-sizing:border-box;background:#fff;color:#163750;border:1px solid #91acc1;border-radius:6px;
 min-height:37px;padding:8px 10px;font-family:inherit;font-size:13px
}
.sts330-dialog .sts330-fields .sts330-wide{grid-column:1/-1}
.sts330-dialog .sts330-fields input[readonly]{background:#e4edf3;color:#42627c}
.sts330-dialog .sts330-extra{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}
.sts330-dialog .sts330-extradate{display:flex;gap:8px;align-items:end;font-size:12px;font-weight:750}
.sts330-dialog .sts330-extradate input{width:160px}
.sts330-dialog .sts330-extradate button{padding:9px;border:1px solid #b7cbdc;border-radius:5px;background:#fff;color:#214e70}
.sts330-dialog .sts330-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:13px}
.sts330-dialog .sts330-footer p{flex:1 1 240px;margin:0;font-size:12px;font-weight:700;color:#a22a40}
.sts330-dialog .p-button.blue,.sts330-dialog .p-button{min-height:38px;font-size:12px;border-radius:6px;cursor:pointer}
.sts330-dialog .sts330-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:15px}
.sts330-dialog .sts330-controls label{font-size:12px;font-weight:750;min-width:170px}
.sts330-dialog .sts330-detailgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.sts330-dialog .sts330-detailgrid>div{border:1px solid #d4e1eb;padding:12px;border-radius:6px;display:flex;flex-direction:column;gap:5px}
.sts330-dialog .sts330-detailgrid>div strong{color:inherit}
.sts330-dialog .sts330-detailgrid small{font-size:11px;color:#4b6680}
.sts330-dialog .sts330-result-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 3px;
 border-bottom:1px solid #d4e2ec;flex-wrap:wrap}
.sts330-dialog .sts330-result-row strong{display:block;font-size:13px}
.sts330-dialog .sts330-result-row small{display:block;font-size:11px;margin-top:3px}
.sts330-dialog .sts330-frame{width:100%;height:min(78vh,720px);border:1px solid #9ab8ce;border-radius:5px;background:#fff}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog{background:#1c3044;color:#f2faff;border-color:#549cc8}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-step{background:#243e54;border-color:#4d728c;color:#f3faff}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-step:nth-of-type(even){border-left:4px solid #d53246}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-step:nth-of-type(odd){border-left:4px solid #1789d8}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-detailgrid>div{border-color:#58758b}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-detailgrid small{color:#c8dce9}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-result-row{border-color:#527085}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-title small{color:#9cd8ff}
@media(max-width:720px){.sts330-dialog{padding:13px}.sts330-dialog .sts330-fields,
 .sts330-dialog .sts330-detailgrid{grid-template-columns:1fr}
 #portalWorkspace #sts330Orders .sts330-tools{gap:6px}}

/* Familiar result rows retain the original Step 2 spacing and branding. */
.sts330-dialog .sts330-assessment{display:flex;align-items:end;flex-wrap:wrap;gap:9px;margin-top:10px}
.sts330-dialog .sts330-assessment label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700}
.sts330-dialog .sts330-assessment select,
.sts330-dialog .sts330-assessment input{background:#fff;color:#17364d;border:1px solid #88a9c0;
 border-radius:6px;min-height:36px;padding:7px 9px;max-width:210px}
.sts330-dialog .sts330-result-row .p-button.blue{margin-top:6px}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-assessment label{color:#f1f8ff}

/* Do not inherit the white-on-white legacy action button treatment inside order pop-ups. */
.sts330-dialog .sts216-action{
 background:#285a7b!important;color:#fff!important;border:1px solid #6ba1c2!important;
 border-left:3px solid #d53246!important;border-radius:7px;min-height:38px;
 font-size:12px;font-weight:800;padding:9px 12px;cursor:pointer
}
.sts330-dialog .sts216-action:hover{background:#187ebf!important;color:#fff!important}
.sts330-dialog .sts330-controls small{font-size:11px;line-height:1.45;opacity:.9}


/* Shared half-hour booking controls for the two order editors. */
.sts330-dialog .sts330-clock-field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:12px;font-weight:750}
.sts330-dialog .sts330-clock-pair,
#portalWorkspace #pContent .so-clock-pair{display:flex;align-items:flex-end;gap:7px}
.sts330-dialog .sts330-clock-pair label,
#portalWorkspace #pContent .so-clock-pair label{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px;font-size:11px;font-weight:650}
.sts330-dialog .sts330-clock-pair select,
#portalWorkspace #pContent .so-clock-pair select{width:100%;min-width:0;min-height:38px;border:1px solid #9ebed3;border-radius:6px;background:#fff;color:#16334d;padding:6px}
.sts330-dialog .sts330-clock-pair>span,
#portalWorkspace #pContent .so-clock-pair>span{padding-bottom:8px;font-weight:750}
#portalWorkspace #pContent .so-clock-field{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;min-width:0}
.sts330-dialog .sts330-clock-warning,
#portalWorkspace #pContent .so-clock-warning{font-size:11px;color:#9a3e19}
#portalWorkspace[data-sts-theme="dark"] #pContent .so-clock-field{color:#f0f7fd}
#portalWorkspace[data-sts-theme="dark"] #pContent .so-clock-pair select{background:#253d51;color:#f0f7fd;border-color:#7299b1}
#portalWorkspace[data-sts-theme="dark"] #pContent .so-clock-warning{color:#ffcb9e}

/* Saved states remain clickable; no disabled/greyed-out controls. */
.sts330-dialog .sts330-progress-note{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;
  font-size:12px;font-weight:750;color:#247049;line-height:1.4}
.sts330-dialog .sts330-controls .sts330-complete{border-color:#42a773!important;color:#14734b!important;background:#f1fbf6!important}
.sts330-dialog .sts330-controls .sts330-review{border-color:#d6a140!important;color:#885c0c!important;background:#fff9e9!important}
.sts330-dialog [data-document-printed]{background:#e8f5ed;color:#156c45;border:1px solid #4ca37a;
 border-radius:7px;padding:9px 13px;font-weight:750;cursor:pointer}
.sts330-dialog [data-document-printed]:disabled{opacity:.55;cursor:default}

/* Compact start/finish time selectors: one dropdown each, both in one row. */
.sts330-dialog .sts330-time-row{grid-column:1/-1;display:flex;align-items:start;gap:12px;flex-wrap:wrap}
.sts330-dialog .sts330-time-row .sts330-clock-field{flex:0 1 148px;width:148px;max-width:148px}
.sts330-dialog .sts330-time-row select.sts330-time-choice{width:100%;min-width:0}
#portalWorkspace #pContent .so-time-row{display:flex;align-items:start;gap:12px;flex-wrap:wrap}
#portalWorkspace #pContent .so-time-row .so-clock-field{flex:0 1 148px;width:148px;max-width:148px}
#portalWorkspace #pContent .so-time-row select.so-time-choice{width:100%;min-width:0;min-height:38px;
 border:1px solid #9ebed3;border-radius:6px;background:#fff;color:#16334d;padding:6px;font:inherit}
#portalWorkspace[data-sts-theme="dark"] #pContent .so-time-row select.so-time-choice{
 background:#253d51;color:#f0f7fd;border-color:#7299b1}

/* Training-order customer address, synced from the selected Customer CRM record. */
.sts330-dialog .sts330-address,
#portalWorkspace #pContent .so-customer-address{padding:10px 12px;border:1px solid #a5c7df;border-radius:8px;background:#edf7fd;color:#163b57;display:flex;flex-direction:column;gap:4px;font-size:13px}
.sts330-dialog .sts330-address strong,
#portalWorkspace #pContent .so-customer-address strong{font-size:12px}
.sts330-dialog .sts330-address small,
#portalWorkspace #pContent .so-customer-address small{opacity:.85;font-size:11px}
#portalWorkspace[data-sts-theme="dark"] #pContent .so-customer-address{background:#203849;border-color:#648aa2;color:#f2f8fc}


/* Compact action layout: saved states are separate from repeatable commands. */
.sts330-dialog .sts330-action-panel{margin-top:16px;border:1px solid #ccdde9;border-radius:9px;padding:13px 15px;background:rgba(232,244,252,.42)}
.sts330-dialog .sts330-action-panel h4{font-size:13px;font-weight:800;letter-spacing:.01em;margin:0 0 10px;color:inherit}
.sts330-dialog .sts330-progress-pills{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 10px}
.sts330-dialog .sts330-progress-pill{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:20px;font-size:11px;font-weight:750;background:#edf2f7;color:#455e70;border:1px solid #afc3d3}
.sts330-dialog .sts330-progress-pill.ready{background:#e9f7ef;border-color:#85c7a5;color:#165b3f}
.sts330-dialog .sts330-workflow-actions{margin-top:7px;align-items:flex-end}
.sts330-dialog .sts330-workflow-actions label{display:flex;flex-direction:column;gap:5px;flex:1 1 240px;min-width:180px;max-width:340px}
.sts330-dialog .sts330-workflow-actions select{min-height:38px;padding:7px 10px;max-width:100%}
.sts330-dialog .sts330-document-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.sts330-dialog .sts330-document-item{min-width:0;padding:12px;border:1px solid #ccdce8;border-radius:8px;background:#fff;display:flex;flex-direction:column;gap:9px}
.sts330-dialog .sts330-document-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap}
.sts330-dialog .sts330-document-heading strong{font-size:13px;font-weight:800;color:#1a3e5b}
.sts330-dialog .sts330-document-item .sts216-action{width:100%;text-align:center;white-space:normal;line-height:1.25}
.sts330-dialog .sts330-document-item small{font-size:10px;color:#48677d;line-height:1.3}
.sts330-dialog .sts330-document-status{font-size:10px;font-weight:750;border-radius:20px;padding:4px 9px;background:#edf2f6;border:1px solid #bbccda;color:#446176;white-space:nowrap}
.sts330-dialog .sts330-document-status.sts330-complete{border-color:#86c5a5!important;color:#165b3f!important;background:#eaf7ef!important}
.sts330-dialog .sts330-document-status.sts330-review{border-color:#debf73!important;color:#805a0d!important;background:#fff8e6!important}
.sts330-dialog .sts330-support-actions{margin-top:13px;align-items:center}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-action-panel{background:#213b50;border-color:#587b94}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-document-item{background:#263f53;border-color:#60849e}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-document-heading strong{color:#f2faff}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-document-item small{color:#c2dcea}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-progress-pill{background:#334a60;color:#edf7fe;border-color:#648da8}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-progress-pill.ready{background:#1b5944;color:#e0fff1;border-color:#4aa680}
@media(max-width:700px){.sts330-dialog .sts330-document-actions{grid-template-columns:1fr}.sts330-dialog .sts330-action-panel{padding:11px}}


/* Prominent reversible Step 1 control; keeps Step 2 immediately accessible. */
.sts330-dialog .sts330-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.sts330-dialog .sts330-section-heading h3{margin:0}
.sts330-dialog .sts330-toggle-step{display:inline-flex;align-items:center;justify-content:center;min-width:176px;min-height:42px;padding:9px 17px;border:2px solid #0e67ae;border-radius:8px;background:#1687d9!important;color:#fff!important;box-shadow:0 2px 4px rgba(10,66,104,.16);font-family:inherit;font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.025em;cursor:pointer}
.sts330-dialog .sts330-toggle-step:hover{background:#106eb6!important;border-color:#0b5a96}
.sts330-dialog .sts330-toggle-step:focus-visible{outline:3px solid #ed4055;outline-offset:3px}
.sts330-dialog .sts330-step-content[hidden]{display:none!important}
.sts330-dialog .sts330-step--pre.sts330-collapsed{padding-bottom:13px}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-toggle-step{background:#1687d9!important;color:#fff!important;border-color:#64b8ec;box-shadow:none}
@media(max-width:480px){.sts330-dialog .sts330-section-heading{align-items:stretch}.sts330-dialog .sts330-toggle-step{width:100%;min-height:44px}}


/* Three-step order workflow: all steps have the same prominent reversible control. */
.sts330-dialog .sts330-step--payment .sts330-section-heading,
.sts330-dialog .sts330-step--post .sts330-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.sts330-dialog .sts330-step--payment .sts330-section-heading h3,
.sts330-dialog .sts330-step--post .sts330-section-heading h3{margin:0}
.sts330-dialog .sts330-step--payment .sts330-toggle-step,
.sts330-dialog .sts330-step--post .sts330-toggle-step{display:inline-flex;align-items:center;justify-content:center;min-width:176px;min-height:42px;padding:9px 17px;border:2px solid #0e67ae;border-radius:8px;background:#1687d9!important;color:#fff!important;box-shadow:0 2px 4px rgba(10,66,104,.16);font-family:inherit;font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.025em;cursor:pointer}
.sts330-dialog .sts330-step--payment .sts330-toggle-step:hover,
.sts330-dialog .sts330-step--post .sts330-toggle-step:hover{background:#106eb6!important}
.sts330-dialog .sts330-step--payment .sts330-toggle-step:focus-visible,
.sts330-dialog .sts330-step--post .sts330-toggle-step:focus-visible{outline:3px solid #ed4055;outline-offset:3px}
.sts330-dialog .sts330-po-form{padding:8px 0 15px}
.sts330-dialog .sts330-po-overview{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:12px 14px;background:#eff8fe;color:#173a55;border:1px solid #bad6e8;border-radius:8px}
.sts330-dialog .sts330-po-overview strong{font-size:20px;color:#126fb0}
.sts330-dialog .sts330-po-overview small{font-size:11px}
.sts330-dialog .sts330-payment-invoice{border-top:1px solid #ccdde8;padding-top:12px;margin-top:7px}
.sts330-dialog .sts330-payment-invoice h4{margin:0 0 13px;font-size:14px}
.sts330-dialog .sts330-step--post .sts330-action-panel{margin:10px 0}
.sts330-dialog .sts330-step--post .sts330-action-panel p{font-size:12px;line-height:1.55}
.sts330-dialog #sts330-post-delegate-status,
.sts330-dialog #sts330-post-letter-status{display:block;margin:7px 0 10px}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-po-overview{background:#233f53;color:#eaf7fe;border-color:#6089a4}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-po-overview strong{color:#7ed0ff}
@media(max-width:480px){.sts330-dialog .sts330-step--payment .sts330-section-heading,.sts330-dialog .sts330-step--post .sts330-section-heading{align-items:stretch}.sts330-dialog .sts330-step--payment .sts330-toggle-step,.sts330-dialog .sts330-step--post .sts330-toggle-step{width:100%;min-height:44px}}


/* Compact order payment and post-course handover. One shared record, no amount duplication. */
.sts330-dialog .sts330-payment-top{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(170px,.65fr);gap:14px;align-items:end;margin-bottom:13px}
.sts330-dialog .sts330-po-form{padding:0;min-width:0;display:flex;flex-direction:column;gap:7px}
.sts330-dialog .sts330-po-form>label{font-size:12px;font-weight:750}
.sts330-dialog .sts330-po-input-row{display:flex;align-items:stretch;gap:8px}
.sts330-dialog .sts330-po-input-row input{flex:1 1 140px;min-width:0}
.sts330-dialog .sts330-po-input-row button{flex:0 0 auto;min-height:38px;white-space:nowrap}
.sts330-dialog .sts330-payment-top .sts330-po-overview{min-height:62px;padding:8px 11px;gap:2px}
.sts330-dialog .sts330-payment-top .sts330-po-overview strong{font-size:16px;line-height:1.25}
.sts330-dialog .sts330-payment-top .sts330-po-overview small{font-size:10px}
.sts330-dialog .sts330-payment-invoice{padding-top:10px;margin-top:10px}
.sts330-dialog .sts330-payment-invoice h4{margin:0 0 9px}
.sts330-dialog .sts330-invoice-row{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(150px,1fr) minmax(142px,.75fr);align-items:end;gap:12px}
.sts330-dialog .sts330-invoice-row label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:750;min-width:0}
.sts330-dialog .sts330-invoice-row label input{width:100%;min-width:0;box-sizing:border-box}
.sts330-dialog .sts330-invoice-status{min-height:53px;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:7px}
.sts330-dialog .sts330-invoice-status small{font-size:10px;font-weight:750}
.sts330-dialog .sts330-payment-invoice .sts330-controls{margin-top:10px}
.sts330-dialog .sts330-compact-flow{border:1px solid #ccdde9;border-radius:8px;overflow:hidden}
.sts330-dialog .sts330-compact-flow .sts330-flow-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;margin:0;background:rgba(232,244,252,.30);border-bottom:1px solid #ccdde9}
.sts330-dialog .sts330-compact-flow .sts330-flow-row:last-child{border-bottom:0}
.sts330-dialog .sts330-flow-details{min-width:0;flex:1 1 260px}
.sts330-dialog .sts330-flow-details h4{font-size:13px;margin:0 0 6px;color:inherit}
.sts330-dialog .sts330-flow-details small{font-size:11px;line-height:1.4}
.sts330-dialog .sts330-flow-details .sts330-progress-pills{margin:0}
.sts330-dialog .sts330-flow-controls{flex:0 1 255px;display:flex;justify-content:flex-end}
.sts330-dialog .sts330-flow-controls button{min-width:0;width:100%;max-width:255px;white-space:normal;line-height:1.3}
.sts330-dialog .sts330-compact-flow #sts330-post-delegate-status,
.sts330-dialog .sts330-compact-flow #sts330-post-letter-status{margin:0}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-compact-flow{border-color:#587b94}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-compact-flow .sts330-flow-row{background:#213b50;border-color:#587b94}
@media(max-width:700px){
 .sts330-dialog .sts330-invoice-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sts330-dialog .sts330-invoice-status{grid-column:1/-1;min-height:30px}
 .sts330-dialog .sts330-payment-top{grid-template-columns:minmax(0,1fr)}
 .sts330-dialog .sts330-compact-flow .sts330-flow-row{align-items:flex-start;flex-direction:column;gap:9px}
 .sts330-dialog .sts330-flow-controls{flex:0 0 auto;align-self:stretch;width:100%;justify-content:flex-start}
 .sts330-dialog .sts330-flow-controls button{width:auto;max-width:100%}
}
@media(max-width:440px){
 .sts330-dialog .sts330-po-input-row{flex-wrap:wrap}
 .sts330-dialog .sts330-po-input-row button{width:100%}
 .sts330-dialog .sts330-invoice-row{grid-template-columns:minmax(0,1fr)}
 .sts330-dialog .sts330-invoice-status{grid-column:auto}
}


/* Operational delegate assessment: one name and its result per vertical row. */
.sts330-dialog .sts330-delegate-list{display:flex;flex-direction:column;gap:0;border:1px solid #cbdce8;border-radius:8px;overflow:hidden;margin:10px 0}
.sts330-dialog .sts330-delegate-line{display:grid;grid-template-columns:minmax(175px,.9fr) minmax(280px,1.3fr);gap:12px;align-items:start;padding:12px 13px;border-bottom:1px solid #d3e1eb;background:rgba(231,244,252,.25)}
.sts330-dialog .sts330-delegate-line:last-child{border-bottom:0}
.sts330-dialog .sts330-delegate-line:nth-child(even){background:rgba(231,244,252,.52)}
.sts330-dialog .sts330-delegate-name label,.sts330-dialog .sts330-letter-form label{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:12px;font-weight:750}
.sts330-dialog .sts330-delegate-name input,.sts330-dialog .sts330-letter-form input{box-sizing:border-box;min-height:37px;width:100%;padding:8px 10px;background:#fff;color:#163750;border:1px solid #91acc1;border-radius:6px;font:13px Arial,sans-serif}
.sts330-dialog .sts330-delegate-name input[readonly]{background:#e4edf3;color:#42627c}
.sts330-dialog .sts330-delegate-result{min-width:0}
.sts330-dialog .sts330-delegate-result .sts330-assessment{margin:0;display:grid;grid-template-columns:minmax(120px,.8fr) minmax(155px,1.2fr);align-items:end;gap:8px}
.sts330-dialog .sts330-delegate-result .sts330-assessment label{min-width:0}
.sts330-dialog .sts330-delegate-result .sts330-assessment select,
.sts330-dialog .sts330-delegate-result .sts330-assessment input{width:100%;max-width:none;min-width:0}
.sts330-dialog .sts330-delegate-result .sts330-assessment button{justify-self:start}
.sts330-dialog .sts330-delegate-certs{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:7px;border-top:1px dashed #bfd2e0;padding-top:9px}
.sts330-dialog .sts330-delegate-certs small{min-width:165px;font-size:11px}
.sts330-dialog .sts330-delegate-certs .p-button{margin:0!important}
.sts330-dialog .sts330-letter-status{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:10px 0}
.sts330-dialog .sts330-letter-status small{font-size:11px}
.sts330-dialog .sts330-letter-form{display:grid;grid-template-columns:minmax(135px,1fr) minmax(210px,2fr);gap:10px;margin:10px 0}
.sts330-dialog .sts330-ack{display:flex;align-items:center;gap:9px;margin:10px 0;font-size:12px;font-weight:700}
.sts330-dialog .sts330-ack input{width:18px;height:18px;flex:0 0 auto}
.sts330-dialog .sts330-progress-pill.review{background:#fff7df;color:#7d5913;border-color:#ddc177}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-delegate-line{background:#223d52;border-color:#56788f}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-delegate-line:nth-child(even){background:#28465b}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-delegate-list{border-color:#56788f}
body:has(#portalWorkspace[data-sts-theme="dark"]) .sts330-dialog .sts330-delegate-certs{border-color:#56788f}
@media(max-width:760px){.sts330-dialog .sts330-delegate-line{grid-template-columns:minmax(0,1fr)}.sts330-dialog .sts330-delegate-certs{grid-column:auto}}
@media(max-width:500px){.sts330-dialog .sts330-delegate-result .sts330-assessment,.sts330-dialog .sts330-letter-form{grid-template-columns:minmax(0,1fr)}}