/* V12.1 */
.lf10Header .headerBell{color:var(--lf-blue);background:var(--lf-soft);border-color:var(--lf-border)}
.lf10Header .headerBell svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lf121WelcomeGrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:14px;margin:18px 0}
.lf121WelcomeGrid .lf10Hero{margin:0;min-height:180px}
.lf121NotesHero{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;background:var(--lf-card);border:1px solid var(--lf-border);border-radius:22px;padding:22px;color:var(--lf-text);cursor:pointer}
.lf121NotesHero small{font-size:9px;letter-spacing:1px;color:var(--lf-blue);font-weight:800}
.lf121NotesHero h2{margin:12px 0 7px}.lf121NotesHero p{font-size:12px;color:var(--lf-muted)}.lf121NotesHero>b{font-size:28px;color:var(--lf-blue)}
.lf121PermissionCard{padding:14px 20px;margin:10px 0}.lf121PermissionCard>summary{list-style:none;position:relative;padding:10px 26px 10px 0}.lf121PermissionCard>summary:after{content:'+';position:absolute;right:0;top:12px;font-size:22px}.lf121PermissionCard[open]>summary:after{content:'−'}
.lf121PermissionCard summary b{display:block;font-size:14px}.lf121PermissionCard summary small{display:block;color:var(--lf-muted);font-size:11px;margin-top:5px}
.lf121PermissionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;margin:18px 0}
.lf121PermissionGrid .checkboxLine{margin:5px 0;padding:7px 0;font-size:12px}
.lf121WizardSteps{display:flex;gap:6px;overflow-x:auto;margin:15px 0 22px;padding-bottom:5px}
.lf121WizardSteps>span{flex:1;min-width:90px;background:var(--lf-soft);color:var(--lf-muted);padding:11px 9px;border-radius:10px;font-size:11px;text-align:center;border:1px solid var(--lf-border)}
.lf121WizardSteps .active{background:var(--lf-blue);color:#fff;border-color:var(--lf-blue)}
.lf121PaySection{border:1px solid var(--lf-border);background:var(--lf-soft);padding:18px;border-radius:13px;margin:15px 0}
.lf121PaySection h3{margin:0 0 15px}.lf121PaySection input:disabled,.lf121PaySection select:disabled{opacity:.55}
.lf121ScaleFields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.lf121ScaleFields input{width:100%;min-width:0}
.lf121TextButton{color:var(--lf-blue);padding:0;border:0;background:none;text-align:left;font-size:inherit;cursor:pointer}
.lf121Support{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff6dc;border:1px solid #edcc86;color:#744e00;padding:13px;border-radius:12px;margin-bottom:18px;font-size:12px}
.lf121Legend{display:flex;gap:15px;color:var(--lf-blue);font-size:11px;margin:10px 0 25px}.lf121Legend>span+span{color:#17a780}
.lf121Chart{display:flex;gap:12px;align-items:flex-end;height:175px;padding:10px 5px}.lf121ChartDay{min-width:0;flex:1;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}
.lf121Bars{height:130px;display:flex;align-items:flex-end;justify-content:center;gap:4px}.lf121Bars>div{width:24px;max-width:38%;background:var(--lf-blue);border-radius:5px 5px 0 0;position:relative;min-height:3px}.lf121Bars>div+div{background:#17a780}
.lf121Bars b{position:absolute;left:0;right:0;top:-17px;color:var(--lf-text);font-size:10px}.lf121ChartDay>small{font-size:10px;color:var(--lf-muted)}
.lf121QuoteResult{padding:16px 0;margin-top:12px;border-top:1px solid var(--lf-border)}
.lf10Bottom{overflow-x:auto}.lf10Bottom button{min-width:45px}.lf10Bottom button>span:last-child{overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sign-canvas{touch-action:none;width:100%;max-width:100%;height:150px}
@media(max-width:640px){.lf121WelcomeGrid{grid-template-columns:1fr;gap:10px}.lf121WelcomeGrid .lf10Hero{min-height:160px}.lf121NotesHero{padding:16px 20px;border-radius:16px}.lf121NotesHero h2{font-size:17px;margin:5px 0}.lf121NotesHero p{margin:4px 0}.lf121NotesHero small{font-size:8px}.lf121ScaleFields{grid-template-columns:repeat(3,minmax(0,1fr))}.lf121PermissionGrid{gap:3px 10px}.lf121Support{flex-wrap:wrap}.lf121Chart{gap:8px}.lf10Bottom button>span:last-child{font-size:9px}}
