/* CA Bundals — Learn: scene styles for films/m7b.js (stage units). Shared atoms are in ../engine.css and ../films.css. */

/* shared by the five chapters */
.lx-7b-sel{display:inline-flex;height:36px;font-size:13px;font-weight:600;color:#3A4154;padding:0 11px;gap:10px;flex:none}
.lx-7b-sel.sel::after{margin-left:2px}
.lx-7b-code{font:500 12.5px ui-monospace,SFMono-Regular,Menlo,monospace;color:#1F2433}
.lx-7b-kp .lv-kpi>small{white-space:normal;line-height:1.35}
.lx-7b-kp .lv-kpi>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-7b-lede{margin:-8px 0 0;font-size:13.5px;color:#5B6275;line-height:1.45}
.lx-7b-foot{margin:0;font-size:12.5px;color:#5B6275;line-height:1.5}
.lx-7b-pad{padding:10px 18px 14px}
.lx-7b-filt{display:flex;align-items:center;gap:10px;padding:12px 18px}
.lx-7b-filt .lv-in{height:34px;font-size:13px}
.lx-7b-acts{display:flex;gap:6px;align-items:center;justify-content:flex-end}
.lx-7b-ch{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.lx-7b-ch h2{margin:0;font-size:16px;font-weight:700;flex:1;min-width:0}
.lv-card.flush>.lx-7b-ch{padding:14px 18px 10px;margin:0}
.lx-7b-modal{gap:12px}
.lx-7b-modal .lv-in{height:38px}
.lx-7b-modal .lv-fld>span:first-child{line-height:1.3}
.lx-7b-ckrow{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:#1F2433}
.lx-7b-stack{display:grid}
.lx-7b-stack>*{grid-area:1/1;align-self:start}
.lx-7b-ok{color:#067647;font-weight:600}
.lx-7b-bad{color:#B42318;font-weight:700}
.lv-tb .lv-tr.lx-7b-gone{opacity:.38}
.lv-tb .lv-tr{transition:background .3s,opacity .3s}

/* trusts · the 85% working */
.lx-7b-work{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 16px;font-size:13.5px}
.lx-7b-work div{padding:7px 0;border-bottom:1px solid #EEF0F5}
.lx-7b-work .n{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.lx-7b-work .t{font-weight:800}
.lx-7b-work .bad{color:#B42318;font-weight:800}
.lx-7b-work .ok{color:#067647;font-weight:800}

/* msme · the year-end working */
.lx-7b-kv{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 14px;font-size:13.5px}
.lx-7b-kv>span{color:#5B6275}
.lx-7b-kv>b{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.lx-7b-kv>.tot{border-top:1px solid #E6E9F0;padding-top:9px;font-weight:800;color:#1F2433}
.lx-7b-rows p{margin:0;display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-top:1px solid #F0F2F6;font-size:13px}
.lx-7b-rows p:first-child{border-top:0;padding-top:0}
.lx-7b-rows p span{font-weight:600;min-width:0}
.lx-7b-rows p b{font-variant-numeric:tabular-nums;white-space:nowrap}

/* crm · pipeline board, lead page */
.lx-7b-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0 -14px}
.lx-7b-col{background:#F4F6FA;border:1px solid #E6E9F0;border-radius:13px;padding:8px 6px;display:flex;flex-direction:column;gap:6px;min-height:286px}
.lx-7b-col header{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:1px 2px 2px}
.lx-7b-col header b{font-size:12.5px;white-space:nowrap}
.lx-7b-col header span{background:#fff;border:1px solid #E6E9F0;border-radius:999px;font-size:11px;font-weight:700;padding:0 6px;color:#5B6275}
.lx-7b-col header small{width:100%;color:#5B6275;font-size:11.5px;min-height:15px}
.lx-7b-lead{background:#fff;border:1px solid #E6E9F0;border-radius:11px;padding:8px;display:flex;flex-direction:column;gap:3px;font-size:11.5px;transform-origin:50% 0}
.lx-7b-lead>b{font-size:12.5px;line-height:1.25}
.lx-7b-lead>small{color:#5B6275;font-size:11.5px}
.lx-7b-lead .m{font-weight:600;color:#1F2433;display:flex;gap:0 8px;flex-wrap:wrap}
.lx-7b-lead .s{color:#5B6275;font-size:11px;line-height:1.3}
.lx-7b-lead .lv-pl{align-self:flex-start;font-size:10.5px;padding:2px 7px}
.lx-7b-lead .lv-in{height:26px;font-size:11.5px;padding:0 8px;margin-top:3px;color:#5B6275}
.lx-7b-empty{border:1px dashed #D5DAE4;border-radius:10px;padding:14px 4px;text-align:center;color:#8A91A3;font-size:11.5px}
.lx-7b-sub{display:flex;gap:12px;align-items:center;color:#5B6275;font-size:13.5px;margin-top:-6px}
.lx-7b-dd{position:relative;display:inline-flex}
.lx-7b-menu{position:absolute;right:0;top:40px;width:170px;background:#fff;border:1px solid #E1E5EE;border-radius:10px;padding:5px;box-shadow:0 18px 36px -16px rgba(31,36,51,.45);display:flex;flex-direction:column;z-index:3}
.lx-7b-menu i{font-style:normal;font-size:13.5px;font-weight:600;color:#3A4154;padding:6px 10px;border-radius:7px}
.lx-7b-menu i.cur{background:#EEF3FD;color:#1A56DB}
.lx-7b-two{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;align-items:start}
.lx-7b-ta{display:block;height:auto;min-height:58px;white-space:normal;align-items:flex-start;padding:9px 12px;line-height:1.4;font-size:13.5px}
.lx-7b-tl{display:flex;flex-direction:column;margin-top:12px}
.lx-7b-tl p{margin:0;border-left:2px solid #E6E9F0;padding:0 0 12px 14px;position:relative;font-size:13.5px}
.lx-7b-tl p::before{content:'';position:absolute;left:-6px;top:3px;width:10px;height:10px;border-radius:50%;background:#C9D3E6}
.lx-7b-tl p.call::before{background:#1A56DB}
.lx-7b-tl p.stage::before{background:#8B5CF6}
.lx-7b-tl p.prop::before{background:#F59E0B}
.lx-7b-tl p:last-child{padding-bottom:0}
.lx-7b-tl small{color:#5B6275;font-size:12.5px}
.lx-7b-tl span{display:block;margin-top:2px}
.lx-7b-dl{display:grid;grid-template-columns:86px minmax(0,1fr);gap:7px 10px;font-size:13.5px}
.lx-7b-dl>span{color:#5B6275}

/* custody · inward form, return card, client's confirmation page */
.lx-7b-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}
.lx-7b-k{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7A8194}
.lx-7b-item{display:grid;grid-template-columns:150px minmax(0,1fr) 120px 130px 100px;gap:8px}
.lx-7b-rdl{display:grid;grid-template-columns:112px minmax(0,1fr);gap:7px 12px;font-size:13.5px}
.lx-7b-rdl>span{color:#5B6275;font-weight:600;font-size:12.5px}
.lx-7b-stp{display:flex}
.lx-7b-stp div{flex:1 1 0;position:relative;padding-top:22px;font-size:11.5px;color:#8A91A3;text-align:center;transition:color .3s}
.lx-7b-stp div::before{content:'';position:absolute;top:6px;left:0;right:0;height:3px;background:#E6E9F0;transition:background .3s}
.lx-7b-stp div:first-child::before{left:50%}
.lx-7b-stp div:last-child::before{right:50%}
.lx-7b-stp div::after{content:'';position:absolute;top:0;left:50%;margin-left:-8px;width:15px;height:15px;border-radius:50%;background:#fff;border:2px solid #D5DAE3;box-sizing:border-box;transition:all .3s}
.lx-7b-stp div.d::before{background:#12B76A}
.lx-7b-stp div.d::after{background:#12B76A;border-color:#12B76A}
.lx-7b-stp div.c::after{border-color:#1A56DB;box-shadow:0 0 0 3px #DDE6F8}
.lx-7b-stp div.d,.lx-7b-stp div.c{color:#1F2433}
.lx-7b-stp b{display:block;font-weight:700;font-size:12px}
.lx-7b-stp span{display:block;margin-top:1px;min-height:15px}
.lx-7b-slip{border:1.5px dashed #C9CFDB;border-radius:10px;padding:10px 13px;font-size:12.5px;line-height:1.5;background:#FCFCFD;color:#1F2433}
.lx-7b-slip small{display:block;color:#5B6275;font-size:12px;margin-top:5px}
.lx-7b-link{display:flex;align-items:center;gap:10px;border:1px solid #E1E5EE;border-radius:9px;padding:6px 6px 6px 12px;font-size:12.5px;color:#5B6275}
.lx-7b-link>span:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-7b-url{color:#1A56DB;text-decoration:underline;word-break:break-all}
.lx-7b-ph .lv-pc b{font-size:14px}
.lx-7b-ph h5{margin:0;font-size:19px;font-weight:800;letter-spacing:-.4px;line-height:1.2}
.lx-7b-cons{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.4}
.lx-7b-cons .lv-chk{margin-top:1px}
.lx-7b-lbl{font-size:12px;font-weight:700;color:#5B6275;line-height:1.35}
.lx-7b-otp{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.lx-7b-otp i{height:44px;border:1.5px solid #D5DAE3;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:19px;font-weight:800;transition:border-color .2s}
.lx-7b-otp i.on{border-color:#1A56DB}
.lx-7b-pbo{display:flex;align-items:center;justify-content:center;height:40px;border-radius:12px;background:#fff;color:#1A56DB;font-weight:700;font-size:13.5px;box-shadow:inset 0 0 0 1.5px #C9D8F8}
.lx-7b-done{align-items:center;text-align:center;padding:20px 14px}
.lx-7b-done>i{width:52px;height:52px;border-radius:50%;background:#0E9F6E;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px #D9F2E6;margin-bottom:8px}
.lx-7b-done>i svg{width:26px;height:26px}

/* articles · record, attendance sheet */
.lx-7b-nx{display:grid;grid-template-columns:138px minmax(0,1fr);gap:8px 14px;font-size:13.5px}
.lx-7b-nx>span{color:#5B6275;font-weight:600;font-size:12.5px}
.lx-7b-lv{display:block;min-width:84px}
.lx-7b-lv small{margin-top:4px}
.lx-7b-sheet{display:grid;grid-template-columns:132px repeat(31,minmax(0,1fr)) 28px 28px;font-size:11px;border-top:1px solid #EEF0F4;border-left:1px solid #EEF0F4}
.lx-7b-sheet>*{height:27px;display:flex;align-items:center;justify-content:center;border-right:1px solid #EEF0F4;border-bottom:1px solid #EEF0F4;font-weight:700;color:#3A4154;font-style:normal;transition:background .3s}
.lx-7b-sheet>em{background:#F7F8FB;color:#5B6275}
.lx-7b-sheet>b{justify-content:flex-start;padding:0 10px;font-size:12.5px;font-weight:600;white-space:nowrap;background:#fff}
.lx-7b-sheet>em.nm{justify-content:flex-start;padding:0 10px}
.lx-7b-sheet .P{background:#E5F6EE}
.lx-7b-sheet .F{background:#FEF3E2}
.lx-7b-sheet .L{background:#F3EEFF}
.lx-7b-sheet .O{background:#EEF3FD}
.lx-7b-sheet .H{background:#F2F4F8}
.lx-7b-sheet .now{box-shadow:inset 0 -2px 0 #1A56DB}
.lx-7b-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#5B6275;margin-top:10px}
.lx-7b-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.lx-7b-up{border-style:dashed;color:#5B6275;font-weight:600;transition:all .25s}
.lx-7b-up.got{border-style:solid;border-color:#0E9F6E;background:#F3FBF7;color:#067647}
.lx-7b-modal .lv-g2{align-items:end}
.lx-7b-ph.lv-ps{gap:8px}
.lx-7b-ph .lv-pc{padding:10px 13px;gap:5px}
.lx-7b-ph .lx-7b-pbo{height:36px}
.lx-7b-ph .lx-prow{padding:6px 0}
.lx-7b-wrapth .lv-th{white-space:normal;line-height:1.3;align-items:end}
.lx-7b-acts .lv-sw em:empty{padding:0;background:none}
.lx-7b-wrapsm .lv-tb small{white-space:normal;line-height:1.3}

/* Team & Time has 11 menu items: tighten the sidebar so the user block stays inside the window */
.lx-7b-ar .lv-side nav .lv-nav{min-height:28px;font-size:13.5px}
.lx-7b-ar .lv-apphead{padding-top:6px}