/* v5.76 — owner-only confirmation and safe payment-source receipts. */
#accountDrawer .hl-direct-payment{grid-column:1/-1;min-width:0;width:100%;margin:12px 0 0;border:1px solid rgba(255,193,38,.27);border-radius:14px;overflow:hidden;background:linear-gradient(125deg,rgba(255,193,38,.045),rgba(11,17,18,.7))}
#accountDrawer .hl-direct-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:64px;height:auto;border:0;border-radius:0;padding:13px 15px;background:none;color:#e9eeee;cursor:pointer;text-align:left;white-space:normal}
#accountDrawer .hl-direct-toggle>span{display:flex;flex-direction:column;gap:5px;min-width:0}
#accountDrawer .hl-direct-toggle b{font-size:13px;line-height:1.45;font-weight:800;overflow-wrap:anywhere}
#accountDrawer .hl-direct-toggle small{font-size:10px;line-height:1.4;color:#aaa990;font-weight:500}
#accountDrawer .hl-direct-toggle i{font-style:normal;color:#fbc22e;font-size:17px;flex-shrink:0}
#accountDrawer .hl-direct-toggle:hover{background:rgba(255,193,38,.04)}
#accountDrawer .hl-direct-body{padding:0 15px 15px;border-top:1px solid rgba(255,193,38,.12);min-width:0}
#accountDrawer .hl-direct-intro{font-size:12px;line-height:1.6;color:#aeb8ba;margin:13px 0}
#accountDrawer .hl-direct-quote{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;min-width:0}
#accountDrawer .hl-direct-quote>span{display:flex;flex-direction:column;gap:6px;padding:11px 12px;background:rgba(8,13,15,.64);border:1px solid rgba(255,255,255,.08);border-radius:10px;min-width:0}
#accountDrawer .hl-direct-quote small{font-size:10px;line-height:1.5;color:#95a5aa;overflow-wrap:anywhere}
#accountDrawer .hl-direct-quote b{font-size:17px;line-height:1.35;color:#edf1f2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#accountDrawer .hl-direct-quote>span:first-child b{color:#ffd064}
#accountDrawer .hl-direct-warning{font-size:11px;line-height:1.6;color:#d6bf81;margin:12px 0;padding:9px 11px;border-left:2px solid #9d7b32;background:rgba(242,187,45,.035);overflow-wrap:anywhere}
#accountDrawer .hl-direct-payment form{display:block;min-width:0;width:100%;margin:16px 0 0}
#accountDrawer .hl-direct-fields{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(0,1.35fr);gap:12px;min-width:0}
#accountDrawer .hl-direct-fields label{display:flex;flex-direction:column;gap:7px;min-width:0;width:100%;margin:0;grid-column:auto;font-size:11px;line-height:1.45;color:#b1bec1}
#accountDrawer .hl-direct-fields input{box-sizing:border-box;display:block;min-width:0;width:100%;max-width:100%;height:44px;padding:10px 12px;border-radius:10px;background:#0c1214;color:#f3f5f5;border:1px solid rgba(255,255,255,.14);font-family:inherit;font-size:13px;line-height:1.4;box-shadow:none}
#accountDrawer .hl-direct-fields input::placeholder{color:#768488;opacity:1;font-size:11px}
#accountDrawer .hl-direct-consent{display:flex;flex-direction:row;grid-column:auto;align-items:flex-start;gap:10px;margin:17px 0;min-height:44px;font-size:12px;line-height:1.55;color:#c0cbcd;cursor:pointer}
#accountDrawer .hl-direct-consent input{width:18px;height:18px;min-width:18px;margin:2px 0 0;flex:0 0 18px;accent-color:#f7bd24}
#accountDrawer .hl-direct-consent span{font-size:12px;line-height:1.55;overflow-wrap:anywhere;min-width:0}
#accountDrawer .hl-direct-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;flex-wrap:wrap;min-width:0;margin-top:12px}
#accountDrawer .hl-direct-actions button{height:auto;min-height:44px;max-width:100%;font-family:inherit;font-weight:800;font-size:12px;line-height:1.45;padding:11px 15px;border-radius:11px;white-space:normal;overflow-wrap:anywhere;text-align:center;cursor:pointer}
#accountDrawer .hl-direct-actions [data-direct-refresh]{color:#bfcacc;background:#111a1c;border:1px solid rgba(255,255,255,.12)}
#accountDrawer .hl-direct-actions [data-direct-confirm]{color:#191407;background:#fbc12d;border:1px solid #fbc12d}
#accountDrawer .hl-direct-payment button:disabled{opacity:.42;cursor:not-allowed}
#accountDrawer .hl-direct-payment :is(button,input):focus-visible{outline:2px solid #f7c346;outline-offset:3px}
#accountDrawer .hl-direct-status{font-size:12px;line-height:1.6;overflow-wrap:anywhere;color:#a4d9b9;margin:8px 0}
#accountDrawer .hl-direct-status.is-error{color:#ffb7b7;padding:10px 12px;border:1px solid rgba(255,140,140,.2);border-radius:10px;background:rgba(150,30,30,.08)}
#accountDrawer .hl-direct-badge{display:inline-flex;align-items:center;max-width:100%;font-size:10px;line-height:1.4;font-weight:800;color:#8bdeaf;padding:3px 6px;border-radius:6px;background:rgba(35,164,83,.08);border:1px solid rgba(35,164,83,.25)}
#accountDrawer .hl-direct-receipt{display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px 16px;min-width:0;margin:12px 0;padding:13px 15px;border:1px solid rgba(29,190,94,.23);border-radius:12px;background:rgba(26,173,83,.045)}
#accountDrawer .hl-direct-receipt>div{display:flex;flex-direction:column;gap:5px;min-width:0}
#accountDrawer .hl-direct-receipt b{font-size:12px;line-height:1.5;color:#7ee2a1}
#accountDrawer .hl-direct-receipt span{font-size:12px;line-height:1.5;color:#d7e4dd}
#accountDrawer .hl-direct-receipt small{font-size:10px;line-height:1.5;color:#97afa0}
#accountDrawer .hl-direct-receipt details{font-size:11px;line-height:1.55;min-width:0;max-width:100%;color:#afc4b6}
#accountDrawer .hl-direct-receipt summary{cursor:pointer;min-height:32px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:3px}
#accountDrawer .hl-direct-receipt p{margin:7px 0 0;max-width:36em;overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px;line-height:1.6}
@media(max-width:600px){
 #accountDrawer .hl-direct-body{padding:0 11px 12px}
 #accountDrawer .hl-direct-toggle{padding:12px 11px}
 #accountDrawer .hl-direct-quote{grid-template-columns:1fr 1fr}
 #accountDrawer .hl-direct-quote>span:first-child{grid-column:1/-1}
 #accountDrawer .hl-direct-quote>span:first-child b{font-size:23px}
 #accountDrawer .hl-direct-fields{grid-template-columns:1fr}
 #accountDrawer .hl-direct-fields input{font-size:16px}
 #accountDrawer .hl-direct-actions{display:grid;grid-template-columns:1fr}
 #accountDrawer .hl-direct-actions [data-direct-confirm]{grid-row:1}
 #accountDrawer .hl-direct-consent{gap:8px;font-size:11px}
 #accountDrawer .hl-direct-receipt{padding:11px}
}
/* The ordinary sticky save bar must not cover the separate money confirmation. */
#accountDrawer .admin-order-editor.has-direct-payment-open>.admin-order-actions{position:static}
#accountDrawer .hl-direct-actions [data-direct-confirm]{width:auto;min-width:0;grid-column:auto}
#accountDrawer .hl-direct-payment{scroll-margin-block:80px}
@media(max-width:600px){#accountDrawer .hl-direct-actions [data-direct-confirm]{width:100%}}