/* Componentes: abas, barras, interruptores, janela modal, aviso */
.seg{display:flex;background:#F1EFE9;border-radius:12px;padding:3px;margin-bottom:14px}
.seg button{flex:1;padding:7px;border-radius:9px;color:var(--mut);font-weight:500}.seg button.on{background:#fff;color:var(--ol)}
.sec{border-top:1px solid var(--ln);padding:14px 0 4px;margin-top:14px}
.act{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:14px}
.st{background:#fff;border:1px solid var(--ln);border-radius:16px;padding:14px}.st b{display:block;font-size:24px;font-weight:600}
.bar{height:6px;background:var(--ln);border-radius:9px;margin-top:8px}.bar i{display:block;height:100%;background:var(--ol);border-radius:9px}
.fld{margin-bottom:10px}.fld p{white-space:pre-wrap}
.tg{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--ln)}
.sw{width:44px;height:26px;border-radius:99px;background:var(--ln);position:relative;flex:none}.sw:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}.sw.on{background:var(--ol)}.sw.on:after{left:21px}
#modal{position:fixed;inset:0;z-index:40;background:rgba(43,45,38,.35);display:none;align-items:flex-end;justify-content:center}#modal.show{display:flex}
.sheet{background:#fff;width:100%;max-width:520px;max-height:92%;overflow:auto;border-radius:22px 22px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0px))}
#toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:9px 16px;border-radius:99px;font-size:14px;opacity:0;pointer-events:none;transition:.25s;z-index:60}#toast.show{opacity:1}