/* CA Bundals — Learn: scene styles for films/m8b.js (stage units). Shared atoms are in ../engine.css, ../films.css and m8.css. */
/* pay · the Pay button while the gateway is open, the Invoices card, the renewal banner (firm_plan.js .pl-renew) */
.lx-py-go{transition:background .25s,color .25s,opacity .25s}
.lx-py-go.lx-py-wait{opacity:.62}
.lx-py-inv .lv-tb .lv-tr{font-size:13px}
.lx-py-inv .lv-tb small{color:#5B6275;font-size:12px}
.lx-py-renew{flex:none;display:flex;gap:14px;align-items:center;background:#FEF3E2;color:#8A4B00;padding:9px 26px;font-size:13.5px;font-weight:600;border-bottom:1px solid #F5DFB8}
.lx-py-renew>span:first-child{flex:1;min-width:0}
.lx-py-renew .lv-btn{height:32px;padding:0 12px;font-size:13px;flex:none}
.lv-narrow .lv-toast:has(i.lx-py-wrap){border-radius:16px;max-width:86%}
.lv-narrow .lv-toast:has(i.lx-py-wrap) span{white-space:normal;line-height:1.35}
/* registrations · the client page (f1_workspace.js .f1-hero, .f1-3col, .f1-reg) and the Edit details dialog */
.lx-rg-crumb{font-size:12.5px;color:#5B6275;margin-bottom:-4px}
.lx-rg-crumb a{color:#1A56DB;font-weight:600}
.lx-rg-hero{display:flex;align-items:center;gap:16px;padding:16px 20px}
.lx-rg-big{width:54px;height:54px;border-radius:14px;background:#8B5CF6;color:#fff;font-style:normal;font-weight:800;font-size:19px;display:flex;align-items:center;justify-content:center;flex:none}
.lx-rg-hero h1{margin:0;font-size:23px;font-weight:800;letter-spacing:-.5px}
.lx-rg-tags{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:12.5px;color:#5B6275}
.lx-rg-own{height:26px;width:108px;font-size:12.5px;padding:0 9px;border-radius:7px}
#rgTabs .lv-cnt{font-style:normal}
.lx-rg-panes{display:grid}
.lx-rg-panes>*{grid-area:1/1;align-self:start}
.lx-rg-3{display:grid;grid-template-columns:1fr 1.55fr .78fr;gap:14px;align-items:start}
.lx-rg-dl{display:grid;grid-template-columns:76px 1fr;row-gap:9px;font-size:13.5px}
.lx-rg-dl span{color:#5B6275;font-weight:600}
.lx-rg-dl b{font-weight:600;font-variant-numeric:tabular-nums}
.lx-rg-con{display:flex;align-items:center;gap:10px;font-size:13.5px}
.lx-rg-con>span:nth-child(2){flex:1;min-width:0}
.lx-rg-con b{display:block;font-weight:600}
.lx-rg-con small{display:block;font-size:11.5px;color:#5B6275;line-height:1.3}
.lx-rg-ob .lv-tb .lv-tr{min-height:40px;padding-top:6px;padding-bottom:6px;font-size:13px}
.lx-rg-ob .lv-tb .lv-tr b{font-weight:600}
.lx-rg-ob .lv-tb small{display:block;font-size:11.5px;color:#5B6275}
.lx-rg-stack{display:grid}
.lx-rg-stack>*{grid-area:1/1;align-self:start}
.lx-rg-money{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lx-rg-money span{display:block;font-size:12px;font-weight:700;color:#5B6275}
.lx-rg-money b{display:block;font-size:21px;font-weight:800;letter-spacing:-.5px}
.lx-rg-money small{font-size:12px;color:#5B6275}
.lx-rg-all .lv-tb .lv-tr{min-height:37px;padding-top:4px;padding-bottom:4px}
.lv-modal.lx-rg-dlg{width:460px;margin-left:-230px;top:30px;height:612px;padding:0;overflow:hidden;display:block}
.lv-pin.lx-rg-in{padding:22px 24px;gap:12px;min-height:0}
.lx-rg-in h3{margin:0 0 5px;font-size:19px}
.lx-rg-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.lx-rg-f{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:#3A4154;min-width:0}
.lx-rg-f .lv-in{height:38px;font-size:13.5px}
.lx-rg-regs{display:flex;flex-direction:column}
.lx-rg-lab{font-size:13px;font-weight:600;color:#3A4154;margin-bottom:2px}
.lx-rg-row{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:13.5px;font-weight:600}
.lx-rg-row>span:nth-child(2){flex:1;min-width:0}
.lx-rg-row .lv-chk{width:17px;height:17px;border-radius:4px;border-width:1.5px}
.lx-rg-row .lv-chk svg{width:11px;height:11px}
.lx-rg-row .lv-in{width:168px;height:34px;font-size:13.5px;flex:none;font-variant-numeric:tabular-nums}
.lx-rg-ph{color:#A9B0C0;font-weight:500}
.lx-rg-more{font-size:13px;font-weight:600;color:#1A56DB;display:flex;align-items:center;gap:6px}
.lx-rg-more::before{content:'';border:solid transparent;border-width:4px 0 4px 6px;border-left-color:#1A56DB}
.lx-rg-out{display:grid;background:#F7F8FB;border-radius:10px;padding:10px 12px;font-size:12.5px;color:#3A4154;line-height:1.45}
.lx-rg-out>*{grid-area:1/1;align-self:start}
.lx-rg-out .s{margin-top:6px;color:#5B6275}
.lx-rg-foot{display:flex;justify-content:flex-end;gap:8px}
.lx-rg-all{position:relative}
.lx-rg-mk{position:absolute;left:0;top:0;width:470px;height:100%;pointer-events:none}
.lx-py-nb{font-weight:inherit;white-space:nowrap}
.lx-rg-tags>span{white-space:nowrap}
.lx-rg-hero>.lv-btn{flex:none}