#bgp-sales .bi-event-approval{max-width:1500px;margin-inline:auto;padding-bottom:32px;color:var(--text)}
#bgp-sales .bi-approval-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
#bgp-sales .bi-approval-heading h2{font-size:26px;font-weight:500;letter-spacing:-.5px;margin:8px 0}
#bgp-sales .bi-approval-heading .eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--secondary)}
#bgp-sales .bi-approval-total{font-size:40px;font-variant-numeric:tabular-nums;color:var(--actual);border-left:1px solid var(--line);padding-left:28px}
#bgp-sales .bi-event-approval .field-note{color:var(--secondary);font-size:12px;line-height:1.6;margin:6px 0}
#bgp-sales .bi-approval-controls{display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,300px) auto;align-items:end;gap:14px}
#bgp-sales .bi-approval-controls label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--secondary)}
#bgp-sales .bi-approval-controls input,#bgp-sales .bi-approval-controls select{width:100%;min-width:0;height:42px;box-sizing:border-box;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:8px 12px;font:inherit}
#bgp-sales .bi-event-approval button{font:inherit;font-size:13px;min-height:40px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--text);padding:9px 14px;cursor:pointer}
#bgp-sales .bi-event-approval button:disabled{opacity:1;color:var(--secondary);border-style:dashed;cursor:default}
#bgp-sales .bi-event-approval input:disabled,#bgp-sales .bi-event-approval select:disabled{opacity:1;cursor:default}
#bgp-sales .bi-event-approval button:focus-visible,#bgp-sales .bi-event-approval input:focus-visible,#bgp-sales .bi-event-approval select:focus-visible,#bgp-sales .bi-event-approval summary:focus-visible{outline:2px solid var(--actual);outline-offset:3px}
#bgp-sales .bi-event-approval button.bi-approval-primary{background:var(--button-primary-bg);color:var(--button-on-primary);border-color:var(--button-primary-bg);min-width:110px;font-weight:600}
#bgp-sales .bi-event-approval button.bi-approval-primary:disabled{background:var(--surface);color:var(--text);border-color:var(--line);border-style:dashed}
#bgp-sales .bi-approval-notice{min-height:22px;font-size:13px;line-height:1.6;margin:16px 0;color:var(--text);overflow-wrap:anywhere}
#bgp-sales .bi-approval-notice[role=alert]{padding:12px 14px;background:var(--surface);border-left:3px solid var(--actual);border-radius:4px}
#bgp-sales .bi-approval-selection{display:flex;align-items:center;gap:18px;padding:14px 18px;background:var(--surface);border:1px solid var(--line);border-radius:12px 12px 0 0;font-size:13px}
#bgp-sales .bi-approval-check{display:flex;flex-direction:row;align-items:center;gap:9px;cursor:pointer;white-space:nowrap}
#bgp-sales .bi-approval-selection [data-approval-ok]{margin-left:auto}
#bgp-sales .bi-event-approval input[type=checkbox]{width:17px;height:17px;flex:0 0 auto;accent-color:var(--actual);margin:0;cursor:pointer}
#bgp-sales .bi-approval-selected{border-inline:1px solid var(--line);padding:12px 18px;font-size:12px;background:var(--surface)}
#bgp-sales .bi-approval-selected summary{cursor:pointer;color:var(--secondary)}
#bgp-sales .bi-approval-selected ul{padding-left:20px;line-height:1.9}
#bgp-sales .bi-approval-list{border-inline:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0 0 12px 12px}
#bgp-sales .bi-approval-row{display:grid;grid-template-columns:20px minmax(0,1fr) 190px;gap:18px;align-items:start;padding:23px 20px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
#bgp-sales .bi-approval-row:last-child{border-bottom:0}
#bgp-sales .bi-approval-row[data-selected=true]{background:var(--surface)}
#bgp-sales .bi-approval-row>input{margin-top:4px}
#bgp-sales .bi-approval-content{min-width:0}
#bgp-sales .bi-approval-labels{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:9px}
#bgp-sales .bi-approval-labels span{font-size:11px;line-height:1.6;border:1px solid var(--line);border-radius:5px;padding:2px 7px;color:var(--secondary)}
#bgp-sales .bi-approval-labels .bi-approval-joint{color:var(--actual);border-color:currentColor}
#bgp-sales .bi-approval-content h2{font-size:16px;line-height:1.5;font-weight:500;margin:0}
#bgp-sales .bi-approval-client{font-size:12px;color:var(--secondary);margin:5px 0 12px}
#bgp-sales .bi-approval-originators{display:flex;align-items:start;gap:20px;margin-top:14px;font-size:12px}
#bgp-sales .bi-approval-caption{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--secondary)}
#bgp-sales .bi-approval-people{list-style:none;padding:0;margin:7px 0 0}
#bgp-sales .bi-approval-people li{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin:5px 0;line-height:1.5}
#bgp-sales .bi-approval-people small{font-size:10px;color:var(--secondary)}
#bgp-sales .bi-approval-people strong{font-weight:500;font-variant-numeric:tabular-nums}
#bgp-sales .bi-approval-arrow{font-size:24px;color:var(--actual);padding-top:17px}
#bgp-sales .bi-approval-meta{display:flex;align-items:end;flex-direction:column;gap:8px;text-align:right;font-size:12px;color:var(--secondary);font-variant-numeric:tabular-nums}
#bgp-sales .bi-approval-amount{font-size:18px;color:var(--text);font-weight:500}
#bgp-sales .bi-approval-meta small{font-size:11px}
#bgp-sales .bi-approval-empty{padding:50px 22px;color:var(--secondary);font-size:14px;line-height:1.7;margin:0}
#bgp-sales .bi-approval-paging{display:flex;align-items:center;gap:10px;margin-top:18px}
#bgp-sales .bi-approval-paging .field-note{margin-right:auto}
#bgp-sales .bi-approval-footnote{font-size:11px;color:var(--secondary);line-height:1.6;margin:14px 0 0}
@media(min-width:960px) and (max-width:1250px){#bgp-sales .bi-approval-controls{grid-template-columns:minmax(220px,1fr) 210px}#bgp-sales .bi-approval-controls>button{grid-column:2}#bgp-sales .bi-approval-row{grid-template-columns:20px minmax(0,1fr) 160px;gap:12px}#bgp-sales .bi-approval-originators{gap:12px}}
@media(max-width:959px){#bgp-sales .bi-event-approval{padding:24px 0}#bgp-sales .bi-event-approval h2{font-size:23px}}

/* The mobile lock message must survive the historical administrative CSS. */
#bgp-sales[data-route=event-approval] #agent-admin:not([hidden]){display:block!important}
