/* ===========================================================================
   SOCIOS-V1-01 — Contabilidade › Sócios, built from docs/mockups/lotus-socios-v6.html
   (owner-approved 2026-09-30), SCOPED under #so6-root so it repaints nothing else
   (the VENDAS-V5-01 / CONTAGEM-02 precedent). The mockup's own values, carried as
   #so6-root tokens; its frame (header, sidebar, bottom nav) is the app shell's.
   DESKTOP-PARITY-01: the same phone page, capped at 860px; sheets centre at 1200.
   =========================================================================== */
#so6-root{--so-navy:#0f1b2d;--so-gold:#c9a24a;--so-bg:#f5f6f8;--so-line:#eceff3;--so-edge:#e3e8ef;
  --so-ink:#0f172a;--so-ink2:#475569;--so-muted:#8a94a6;--so-ok:#0e9f6e;--so-okbg:#e7f7f0;--so-red:#dc2626;
  --so-redbg:#fdecec;--so-card:#fff;--so-soft:#f8fafc;--so-seg:#f0f2f5;--so-chip:#eef1f5;--so-heromut:#a9b8cf;
  --so-up:#6ee7b7;--so-dn:#fca5a5;--so-glass:rgba(255,255,255,.08);--so-shade:rgba(15,27,45,.45);--so-white:#fff;
  color:var(--so-ink);max-width:860px;margin:0 auto;padding:2px 0 calc(var(--navh,0px) + 28px)}
#so6-root *{box-sizing:border-box}
#so6-root button{font:inherit;font-size:inherit;cursor:pointer;color:inherit;border:0;background:none;padding:0;min-height:0;box-shadow:none;border-radius:0;transition:none}
#so6-root .so-num{font-variant-numeric:tabular-nums}
#so6-root .so-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
#so6-root h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.4px;color:var(--so-ink)}
#so6-root .so-back{font-size:15px;font-weight:600;color:var(--so-ink2)}
#so6-root .so-eye{width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--so-ink2);background:var(--so-card);border:1px solid var(--so-line)}
#so6-root .so-mask{letter-spacing:2px}

#so6-root .so-bal{background:var(--so-navy);border-radius:24px;padding:20px 20px 18px;color:var(--so-white);position:relative;overflow:hidden}
#so6-root .so-sw{display:inline-flex;background:var(--so-glass);border-radius:10px;padding:3px;margin-bottom:16px}
#so6-root .so-sw button{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;color:var(--so-heromut)}
#so6-root .so-sw button.on{background:var(--so-white);color:var(--so-navy)}
#so6-root .so-bal .l{font-size:13px;color:var(--so-heromut)}
#so6-root .so-bal .v{font-size:34px;font-weight:700;letter-spacing:-1px;margin-top:4px;white-space:nowrap}
#so6-root .so-bal .d{font-size:13px;color:var(--so-heromut);margin-top:8px}
#so6-root .so-bal .d.u2{margin-top:2px}
#so6-root .so-up{color:var(--so-up)}#so6-root .so-dn{color:var(--so-dn)}
#so6-root .so-bal .go{position:absolute;right:20px;top:24px;font-size:13px;font-weight:600;color:var(--so-gold)}

#so6-root .so-qa{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0 26px}
#so6-root .so-qa button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--so-ink2)}
#so6-root .so-qa .c{width:54px;height:54px;border-radius:50%;background:var(--so-card);border:1px solid var(--so-line);display:flex;align-items:center;justify-content:center;color:var(--so-navy)}

#so6-root .so-h2{display:flex;justify-content:space-between;align-items:baseline;margin:0 2px 10px}
#so6-root .so-h2 b{font-size:17px;font-weight:700}
#so6-root .so-h2 button{font-size:13.5px;font-weight:600;color:var(--so-gold)}
#so6-root .so-h2 span{font-size:12.5px;color:var(--so-muted)}
#so6-root .so-box{background:var(--so-card);border-radius:20px;padding:4px 16px;margin-bottom:26px}
#so6-root .so-row{display:flex;align-items:center;gap:14px;padding:14px 0;width:100%;text-align:left}
#so6-root .so-row+.so-row{border-top:1px solid var(--so-line)}
#so6-root .so-ini{width:42px;height:42px;border-radius:50%;background:var(--so-chip);color:var(--so-navy);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex:none}
#so6-root .so-ini.o{background:var(--so-navy);color:var(--so-gold)}
#so6-root .so-row .m{flex:1;min-width:0}
#so6-root .so-row .m b{display:block;font-size:15px;font-weight:600}
#so6-root .so-row .m span{display:block;font-size:13px;color:var(--so-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#so6-root .so-row .a{text-align:right;white-space:nowrap}
#so6-root .so-row .a b{display:block;font-size:15px;font-weight:600}
#so6-root .so-row .a span{font-size:12.5px;color:var(--so-muted)}
#so6-root .so-row.st .a b{text-decoration:line-through;color:var(--so-muted)}
#so6-root .so-tag{display:inline-block;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;margin-left:6px;vertical-align:1px}
#so6-root .so-tag.es{background:var(--so-redbg);color:var(--so-red)}
#so6-root .so-warn{background:var(--so-redbg);color:var(--so-red);border-radius:16px;padding:14px 16px;font-size:13.5px;line-height:1.45;margin-bottom:22px}
#so6-root .so-warn .so-link{text-align:left;padding:8px 0 0}
#so6-root .so-empty{padding:14px 0;font-size:13.5px;color:var(--so-muted)}
#so6-root .so-foot{display:flex;align-items:center;justify-content:space-between;background:var(--so-card);border-radius:16px;padding:14px 16px;font-size:14px;width:100%;text-align:left;margin-bottom:12px}
#so6-root .so-foot span{color:var(--so-muted)}#so6-root .so-foot b{font-weight:600;color:var(--so-ink)}
#so6-root .so-foot i{font-style:normal;color:var(--so-ok);font-weight:700;margin-left:6px}
#so6-root .so-foot i.bad{color:var(--so-red)}

#so6-root .so-kv{background:var(--so-card);border-radius:20px;padding:4px 16px;margin:18px 0 26px}
#so6-root .so-kv.in{background:var(--so-soft);margin:0 0 10px}
#so6-root .so-kv>div,#so6-root .so-kv>button{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 0;font-size:15px;width:100%;text-align:left}
#so6-root .so-kv>*+*{border-top:1px solid var(--so-line)}
#so6-root .so-kv span{color:var(--so-ink2)}
#so6-root .so-kv b{font-weight:600;text-align:right}
#so6-root .so-kv small{display:block;font-size:12px;color:var(--so-muted);font-weight:500;text-align:right}
#so6-root .so-kv .t b{font-weight:800}
#so6-root .so-kv .ok{color:var(--so-ok)}#so6-root .so-kv .bad{color:var(--so-red)}
#so6-root .so-note{font-size:12.5px;color:var(--so-muted);text-align:center;margin:-14px 0 24px}
#so6-root .so-link{display:block;width:100%;text-align:center;font-weight:700;color:var(--so-gold);padding:10px 0 14px;font-size:14px}
#so6-root .so-cta{width:100%;height:52px;border-radius:16px;background:var(--so-navy);color:var(--so-white);font-weight:700;font-size:15px}

#so6-root .so-mrow{display:flex;align-items:center;gap:12px;padding:14px 0;width:100%}
#so6-root .so-mrow+.so-mrow{border-top:1px solid var(--so-line)}
#so6-root .so-mrow .n{width:78px;font-size:15px;font-weight:600;text-align:left}
#so6-root .so-mrow .n small{display:block;font-size:11.5px;color:var(--so-muted);font-weight:500}
#so6-root .so-mrow .br{flex:1;height:6px;border-radius:3px;background:var(--so-seg);overflow:hidden}
#so6-root .so-mrow .br i{display:block;height:100%;background:var(--so-navy);border-radius:3px}
#so6-root .so-mrow.op .br i{background:var(--so-gold)}
#so6-root .so-mrow .a{width:118px;text-align:right;font-size:15px;font-weight:600;white-space:nowrap}

#so6-root .so-scrim{position:fixed;inset:0;background:var(--so-shade);z-index:60}
#so6-root .so-sheet{position:fixed;left:50%;transform:translateX(-50%);bottom:var(--navh,0px);width:100%;max-width:520px;background:var(--so-card);border-radius:24px 24px 0 0;padding:10px 20px 24px;z-index:61;max-height:82vh;overflow:auto}
#so6-root .so-grab{width:40px;height:5px;border-radius:3px;background:var(--so-edge);margin:0 auto 14px}
#so6-root .so-sheet h2{margin:0;font-size:20px;color:var(--so-ink)}
#so6-root .so-sheet .sub{font-size:13.5px;color:var(--so-muted);margin:6px 0 16px;line-height:1.4}
#so6-root .so-f{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--so-ink2);margin-bottom:12px}
#so6-root .so-f input,#so6-root .so-f select{height:50px;border:1px solid var(--so-edge);border-radius:14px;padding:0 14px;background:var(--so-soft);font-size:16px;color:var(--so-ink)}
#so6-root .so-seg{display:flex;background:var(--so-seg);border-radius:12px;padding:3px;margin-bottom:12px}
#so6-root .so-seg button{flex:1;height:38px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--so-ink2)}
#so6-root .so-seg button.on{background:var(--so-card);color:var(--so-ink)}
#so6-root .so-btns{display:flex;gap:10px;margin-top:8px}
#so6-root .so-btn{flex:1;height:52px;border-radius:16px;background:var(--so-navy);color:var(--so-white);font-weight:700}
#so6-root .so-btn.ghost{background:var(--so-seg);color:var(--so-navy)}
#so6-root .so-btn.red{background:var(--so-red)}
#so6-root .so-btn[disabled]{opacity:.55}
#so6-root .so-err{color:var(--so-red);font-size:12.5px;font-weight:600;margin:-4px 0 10px;min-height:16px}
#so6-root .so-okmsg{color:var(--so-ok);font-size:13px;font-weight:600;margin:0 0 12px}
#so6-root .so-info{background:var(--so-soft);border-radius:14px;padding:12px 14px;font-size:13.5px;color:var(--so-ink2);margin-bottom:14px;line-height:1.45}
#so6-root .so-info b{color:var(--so-ink)}
#so6-root .so-help{font-size:12.5px;color:var(--so-muted);margin:0 0 12px;line-height:1.4}
#so6-root .so-state{padding:40px 0;text-align:center;color:var(--so-muted);font-size:14px}
@media (min-width:1200px){#so6-root .so-sheet{bottom:auto;top:50%;transform:translate(-50%,-50%);border-radius:22px;max-width:440px}}