/* CA Bundals — Learn: films added after the hub was first made (m3b).
   Information sheets (isb-) and Formats library (fmb-) — stage units. */

/* ── information sheets: the office ── */
.isb-fil{gap:8px;margin-bottom:10px}
.isb-sel{height:34px;font-size:13px;padding:0 11px;width:124px;flex:none}
.isb-tbc .lv-tb{margin:0 -18px -16px}
.isb-tbc .lv-tr{min-height:46px;padding-top:6px;padding-bottom:6px}
.isb-tbc .lv-tr b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.isb-pr{display:flex;align-items:center;gap:8px}
.isb-pr .lv-bar{flex:1;min-width:40px}
.isb-pr small{display:inline;white-space:nowrap}
.isb-stack{display:grid}
.isb-stack>*{grid-area:1/1;align-self:start}
.isb-reslist{height:236px;overflow:hidden;border-top:1px solid #F0F2F6;border-bottom:1px solid #F0F2F6}
.isb-res{display:flex;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #F0F2F6;font-size:13.5px}
.isb-res:first-child{border-top:0}
.isb-res>div{flex:1;min-width:0}
.isb-res b{display:block;font-weight:600}
.isb-res span{font-size:12.5px;color:#5B6275}
.isb-hint{margin:0;font-size:12.5px;color:#5B6275;line-height:1.5}
.isb-sec{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8A91A3}
.isb-qa{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:4px 16px;padding:9px 8px;margin:0 -8px;border-top:1px solid #F0F2F6;font-size:13.5px;border-radius:8px;transition:background .3s}
.isb-qa.hot{background:#F5F8FF}
.isb-qa .q{color:#3A4154}
.isb-qa .a{font-weight:700}
.isb-qa .none{font-weight:500;color:#8A91A3}
.isb-qa .sub{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2px 16px;padding-left:12px;border-left:2px solid #E6E9F0;margin-top:2px;font-size:13px}
.isb-prep{grid-column:1/-1;margin-top:4px;padding:7px 10px;border-radius:8px;background:#FFFBEB;color:#5C4400;font-size:12.5px;line-height:1.45}
.isb-prep b{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;margin-right:8px}
.isb-chip{display:inline-flex;align-items:center;max-width:100%;padding:3px 9px;border-radius:7px;background:#EEF3FD;color:#1A56DB;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.isb-tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:13.5px}
.isb-tl li{display:flex;gap:10px}
.isb-tl li i{width:8px;height:8px;border-radius:50%;background:#C9CFDB;margin-top:6px;flex:none;transition:background .3s}
.isb-tl li.on i{background:#0E9F6E}
.isb-tl b{display:block;font-weight:600}
.isb-tl small{display:block;font-size:12.5px;color:#5B6275;line-height:1.4}
.isb-to b{display:block;font-size:13.5px;font-weight:600}
.isb-to span{font-size:12.5px;color:#5B6275}
#isSide .lv-card{padding:14px 16px}
#isSide .isb-qa{font-size:13px}

/* ── information sheets: the client's page on a phone (client/sheet.js) ── */
.isb-ps{padding:38px 0 0;gap:0;overflow:hidden}
.isb-fb{display:flex;align-items:center;gap:9px;padding:6px 14px 9px;background:#fff;border-bottom:1px solid #E6E9F0;margin-top:-38px;padding-top:44px}
.isb-fb i{width:32px;height:32px;border-radius:9px;background:#0F2E6E;color:#fff;font-style:normal;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;flex:none}
.isb-fb div{flex:1;min-width:0}
.isb-fb b{display:block;font-size:13.5px;line-height:1.2}
.isb-fb small{font-size:11px;color:#5B6275}
.isb-lang{padding:6px 11px;border-radius:999px;border:1px solid #D5DAE3;background:#fff;font-size:12px;font-weight:700;flex:none}
.isb-chips{display:flex;gap:7px;padding:8px 14px;overflow:hidden;flex:none}
.isb-chips span{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:999px;border:1px solid #D5DAE3;background:#fff;font-size:12px;font-weight:600;color:#3A4154;white-space:nowrap;flex:none}
.isb-chips em{width:7px;height:7px;border-radius:50%;background:#C9CFDB;margin-right:7px}
.isb-chips em.ok{background:#12B76A}
.isb-chips span.on{background:#1A56DB;border-color:#1A56DB;color:#fff}
.isb-chips span.on em{background:rgba(255,255,255,.6)}
.isb-main{flex:1;min-height:0;overflow:hidden;padding:2px 14px 0;display:flex;flex-direction:column;gap:9px}
.isb-card{background:#fff;border-radius:14px;padding:12px 13px;box-shadow:0 0 0 1px rgba(31,36,51,.07);display:flex;flex-direction:column;gap:8px;flex:none}
.isb-card h4{margin:0;font-size:18px;font-weight:800;letter-spacing:-.3px;line-height:1.3}
.isb-card h5{margin:0;font-size:14px;font-weight:700;line-height:1.38}
.isb-card h6{margin:0;font-size:13px;font-weight:600;line-height:1.38}
.isb-card p{font-size:12.5px;line-height:1.5}
.isb-prog>div{display:flex;justify-content:space-between;gap:8px;font-size:12.5px}
.isb-prog span{color:#5B6275}
.isb-sub{font-size:10.5px;font-weight:700;color:#5B6275;text-transform:uppercase;letter-spacing:.4px;line-height:1.4;margin:1px 0 -3px}
.isb-hi{font-size:12.5px;color:#5B6275;line-height:1.5;margin-top:-4px;font-weight:500}
.isb-yn{display:flex;gap:8px}
.isb-opt{flex:1;display:flex;align-items:center;justify-content:center;height:40px;border-radius:11px;border:1.5px solid #D5DAE3;background:#fff;font-size:13.5px;font-weight:700;transition:all .2s}
.isb-opt.on{border-color:#1A56DB;background:#EEF3FD;color:#1A56DB}
.isb-opt.soft{border-color:transparent;background:#EEF2FB;color:#1A56DB}
.isb-more{display:flex;flex-direction:column;gap:7px;padding-top:9px;border-top:1px dashed #D5DAE3}
.isb-more .isb-hi{margin-top:-5px}
.isb-file{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:2px 0}
.isb-file b{flex:1;min-width:0;font-weight:600}
.isb-file span{color:#5B6275}
.isb-file em{font-style:normal;font-weight:600;color:#B42318}
.isb-saved{font-size:11.5px;font-weight:600;color:#067647;margin-top:-3px}
.isb-foot{flex:none;display:flex;gap:8px;padding:9px 14px 14px;background:#fff;border-top:1px solid #E6E9F0}
.isb-foot span{flex:1;display:flex;align-items:center;justify-content:center;height:40px;border-radius:11px;border:1px solid #D5DAE3;font-size:13.5px;font-weight:700}
.isb-foot span.p{background:#1A56DB;border-color:#1A56DB;color:#fff}
.isb-ckr{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45}
.isb-ckr .lv-chk{margin-top:1px}
.isb-ckr b{font-weight:600}
.isb-ckr .isb-hi{display:block;margin-top:3px}
.isb-btn{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:11px;background:#1A56DB;color:#fff;font-size:13.5px;font-weight:700;text-align:center;transition:opacity .25s}
.isb-btn.off{opacity:.45}
.isb-btn.line{background:#fff;color:#1F2433;box-shadow:inset 0 0 0 1px #D5DAE3}
.isb-btn.ghost{background:none;color:#5B6275;min-height:30px}
.isb-cl{font-size:13px;font-weight:600;line-height:1.45}
.isb-mut{font-size:12.5px;font-weight:700;color:#5B6275}
.isb-otp{display:flex;gap:6px;justify-content:space-between}
.isb-otp span{flex:1;height:48px;border-radius:10px;border:1.5px solid #D5DAE3;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;transition:border-color .2s}
.isb-otp span.on{border-color:#1A56DB}
.isb-done{align-items:center;text-align:center;padding:22px 14px;margin-top:10px}
.isb-done i{width:46px;height:46px;border-radius:50%;background:#0E9F6E;color:#fff;display:flex;align-items:center;justify-content:center}
.isb-done i svg{width:22px;height:22px}

/* ── formats library ── */
.fmb-verify{display:flex;gap:10px;align-items:flex-start;padding:9px 14px;background:#FFFBEB;border:1px solid #F5DFA0;border-radius:10px;font-size:12.5px;line-height:1.5;color:#5C4400}
.fmb-verify b{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;background:#FBBF24;color:#1F2433;border-radius:999px;padding:2px 8px;flex:none}
.fmb-tbc .lv-tr{min-height:46px;padding-top:6px;padding-bottom:6px}
.fmb-tbc .lv-tr span{white-space:nowrap}
.fmb-stack{display:grid}
.fmb-stack>*{grid-area:1/1;align-self:start}
.fmb-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.fmb-fields .lv-fld{gap:4px;font-size:12px}
.fmb-fields .lv-fld>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fmb-in{height:32px;font-size:13px;padding:0 10px}
.fmb-src{font-weight:500;color:#8A91A3;margin-left:7px;font-size:11px}
.fmb-src.need{color:#8A4B00}
.fmb-sep{grid-column:1/-1;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8A91A3;border-top:1px solid #EEF0F4;padding-top:9px;margin-top:3px}
.fmb-letter{height:432px;overflow:hidden;border:1px solid #E6E9F0;border-radius:10px;background:#fff;padding:13px 16px;font-size:11.5px;line-height:1.5;color:#1F2433}
.fmb-letter p{margin:0 0 8px}
.fmb-letter .hd{font-weight:700;text-align:center}
.fmb-letter.ta{height:186px;font-size:12.5px;font-weight:500;border-color:#D5DAE3}
.fmb-letter.ta .hd{text-align:left;font-weight:500}
.fmb-v{transition:background .5s;border-radius:3px}
.fmb-v.bl{color:#A9B0C0;letter-spacing:-1px}
.fmb-hint{display:block;font-size:12.5px;color:#5B6275;line-height:1.5}
#fmDoc .fmb-hint{margin-top:8px}
#fmDoc .lv-ch a,#fmRead .lv-ch .lv-cnt{white-space:nowrap}
#fmRead .lv-ch .lv-cnt,#fmDoc .lv-ch .lv-cnt{background:none;font-weight:500;color:#5B6275;padding:0}
#fmEdit{background:#F5F8FF}
.fmb-file{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:#1A56DB}
.fmb-file .lx-doc{width:20px;height:25px}
.fmb-fields .lv-fld>span:first-child{white-space:normal;overflow:visible;line-height:1.25}
.fmb-fields .fmb-src{display:block;margin-left:0}
.fmb-letter.ta{height:212px}
.fmb-letter.ta p{margin-bottom:6px}
