/* CA Bundals — Learn: styles for single scenes inside the chapter films
   (stage units, like engine.css). Shared atoms are in engine.css. */
.lx-link{font-size:13px;font-weight:600;color:#1A56DB}
.lx-h1{margin:3px 0 4px;font-size:25px;font-weight:800;letter-spacing:-.5px}
.lx-fav{width:38px;height:38px;border-radius:10px;background:#1A56DB;color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}

/* m1 · sign-up */
.lx-login{background:#fff}
.lx-lside{width:500px;flex:none;padding:26px 44px;display:flex;flex-direction:column;gap:14px}
.lx-lhead small{font-size:12.5px;font-weight:700;color:#1A56DB}
.lx-lhead h1{margin:4px 0 5px;font-size:27px;font-weight:800;letter-spacing:-.7px}
.lx-lhead p{margin:0;font-size:13px;color:#5B6275;line-height:1.45}
.lx-form{display:flex;flex-direction:column;gap:10px}
.lx-form .lv-in{height:37px}
.lx-form .lv-col{gap:10px}
.lx-hint{font-style:normal;font-size:11.5px;font-weight:500;color:#7A8194;margin-top:-2px}
.lx-terms{display:flex;align-items:center;gap:9px;font-size:13px;color:#3A4154}
.lx-terms a{color:#1A56DB;font-weight:600}
.lx-trial{margin:0;font-size:12.5px;color:#5B6275;line-height:1.45}
.lx-lart{flex:1;background:#EEF3FD;padding:70px 56px;display:flex;flex-direction:column;gap:14px;justify-content:center}

.lx-lart>small{font-size:12.5px;font-weight:700;color:#1A56DB}
.lx-lart h2{margin:0 0 10px;font-size:27px;font-weight:800;letter-spacing:-.7px;line-height:1.2;max-width:460px}
.lx-lart .lv-card{box-shadow:0 30px 60px -40px rgba(26,86,219,.6)}
/* m1 · first run + plan */
.lx-step{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 18px}
.lx-step h2{margin:0;font-size:16px;font-weight:700}
.lx-step p{margin:4px 0;font-size:13px;line-height:1.45}
.lx-step small{font-size:12px;color:#5B6275}
.lx-stepn{width:32px;height:32px;border-radius:50%;background:#F2F4F8;color:#5B6275;font-weight:800;display:flex;align-items:center;justify-content:center}
.lx-stepn.next{background:#1A56DB;color:#fff}
.lx-stepn.done{background:#0E9F6E;color:#fff}
#fr1{border-color:#1A56DB}
.lx-uses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lx-use{padding:12px 14px;display:flex;flex-direction:column;gap:6px;border-radius:12px}
.lx-use>span:first-child{font-size:12.5px;font-weight:600;color:#5B6275}
.lx-use b{font-size:19px;font-weight:800;letter-spacing:-.3px}.lx-use b small{font-size:13px;font-weight:600;color:#5B6275}
.lx-keep{margin:12px 0 0;font-size:13.5px;color:#3A4154;display:inline-block}
.lx-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lx-plan{padding:14px 16px;display:flex;flex-direction:column;gap:3px;transition:border-color .3s,box-shadow .3s}
.lx-plan h3{margin:0;font-size:17px;font-weight:800;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lx-plan>small{font-size:12.5px;color:#5B6275}
.lx-plan>b{font-size:19px;font-weight:800;letter-spacing:-.4px;margin:5px 0 4px}
.lx-plan p{margin:0;display:flex;justify-content:space-between;font-size:12.5px;color:#5B6275;padding:4px 0;border-top:1px solid #F0F2F6}
.lx-plan p span:last-child{font-weight:700;color:#1F2433}
.lx-plan.cur{border-color:#1A56DB;box-shadow:0 0 0 1px #1A56DB}

/* m1 · add a client, import */
.lx-h2{margin:0;font-size:19px;font-weight:800;letter-spacing:-.3px}
.lx-cap{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7A8194}
.lx-big{font-size:26px;font-weight:800;letter-spacing:-.6px;color:#1A56DB;font-variant-numeric:tabular-nums}
.lx-fav.live{background:#1A56DB!important;color:#fff!important}
.lx-steps{display:flex;gap:8px}
.lx-steps span{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;background:#fff;border:1px solid #E6E9F0;font-size:13px;font-weight:600;color:#5B6275;transition:all .3s}
.lx-steps i{width:24px;height:24px;border-radius:50%;background:#F2F4F8;font-style:normal;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .3s}
.lx-steps i svg{width:12px;height:12px}
.lx-steps span.on{border-color:#1A56DB;color:#1A56DB}.lx-steps span.on i{background:#1A56DB;color:#fff}
.lx-steps span.done{color:#067647}.lx-steps span.done i{background:#0E9F6E;color:#fff}
.lx-wiz{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}
.lx-wizmain{display:flex;flex-direction:column;gap:11px}
.lx-wizmain>p{margin:-6px 0 2px}
.lx-wizfoot{margin-top:4px;padding-top:12px;border-top:1px solid #F0F2F6}
.lx-wizmain.flush .lv-ch{margin:0}
.lx-prev{display:flex;flex-direction:column;gap:8px}
.lx-prev>p{margin:0;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#5B6275;padding-top:7px;border-top:1px solid #F0F2F6}
.lx-prev>p b{color:#1F2433;font-weight:600}
.lx-checks{display:grid;font-size:13px;color:#5B6275;gap:5px}
.lx-checks #acC0{grid-area:1/1}
.lx-checks .ok{display:flex;align-items:center;gap:8px;color:#067647;font-weight:600}
.lx-checks .ok::before{content:'';width:16px;height:16px;border-radius:50%;background:#0E9F6E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' stroke='%23fff' stroke-width='2.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;flex:none}
.lx-checks #acC1{grid-area:1/1}
.lx-q{display:flex;flex-direction:column;gap:7px;font-size:12.5px;font-weight:600;color:#3A4154}
.lx-q small{font-weight:500;color:#7A8194;margin-left:4px}
.lx-seg{display:inline-flex;background:#F2F4F8;border-radius:10px;padding:3px;align-self:flex-start}
.lx-seg i{font-style:normal;padding:7px 13px;border-radius:8px;font-size:13px;font-weight:600;color:#5B6275;transition:all .25s}
.lx-seg i.on{background:#fff;color:#1A56DB;box-shadow:0 2px 6px rgba(31,36,51,.12)}
.lx-ob{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 10px;padding:7px 0 6px;border-top:1px solid #F0F2F6;font-size:13px}
.lx-ob b{font-weight:600}.lx-ob small{grid-column:1;font-size:11.5px;color:#7A8194}
.lx-ob span{grid-column:2;grid-row:1;text-align:right;color:#5B6275;font-size:12px}
.lx-ob em{grid-column:2;grid-row:2;text-align:right;font-style:normal;font-weight:700;font-size:12px;color:#1A56DB}
/* m1 · team */
.lx-roles{display:flex;flex-direction:column;gap:5px}
.lx-roles span{padding:8px 12px;border:1px solid #E1E5EE;border-radius:9px;font-size:13px;font-weight:500;color:#3A4154;transition:all .25s}
.lx-roles span.on{border-color:#1A56DB;background:#F5F8FF;box-shadow:0 0 0 3px #DCE6FB}
.lx-matrix .lv-th{white-space:normal;font-size:10.5px;letter-spacing:0;line-height:1.2}
.lx-matrix .lv-tr>div:not(:first-child){text-align:center}
.lx-assign{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}
.lx-person{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;font-size:13.5px}
.lx-person span{flex:1;min-width:0}.lx-person b{display:block;font-weight:600}.lx-person small{display:block;font-size:11.5px;color:#5B6275}
.lx-person em{font-style:normal;font-weight:700;font-size:12.5px;background:#F2F4F8;border-radius:999px;padding:2px 9px;font-variant-numeric:tabular-nums}
.lx-person.on{background:#EEF3FD}
.lx-assign .lv-note{margin-top:10px;font-size:12.5px}
.lx-own{height:32px;font-size:13px;padding:0 10px}
/* m1 · client folder */
.lx-mini{display:flex;flex-direction:column;margin-top:8px}
.lx-mini p{margin:0;display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #F0F2F6;font-size:13px}
.lx-mini b{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lx-mini span{color:#5B6275;white-space:nowrap}
.lv-card .lv-kpis .lv-kpi{padding:9px 11px;border-radius:12px}
.lv-card .lv-kpis .lv-kpi>b{font-size:20px}
.lv-card .lv-kpis{gap:8px}

/* m2 · calendar */
.lx-seg i svg{display:block}
.lx-warn{display:flex;align-items:center;gap:12px;align-self:flex-start;padding:9px 14px;border-radius:10px;background:#FDECEC;color:#912018;font-size:13.5px}
.lx-warn a{font-weight:700;color:#B42318;text-decoration:underline}
.lx-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.lx-cal em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#7A8194;padding:0 6px}
.lx-cell{height:71px;border:1px solid #E6E9F0;border-radius:11px;background:#fff;padding:5px 6px;display:flex;flex-direction:column;gap:3px;transition:border-color .25s,box-shadow .25s}
.lx-cell>small{font-size:11px;color:#5B6275;font-weight:600}
.lx-cell.out{background:transparent;border-color:transparent}.lx-cell.out>small{color:#A9B0C0}
.lx-cell.today{border-color:#1A56DB}.lx-cell.today>small{color:#1A56DB;font-weight:700}
.lx-cell.sel{border-color:#1A56DB;box-shadow:0 0 0 3px #DCE6FB}
.lx-ev{display:flex;justify-content:space-between;gap:6px;padding:2px 7px;border-radius:6px;font-size:11px;background:#EEF3FD;color:#1A56DB;transition:opacity .3s,filter .3s;transform-origin:0 50%}
.lx-ev b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lx-ev i{font-style:normal;font-weight:800}
.lx-ev.tds{background:#FFF0EA;color:#C2410C}.lx-ev.it{background:#F3EEFF;color:#6D28D9}.lx-ev.roc{background:#E6F8F5;color:#0F766E}.lx-ev.pt{background:#FEF6E0;color:#92400E}.lx-ev.pay{background:#F2F4F8;color:#3A4154}
.lx-ev.dim{opacity:.22;filter:grayscale(1)}
/* m2 · filing page */
.lx-track{display:flex;gap:6px;padding:10px 12px}
.lx-track span{flex:1;display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;font-size:13px;font-weight:600;color:#7A8194;transition:background .3s,color .3s}
.lx-track i{width:22px;height:22px;border-radius:50%;background:#F2F4F8;font-style:normal;font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none;transition:background .3s,color .3s}
.lx-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.lx-facts p{margin:0;display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:#5B6275}
.lx-facts b{font-size:14px;color:#1F2433;font-weight:600}
.lx-why{margin-top:10px;padding:8px 11px;border-radius:9px;background:#F5F8FF;font-size:13px;color:#3A4154;display:inline-block}
.lx-why b{color:#1A56DB}
.lx-up{border-style:dashed;color:#5B6275;font-weight:600;transition:all .25s}
.lx-up.got{border-style:solid;border-color:#0E9F6E;background:#F3FBF7;color:#067647}
/* m2 · season */
.lx-seabar{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13.5px;transition:background .3s,border-color .3s}
.lx-seabar.on{background:#F5F8FF;border-color:#1A56DB;font-weight:600;color:#1A56DB}
.lx-track[data-st="0"] span[data-i="0"]{background:#EEF3FD;color:#1A56DB}.lx-track[data-st="0"] span[data-i="0"] i{background:#1A56DB;color:#fff}
.lx-track[data-st="1"] span[data-i="0"]{color:#067647}
.lx-track[data-st="1"] span[data-i="0"] i{background:#0E9F6E;color:#fff}
.lx-track[data-st="1"] span[data-i="1"]{background:#EEF3FD;color:#1A56DB}.lx-track[data-st="1"] span[data-i="1"] i{background:#1A56DB;color:#fff}
.lx-track[data-st="2"] span[data-i="0"],.lx-track[data-st="2"] span[data-i="1"]{color:#067647}
.lx-track[data-st="2"] span[data-i="0"] i,.lx-track[data-st="2"] span[data-i="1"] i{background:#0E9F6E;color:#fff}
.lx-track[data-st="2"] span[data-i="2"]{background:#EEF3FD;color:#1A56DB}.lx-track[data-st="2"] span[data-i="2"] i{background:#1A56DB;color:#fff}
.lx-track[data-st="3"] span[data-i="0"],.lx-track[data-st="3"] span[data-i="1"],.lx-track[data-st="3"] span[data-i="2"]{color:#067647}
.lx-track[data-st="3"] span[data-i="0"] i,.lx-track[data-st="3"] span[data-i="1"] i,.lx-track[data-st="3"] span[data-i="2"] i{background:#0E9F6E;color:#fff}
.lx-track[data-st="3"] span[data-i="3"]{background:#EEF3FD;color:#1A56DB}.lx-track[data-st="3"] span[data-i="3"] i{background:#1A56DB;color:#fff}
.lx-track[data-st="4"] span[data-i="0"],.lx-track[data-st="4"] span[data-i="1"],.lx-track[data-st="4"] span[data-i="2"],.lx-track[data-st="4"] span[data-i="3"]{color:#067647}
.lx-track[data-st="4"] span[data-i="0"] i,.lx-track[data-st="4"] span[data-i="1"] i,.lx-track[data-st="4"] span[data-i="2"] i,.lx-track[data-st="4"] span[data-i="3"] i{background:#0E9F6E;color:#fff}
.lx-track[data-st="4"] span[data-i="4"]{background:#EEF3FD;color:#1A56DB}.lx-track[data-st="4"] span[data-i="4"] i{background:#1A56DB;color:#fff}
.lx-track[data-st="5"] span[data-i="0"],.lx-track[data-st="5"] span[data-i="1"],.lx-track[data-st="5"] span[data-i="2"],.lx-track[data-st="5"] span[data-i="3"],.lx-track[data-st="5"] span[data-i="4"]{color:#067647}
.lx-track[data-st="5"] span[data-i="0"] i,.lx-track[data-st="5"] span[data-i="1"] i,.lx-track[data-st="5"] span[data-i="2"] i,.lx-track[data-st="5"] span[data-i="3"] i,.lx-track[data-st="5"] span[data-i="4"] i{background:#0E9F6E;color:#fff}
.lx-track[data-st="5"] span[data-i="5"]{background:#EEF3FD;color:#1A56DB}.lx-track[data-st="5"] span[data-i="5"] i{background:#1A56DB;color:#fff}

/* m3 · request composer, upload page, split view */
.lx-cl{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}
.lx-cli{display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #E1E5EE;border-radius:9px;font-size:13.5px;font-weight:600;color:#1F2433;background:#fff}
.lx-cli.add{border-style:dashed;color:#1A56DB;justify-content:center}
.lx-msg{background:#fff;border-radius:0 13px 13px 13px;padding:11px 13px;font-size:13.5px;line-height:1.45;box-shadow:0 0 0 1px #E6E9F0,0 10px 20px -16px rgba(31,36,51,.5)}
.lx-msg .lv-wbtn{display:block}
.lx-split .lx-side{left:470px;top:54px;width:776px;height:612px;display:block}
.lx-side .lv-pin{display:flex;flex-direction:column;gap:12px}
.lx-ups{display:flex;flex-direction:column;gap:7px}
.lx-upi{background:#fff;border-radius:13px;padding:9px 11px;box-shadow:0 0 0 1px rgba(31,36,51,.07);display:grid;grid-template-columns:1fr auto;gap:6px 8px;align-items:center;transition:background .3s,box-shadow .3s}
.lx-upi b{font-size:14px}
.lx-upb{grid-column:1/3;display:flex;gap:6px}
.lx-upb span{flex:1;text-align:center;padding:7px 2px;border-radius:9px;background:#EEF3FD;color:#1A56DB;font-size:12px;font-weight:700;white-space:nowrap}
.lx-upb span:last-child{background:#F2F4F8;color:#5B6275}
.lx-upi.got{background:#F3FBF7;box-shadow:0 0 0 1.5px #0E9F6E}
.lx-upi.na{opacity:.6}
.lx-prow{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #F0F2F6}
.lx-prow>span:first-child{flex:1;min-width:0}
.lx-prow b{display:block;font-size:13.5px;font-weight:600}.lx-prow small{display:block;font-size:11.5px;color:#5B6275;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* m3 · reminders, files */
.lv-tabs .lv-cnt{margin-left:5px;font-size:11px}
.lv-tb .lv-sw{margin-left:8px}
.lx-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.lx-ladder span{display:flex;flex-direction:column;gap:1px;padding:9px 10px;border-radius:11px;background:#F7F8FB;font-size:12px;transition:background .3s}
.lx-ladder i{width:22px;height:22px;border-radius:50%;background:#E6E9F0;color:#5B6275;font-style:normal;font-weight:800;font-size:11.5px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;transition:all .3s}
.lx-ladder b{font-size:13px}.lx-ladder small{color:#5B6275}
.lx-ladder .done{background:#F3FBF7}.lx-ladder .done i{background:#0E9F6E;color:#fff}
.lx-ladder .esc{background:#FFF5F4}.lx-ladder .esc i{background:#FDECEC;color:#B42318}
.lx-rule{flex-wrap:wrap;gap:8px;font-size:13.5px;color:#3A4154}
.lx-rule .lv-in{width:46px;height:32px;justify-content:center;padding:0;font-weight:700}
.lx-seg.sm i{padding:5px 10px;font-size:12px}
.lx-tree{display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.lx-tree b{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7A8194;padding:8px 8px 3px}
.lx-tree span{display:flex;justify-content:space-between;padding:7px 9px;border-radius:8px;font-weight:600;color:#3A4154}
.lx-tree span.on{background:#EEF3FD;color:#1A56DB}
.lx-tree em{font-style:normal;font-weight:700;color:#7A8194;font-size:12px}
.lx-doc{width:24px;height:30px;border-radius:5px;background:#EEF3FD;box-shadow:inset 0 0 0 1px #C9D8F8;flex:none;position:relative}
.lx-doc::after{content:'';position:absolute;left:5px;right:5px;top:8px;height:2px;background:#9DB7F2;box-shadow:0 5px 0 #9DB7F2,0 10px 0 #9DB7F2}
