/* CA Bundals — Learn: scene styles for films/m8.js (stage units). Shared atoms are in ../engine.css and ../films.css. */
.lv-pm p.lx-pd-red span:last-child{color:#B42318}
.lv-pm p span:last-child{transition:color .3s}
.lx-pd-title{display:flex;align-items:center;gap:10px}
.lx-pd-sub{margin:-8px 0 0;font-size:14px;color:#5B6275}
.lx-pd-state b{font-size:15px}
.lx-pd-state div{font-size:12.5px;color:#5B6275;margin-top:4px;line-height:1.5}
.lx-pd-use{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px}
.lx-pd-u{display:flex;flex-direction:column;gap:5px;min-width:0}
.lx-pd-u>span:first-child{font-size:12.5px;font-weight:600;color:#5B6275;white-space:nowrap}
.lx-pd-u b{font-size:20px;font-weight:800;letter-spacing:-.5px;transition:color .3s}
.lx-pd-u b small{font-size:12.5px;font-weight:600;color:#5B6275;letter-spacing:0}
.lx-pd-u.red b{color:#B42318}
.lx-pd-u.red .lv-bar i{background:#B42318}
.lx-pd-keep{font-size:12.5px;color:#5B6275;margin-top:12px}
.lx-pd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.lx-pd-plan{background:#fff;border:1px solid #E6E9F0;border-radius:16px;padding:14px 14px 13px;display:flex;flex-direction:column;gap:7px;min-width:0;transition:border-color .3s,box-shadow .3s}
.lx-pd-plan.cur{border-color:#1A56DB;box-shadow:inset 0 0 0 1px #1A56DB}
.lx-pd-plan h3{margin:0;font-size:16px;font-weight:800;display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:23px}
.lx-pd-plan>small{font-size:12px;color:#5B6275;margin-top:-5px}
.lx-pd-price{font-size:24px;font-weight:800;letter-spacing:-.7px;line-height:1.1}
.lx-pd-price small{font-size:12.5px;font-weight:600;color:#5B6275;letter-spacing:0}
.lx-pd-note{font-size:11.5px;color:#5B6275;min-height:30px;line-height:1.3}
.lx-pd-lim{margin:0;padding:8px 0 0;border-top:1px solid #F0F2F6;display:grid;gap:4px;font-size:12.5px}
.lx-pd-lim p{margin:0;display:flex;justify-content:space-between;gap:8px}
.lx-pd-lim p span{color:#5B6275}
.lx-pd-lim p b{font-weight:700}
.lx-pd-adds{font-size:12px;color:#3A4154;display:grid;gap:3px;padding-top:8px;border-top:1px solid #F0F2F6;align-content:start}
.lx-pd-adds .k{font-weight:700;color:#5B6275;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}
.lx-pd-adds em{font-style:normal;color:#8A91A3}
.lx-pd-adds .more{font-weight:700;color:#1A56DB}
.lx-pd-plan .lv-btn{margin-top:auto;height:34px;font-size:12.5px;padding:0 8px}
.lx-pd-seg{display:inline-flex;background:#F2F4F8;border-radius:10px;padding:3px;gap:2px}
.lx-pd-seg i{font-style:normal;font-weight:700;font-size:13px;color:#5B6275;padding:7px 14px;border-radius:8px;white-space:nowrap;transition:all .25s}
.lx-pd-seg i.on{background:#fff;color:#1A56DB;box-shadow:0 1px 2px rgba(31,36,51,.12)}
.lx-pd-ent{display:flex;gap:16px;align-items:center;justify-content:space-between}
.lx-pd-ent b{font-size:15px}
.lx-pd-ent div div{font-size:12.5px;color:#5B6275;margin-top:4px}
.lx-pd-foot{margin:0;font-size:12.5px;color:#5B6275;line-height:1.5}
/* the upgrade / limit dialog (screens/firm_plan.js .pd) */
.lv-modal.lx-pd-dlg{width:520px;padding:24px 26px;gap:12px}
.lx-pd-pill{align-self:flex-start;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:#EEF3FD;color:#1A56DB}
.lx-pd-pill.red{background:#FDECEC;color:#B42318}
.lx-pd-dlg h3{font-size:21px}
.lx-pd-dlg>p{font-size:13.5px;color:#3A4154;line-height:1.5}
.lx-pd-box{border:1px solid #E6E9F0;border-radius:12px;padding:11px 14px;display:flex;align-items:center;gap:12px}
.lx-pd-box>div{flex:1;min-width:0}
.lx-pd-box>div b{font-size:15px}
.lx-pd-box>div div{font-size:12.5px;color:#5B6275}
.lx-pd-box>b{font-size:18px;white-space:nowrap}
.lx-pd-box>b span{font-size:12px;font-weight:600;color:#5B6275}
.lx-pd-opts{display:grid;gap:7px}
.lx-pd-opt{display:flex;gap:10px;align-items:center;padding:8px 12px;border:1px solid #DDE1EA;border-radius:10px;font-size:13.5px;transition:border-color .25s,background .25s}
.lx-pd-opt>i{width:16px;height:16px;border-radius:50%;border:2px solid #C5CAD6;flex:none;transition:all .25s}
.lx-pd-opt span{flex:1}
.lx-pd-opt b{font-weight:700}
.lx-pd-opt small{display:block;color:#5B6275;font-size:12px}
.lx-pd-opt.on{border-color:#1A56DB;background:#F5F8FE}
.lx-pd-opt.on>i{border:5px solid #1A56DB}
.lx-pd-acts{display:flex;gap:10px}
.lx-pd-acts .lv-btn{height:40px;padding:0 18px;font-size:14px}
.lx-pd-small{font-size:12.5px;color:#5B6275}
/* the locked page (.pl-*) */
.lx-pd-hero{background:#fff;border:1px solid #E6E9F0;border-radius:16px;padding:24px 26px;display:flex;gap:20px;align-items:flex-start}
.lx-pd-ico{width:68px;height:68px;flex:none;border-radius:18px;background:#F4F6FA;display:flex;align-items:center;justify-content:center}
.lx-pd-hero>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}
.lx-pd-in{display:inline-flex;align-self:flex-start;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:#EEF3FD;color:#1A56DB}
.lx-pd-in svg{width:12px;height:12px}
.lx-pd-hero h1{margin:0;font-size:25px;font-weight:800;letter-spacing:-.6px}
.lx-pd-hero p{margin:0;font-size:14.5px;color:#3A4154;line-height:1.5;max-width:640px}
.lx-pd-hacts{display:flex;gap:10px;align-items:center}
.lx-pd-hacts .lv-btn{height:40px;padding:0 16px;font-size:13.5px}
.lx-pd-on{font-size:12.5px;color:#5B6275}
.lx-pd-on a{color:#1A56DB;font-weight:600}
.lx-pd-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lx-pd-pbox{background:#fff;border:1px solid #E6E9F0;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:9px;min-width:0}
.lx-pd-pbox .k{font-size:11.5px;font-weight:700;color:#5B6275;text-transform:uppercase;letter-spacing:.5px}
.lx-pd-pbox .s{font-size:12.5px;color:#5B6275}
.lx-pd-teaser{display:flex;align-items:baseline;gap:10px}
.lx-pd-teaser b{font-size:38px;font-weight:800;letter-spacing:-1px;color:#B42318;line-height:1}
.lx-pd-teaser span{font-size:14.5px;font-weight:600}
.lx-pd-chips{display:flex;flex-wrap:wrap;gap:7px}
.lx-pd-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #E1E5EE;border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600;background:#fff}
.lx-pd-ro{display:flex;gap:10px;align-items:center;background:#FEF3E2;color:#8A4B00;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:600}
.lx-pd-ro a{text-decoration:underline;white-space:nowrap}
/* reports, audit log, handover, backups */
.lx-pd-tight .lv-tr{min-height:38px;padding-top:6px;padding-bottom:6px}
.lx-pd-filters{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr auto;gap:10px;align-items:end}
.lx-pd-filters .lv-in{height:34px;font-size:13px}
.lx-pd-filters .lv-btn{height:34px}
.lx-pd-ph{color:#8A91A3}
.lx-pd-meta{display:flex;align-items:center;gap:8px;margin:12px 0 10px;font-size:12.5px;font-weight:600;color:#5B6275}
.lx-pd-aud .lv-tr{font-size:13px}
.lx-pd-inc{display:flex;align-items:center;gap:12px;padding:5px 0;border-top:1px solid #F0F2F6;font-size:13.5px}
.lx-pd-inc:first-child{border-top:0;padding-top:0}
.lx-pd-inc>div{flex:1;min-width:0}
.lx-pd-inc b{display:block;font-weight:600}
.lx-pd-inc small{display:block;font-size:12px;color:#5B6275;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-pd-dis{color:#8A91A3!important}
.lv-pm .lv-bar i.lx-pd-blue{background:#1A56DB!important}
.lx-pd-hacts .lv-btn.lv-bw{font-weight:600}
/* online payment on: the state card with its period note, the quote box of the plan dialog, the rules card (firm_plan.js .pd-q, .pb-rules) */
.lx-pd-state{display:flex;gap:16px;justify-content:space-between;align-items:center}
.lx-pd-state>div{min-width:0;margin-top:0}
.lx-pd-state>.lv-btn{flex:none}
.lx-pd-state div.lx-pd-pn{margin-top:6px;color:#8A4B00;font-weight:600}
.lx-pd-pn a{text-decoration:underline}
.lx-pd-q{border:1px solid #E6E9F0;border-radius:12px;padding:10px 14px;display:grid;gap:5px;font-size:13.5px}
.lx-pd-q .l{display:flex;justify-content:space-between;gap:14px;align-items:baseline}
.lx-pd-q .l span:last-child{white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums}
.lx-pd-q .l.t{border-top:1px solid #F0F2F6;padding-top:7px;margin-top:2px;font-weight:800;font-size:15px}
.lx-pd-q .l.t span:last-child{font-weight:800}
.lx-pd-q .n{font-size:12.5px;color:#5B6275;line-height:1.45}
.lx-pd-q .n.f{color:#3A4154;font-weight:600}
.lx-pd-q .n.b{color:#3A4154;font-size:13.5px}
.lx-pd-rules{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13.5px;color:#3A4154;line-height:1.45}
.lx-pd-acts .lv-btn.lv-bp{min-width:132px}
.lv-modal.lx-pd-dlg.tight{padding:18px 24px;gap:9px}
.lx-pd-dlg.tight .lx-pd-opt{padding:6px 12px}
.lx-pd-dlg.tight .lx-pd-box{padding:8px 14px}
.lx-pd-dlg.tight .lx-pd-opts{gap:6px}
/* phone framing: an invisible box over the left part of a full-width card, for the camera to fit */
.lx-pd-rel{position:relative}
.lx-pd-mk{position:absolute;left:0;top:0;width:470px;height:100%;pointer-events:none}