.lf{width:100%;max-width:520px;padding:12px 12px calc(88px + env(safe-area-inset-bottom,0px));box-sizing:border-box;color:var(--text);margin-inline:auto}.lf-wide{max-width:1200px;padding:40px 24px 72px}.lf-wide .lf-head{margin-top:0}.lf *,.lf :before,.lf :after{box-sizing:border-box}.lf-head{gap:10px;margin:8px 0 24px;display:grid}.lf-eyebrow{color:var(--text-dim);letter-spacing:.02em;margin:0;font-size:12px;font-weight:600}.lf-title{margin:0;font-size:22px;line-height:1.3}.lf-lead{color:var(--text-soft);margin:0;font-size:14px;line-height:1.6}.lf-sample{border:1px dashed var(--line-strong);background:var(--surface);color:var(--text-soft);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;padding:8px 12px;font-size:12px;line-height:1.5;display:flex}.lf-sample strong{color:var(--text)}.lf-section{gap:14px;margin:0 0 24px;display:grid}.lf-h2{margin:0;font-size:16px;line-height:1.4}.lf-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:12px;min-width:0;padding:18px;line-height:1.7;display:grid}.lf-card p{overflow-wrap:anywhere;margin:0}.lf-muted{color:var(--text-dim);font-size:12px;line-height:1.5}.lf-note{border:1px solid color-mix(in srgb, var(--status-construction) 35%, transparent);background:color-mix(in srgb, var(--status-construction) 8%, transparent);color:var(--text-soft);border-radius:10px;margin:0;padding:10px 12px;font-size:13px;line-height:1.6}.lf-error{border:1px solid color-mix(in srgb, var(--danger-text) 40%, transparent);color:var(--text);border-radius:10px;margin:0;padding:10px 12px;font-size:13px;line-height:1.6}.lf-ok{border:1px solid var(--mb-green-line);background:var(--mb-green-tint);color:var(--text);border-radius:10px;margin:0;padding:10px 12px;font-size:13px;line-height:1.6}.lf-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.lf-tile{border:1px solid var(--line);background:var(--surface);min-height:92px;color:var(--text);border-radius:12px;gap:4px;padding:14px 12px;text-decoration:none;display:grid}.lf-tile:hover,.lf-tile:focus-visible{border-color:var(--primary)}.lf-tile strong{font-size:15px}.lf-tile span{color:var(--text-dim);font-size:12px;line-height:1.4}.lf-nav{z-index:30;max-width:520px;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--bg);grid-template-columns:repeat(5,minmax(0,1fr));margin-inline:auto;display:grid;position:fixed;bottom:0;left:0;right:0}.lf-nav a{min-height:44px;color:var(--text-soft);border-radius:8px;place-items:center;font-size:13px;font-weight:600;text-decoration:none;display:grid}.lf-nav a[aria-current=page]{background:var(--surface);color:var(--primary)}.lf-balance{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.lf-balance div{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:2px;padding:14px;display:grid}.lf-balance dt{color:var(--text-dim);font-size:12px}.lf-balance dd{font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:700}.lf-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lf-row{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;padding:12px;display:flex}.lf-row>div{gap:2px;min-width:0;display:grid}.lf-row strong{overflow-wrap:anywhere;font-size:14px}.lf-row a{color:var(--text);text-decoration:none}.lf-row a:hover{color:var(--primary)}.lf-delta{font-variant-numeric:tabular-nums;flex:none;font-weight:700}.lf-delta[data-sign=plus]{color:var(--status-operating)}.lf-form{gap:16px;display:grid}.lf-form label{gap:4px;font-size:13px;font-weight:600;display:grid}.lf-input,.lf-select{border:1px solid var(--line-strong);background:var(--bg);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:8px;padding:0 12px;font-size:16px}.lf-input[aria-invalid=true]{border-color:var(--danger-text)}.lf-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lf-check{border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 10px;font-size:13px;display:flex}.lf-check input{width:18px;height:18px;accent-color:var(--primary)}.lf-actions{flex-wrap:wrap;gap:12px;display:flex}.lf-actions .mb-btn{min-height:44px;padding-block:10px;line-height:1.5}.lf-map{border:1px solid var(--line);border-radius:12px;height:220px;overflow:hidden}.lf-map .leaflet-container{width:100%;height:100%}.lf-connector{gap:6px;display:grid}.lf-connector-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.lf-facts{gap:4px;margin:0;display:grid}.lf-facts div{justify-content:space-between;gap:10px;font-size:13px;display:flex}.lf-facts dt{color:var(--text-dim)}.lf-facts dd{text-align:right;overflow-wrap:anywhere;margin:0}.lf-tabs{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.lf-tabs a{border:1px solid var(--line);min-height:36px;color:var(--text-soft);border-radius:999px;flex:none;align-items:center;padding:0 12px;font-size:13px;text-decoration:none;display:inline-flex}.lf-tabs a[aria-current=true]{border-color:var(--primary);color:var(--text);font-weight:700}.lf-gate{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:10px;padding:18px 16px;display:grid}.lf-gate h2{margin:0;font-size:18px}.lf-gate p{color:var(--text-soft);margin:0;font-size:14px;line-height:1.6}.lf-line-btn{background:var(--brand-line);min-height:44px;color:var(--tone-neutral-17);font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:700;display:inline-flex}.lf-line-btn:hover{background:var(--brand-line-hover)}.lf-line-btn:disabled{opacity:.6;cursor:wait}.lf-checks{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lf-checks li{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:20px minmax(0,1fr);gap:8px;padding:10px 12px;font-size:13px;line-height:1.5;display:grid}.lf-checks li[data-passed=true]>span:first-child{color:var(--primary);font-weight:700}.lf-checks li[data-passed=false]{border-color:color-mix(in srgb, var(--danger-text) 40%, transparent)}.lf-checks li[data-passed=false]>span:first-child{color:var(--danger-text);font-weight:700}.lf-error ul,.lf-note ul{margin:6px 0 0;padding-left:18px}.lf-steps{gap:6px;margin:8px 0 0;padding-left:20px;font-size:13px;line-height:1.6;display:grid}.lf-ref{border:1px dashed var(--line-strong);background:var(--bg);letter-spacing:.04em;overflow-wrap:anywhere;border-radius:8px;padding:2px 8px;font-size:16px;display:inline-block}.lf-thread{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lf-thread li{border:1px solid var(--line);background:var(--surface);border-radius:10px;gap:4px;padding:10px 12px;display:grid}.lf-thread li[data-author=system]{border-style:dashed}.lf-thread small{color:var(--text-dim);font-size:12px}.lf-thread p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.6}textarea.lf-input{resize:vertical;min-height:120px;padding:10px 12px}.lf-energy{gap:4px;display:grid}.lf-energy progress{width:100%;height:10px;accent-color:var(--brand-line)}.lf-facts .lf-hours-today dt,.lf-facts .lf-hours-today dd{color:var(--primary);font-weight:700}.lf-facts .lf-hours-closed{color:var(--accent-danger)}.ch-month-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.ch-month-summary{color:var(--text-soft);flex-wrap:wrap;gap:4px 14px;margin:0;font-size:13px;display:flex}.ch-month-summary span{white-space:nowrap}.ch-month-summary b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.ch-month-summary b.ch-held{color:var(--accent-warning)}.ch-row{align-items:center;gap:12px}.ch-icon{background:var(--surface-raised);width:36px;height:36px;color:var(--text-soft);border-radius:999px;flex:none;place-items:center;display:grid}.ch-row.is-success .ch-icon{background:color-mix(in srgb, var(--primary) 14%, transparent);color:var(--primary)}.ch-row.is-pending .ch-icon{background:color-mix(in srgb, var(--accent-warning) 14%, transparent);color:var(--accent-warning)}.ch-row.is-review .ch-icon{background:color-mix(in srgb, var(--accent-danger) 14%, transparent);color:var(--accent-danger)}.ch-row.is-success{border-left:3px solid var(--primary)}.ch-row.is-pending{border-left:3px solid var(--accent-warning)}.ch-row.is-review{border-left:3px solid var(--accent-danger)}.ch-row.is-refunded{border-left:3px solid var(--line-strong)}.ch-main{flex:auto}.ch-amount{text-align:right;flex:none;justify-items:end;gap:2px;display:grid}.ch-amount-label{color:var(--text-soft);font-size:12px}.ch-amount-baht{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;font-weight:800;line-height:1.2}.ch-amount-units{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.ch-amount.is-held .ch-amount-baht,.ch-amount.is-held .ch-amount-label{color:var(--accent-warning)}.ch-amount.is-returned .ch-amount-baht{color:var(--text-soft);text-decoration:line-through;text-decoration-thickness:1px}.ch-amount .mb-chip{margin-top:4px}@media (max-width:480px){.ch-row{flex-wrap:wrap}.ch-main{flex-basis:calc(100% - 48px)}.ch-amount{text-align:left;flex-basis:100%;grid-template-columns:auto 1fr auto;place-items:baseline start;column-gap:8px;padding-left:48px}.ch-amount-units{grid-column:2}.ch-amount .mb-chip{grid-area:1/3/span 2;align-self:center;margin-top:0}}
