/* A0019535 master My Tech Help theme: shared customer/business portal visual system */
:root{--portal-bg:#f4f7f5;--portal-surface:#fff;--portal-ink:#173247;--portal-muted:#607168;--portal-brand:#064e35;--portal-brand-2:#0b5b3d;--portal-line:#d9e4de;--portal-soft:#eef6f1;--portal-warn:#fff4d6;--portal-danger:#8f2631;--portal-radius:18px;--portal-shadow:0 8px 28px rgba(13,55,40,.07);--portal-max:1040px}
body{background:var(--portal-bg);color:var(--portal-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.ba-wrap{max-width:var(--portal-max)}
.ba-card,.portal-card{background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:var(--portal-radius);box-shadow:var(--portal-shadow)}
.ba-btn,button.portal-primary{border-radius:12px;font-weight:800}.ba-secondary{border-color:var(--portal-line)}
.ba-order-grid{display:grid;gap:14px}.ba-order{border:1px solid var(--portal-line);border-radius:16px;padding:18px;background:#fff}.ba-order-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.ba-order h3{margin:4px 0}.ba-money{font-size:1.35rem;font-weight:900;color:var(--portal-brand)}.ba-order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.ba-danger{background:#fff;color:var(--portal-danger);border-color:#d9aeb3}.ba-chip{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--portal-soft);font-size:.78rem;font-weight:850}.ba-chip.attention{background:#fff0c7;color:#725000}.ba-chip.paid{background:#e9f6ed;color:#176235}.ba-due{font-weight:800}.ba-finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ba-finance-summary>div{padding:15px;border:1px solid var(--portal-line);border-radius:14px;background:#fbfdfc}.ba-form textarea{width:100%;min-height:110px}.ba-admin-table{width:100%;border-collapse:collapse}.ba-admin-table th,.ba-admin-table td{padding:10px;border-bottom:1px solid var(--portal-line);text-align:left;vertical-align:top}
@media(max-width:760px){.ba-order-head{display:block}.ba-order-actions>*{width:100%}.ba-finance-summary{grid-template-columns:1fr}.ba-order{padding:16px}.ba-admin-table{display:block;overflow-x:auto;white-space:nowrap}}
/* A0019536 P0: action-first portal and finance integrity UI */
.ba-action-required{margin:18px 0;padding:22px;border:2px solid #d49b19;border-radius:20px;background:#fff8e7;box-shadow:0 10px 28px rgba(114,80,0,.08)}
.ba-action-required h2{margin:.25rem 0 1rem}.ba-action-list{display:grid;gap:10px}.ba-action-item{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 16px;border:1px solid #ead391;border-radius:14px;background:#fff;text-decoration:none;color:inherit}.ba-action-item strong{color:#725000}.ba-action-item span{color:#5f665f;text-align:right}.ba-action-item:hover{border-color:#c18b13}.ba-authoritative{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:14px 0;padding:13px 15px;border:1px solid var(--portal-line);border-radius:14px;background:var(--portal-soft)}.ba-authoritative span{color:var(--portal-muted);font-size:.9rem}.ba-confirm{margin-top:12px;border:1px solid var(--portal-line);border-radius:14px;background:#fff}.ba-confirm summary{cursor:pointer;padding:13px 15px;font-weight:850;color:var(--portal-brand)}.ba-confirm[open] summary{border-bottom:1px solid var(--portal-line)}.ba-confirm .ba-form{padding:15px}.ba-confirm .ba-check{display:flex;gap:10px;align-items:flex-start}.ba-confirm .ba-check input{width:22px;min-height:22px;flex:0 0 auto;margin-top:2px}
@media(max-width:760px){.ba-action-item,.ba-authoritative{display:block}.ba-action-item span,.ba-authoritative span{display:block;text-align:left;margin-top:5px}.ba-action-required{padding:17px}}

/* A0019537 P1 */
.ba-order-review{max-width:900px}.ba-review-total{padding:16px 20px;border:1px solid var(--portal-line);border-radius:16px;background:#fff;min-width:190px}.ba-review-total small,.ba-invoice-money small{display:block;color:var(--portal-muted)}.ba-review-total strong{display:block;font-size:1.45rem;margin-top:4px}.ba-approval-note{margin:18px 0;padding:16px;border-radius:14px;background:var(--portal-soft);border:1px solid var(--portal-line)}.ba-invoice-list{display:grid;gap:12px}.ba-invoice-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px;border:1px solid var(--portal-line);border-radius:16px;background:#fff}.ba-invoice-row h3{margin:.35rem 0 .15rem}.ba-invoice-row p{margin:0;color:var(--portal-muted)}.ba-invoice-money{text-align:right}.ba-invoice-money .ba-btn{margin-top:8px}.ba-activity-timeline{display:grid;gap:0}.ba-activity{display:grid;grid-template-columns:135px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--portal-line)}.ba-activity:last-child{border-bottom:0}.ba-activity time{color:var(--portal-muted);font-size:.9rem}.ba-activity strong,.ba-activity span{display:block}.ba-activity span{color:var(--portal-muted);font-size:.9rem}.ba-activity p{margin:.35rem 0 0}.ba-order-actions{flex-wrap:wrap}
@media(max-width:760px){.ba-invoice-row{display:block}.ba-invoice-money{text-align:left;margin-top:12px}.ba-activity{grid-template-columns:1fr;gap:4px}.ba-review-total{margin-top:12px}.ba-order-actions .ba-btn,.ba-order-actions button{width:100%;text-align:center}}

/* A0019538 P2: expiry/version/approval reference */
.ba-valid-until{padding:.8rem 1rem;border:1px solid rgba(180,83,9,.28);border-radius:12px;background:#fff8eb;margin:.8rem 0 1rem}.ba-version-list{display:grid;gap:.75rem}.ba-version{border:1px solid #dbe4df;border-radius:14px;padding:1rem;background:#fff}.ba-version.current{border-width:2px}.ba-version>div{display:flex;gap:.65rem;align-items:center;justify-content:space-between}.ba-version p{margin:.45rem 0}.ba-version small{color:#5f6f68}.ba-status.closed{background:#f3f4f6;color:#4b5563}.ba-order-review .ba-grid{align-items:start}@media(max-width:640px){.ba-version>div{align-items:flex-start}.ba-version{padding:.9rem}.ba-order-actions .ba-danger{width:100%}}
/* A0019539 UX0: simplified admin order workflow + approval confirmation */
.ba-admin-order-list{display:grid;gap:10px}.ba-admin-order-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px;border:1px solid var(--portal-line);border-radius:14px;background:#fff;color:inherit;text-decoration:none}.ba-admin-order-row:hover{border-color:#9fb8aa;box-shadow:var(--portal-shadow)}.ba-admin-order-row strong,.ba-admin-order-row span{display:block}.ba-admin-order-row span{color:var(--portal-muted);margin-top:3px}.ba-admin-order-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.ba-admin-order-meta span{margin:0;padding:5px 8px;background:var(--portal-soft);border-radius:999px;font-size:.82rem}.ba-section-head{display:flex;justify-content:space-between;gap:16px}.ba-approval-dialog{max-width:520px;width:calc(100% - 32px);border:0;border-radius:20px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.25);color:var(--portal-ink)}.ba-approval-dialog::backdrop{background:rgba(12,25,20,.55)}.ba-dialog-close{float:right;border:0;background:transparent;color:var(--portal-muted);font-size:1.8rem;padding:0 6px}.ba-confirm-amount{font-size:1.8rem;font-weight:900;color:var(--portal-brand);padding:12px 0}
@media(max-width:760px){.ba-admin-order-row{display:block}.ba-admin-order-meta{justify-content:flex-start;margin-top:10px}.ba-approval-dialog{padding:20px}.ba-confirm-amount{font-size:1.55rem}}

/* A0019540 UX1: response guidance, recent history, segmented orders/invoices */
.ba-field-help{display:block;color:var(--portal-muted);font-size:.86rem;margin-top:6px;font-weight:500}.ba-inline-action{margin-top:12px}.ba-history{margin-top:14px;border-top:1px solid var(--portal-line);padding-top:10px}.ba-history summary{cursor:pointer;color:var(--portal-brand);font-weight:850;padding:8px 0}.ba-segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:18px 0;padding:5px;border:1px solid var(--portal-line);border-radius:16px;background:#eef4f0;position:sticky;top:8px;z-index:5}.ba-segmented button{min-height:46px;border:0;border-radius:12px;background:transparent;color:var(--portal-brand);font-weight:900}.ba-segmented button[aria-selected="true"]{background:#fff;box-shadow:0 3px 12px rgba(20,35,29,.09)}.ba-segmented button span{display:inline-flex;min-width:24px;justify-content:center;margin-left:5px;padding:2px 7px;border-radius:999px;background:var(--portal-soft);font-size:.78rem}.ba-tab-panel[hidden]{display:none!important}
@media(max-width:760px){.ba-segmented{margin:12px 0 16px;top:6px}.ba-segmented button{font-size:.95rem}.ba-history .ba-activity{padding:12px 0}}

.ba-response-action[aria-pressed="true"]{outline:3px solid #c8ddcf;outline-offset:2px}.ba-response-submit{margin-left:auto}
@media(max-width:760px){.ba-response-submit{margin-left:0}}

/* A0019541 UX2: revision clarity + workspace attention */
.ba-version-changes{border-color:#bfd6c8}.ba-revision-reason{padding:14px 16px;border-radius:14px;background:var(--portal-soft);margin:12px 0 16px}.ba-change-list{display:grid;gap:10px}.ba-change-row{padding:13px 0;border-top:1px solid var(--portal-line)}.ba-change-row:first-child{border-top:0}.ba-change-inline{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:7px}.ba-change-inline span{display:block}.ba-change-inline small,.ba-change-compare small{display:block;color:var(--portal-muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.ba-change-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.ba-change-compare>div{padding:12px;border:1px solid var(--portal-line);border-radius:12px;background:#fbfdfc}.ba-change-compare p{margin:.3rem 0 0;white-space:normal}.ba-change-row details summary{cursor:pointer;color:var(--portal-brand);font-weight:800;margin-top:6px}.ba-workspace-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.ba-attention-badge{display:inline-flex;min-width:28px;height:28px;align-items:center;justify-content:center;padding:0 8px;border-radius:999px;background:#8b2c23;color:#fff;font-size:.82rem;font-weight:900;box-shadow:0 2px 8px rgba(139,44,35,.18)}
@media(max-width:760px){.ba-change-inline{grid-template-columns:1fr;gap:5px}.ba-change-inline>span[aria-hidden="true"]{display:none}.ba-change-compare{grid-template-columns:1fr}}