/* Complementos da 2.0: painel do gestor e telas de aviso */
#login .gsel,#gsel{display:flex;flex-direction:column;gap:8px;width:100%}
#lerr:empty{display:none}
#adm{position:fixed;inset:0;z-index:80;background:rgba(20,24,22,.55);display:flex;
  align-items:flex-end;justify-content:center;padding:env(safe-area-inset-top,0) 0 0}
#adm[hidden]{display:none!important}
.adm-box{background:var(--surface,#fff);color:var(--ink,#111);width:100%;max-width:560px;
  max-height:92vh;overflow:auto;border-radius:20px 20px 0 0;padding:18px 18px calc(22px + env(safe-area-inset-bottom,0px))}
.adm-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.adm-top h3{margin:0;font:700 18px Archivo,sans-serif}
.adm-x{border:0;background:var(--surface-2,#eee);color:inherit;width:36px;height:36px;border-radius:50%;font-size:16px}
.adm-l{text-align:left;max-width:none;margin:8px 0}
.adm-file{display:flex;align-items:center;justify-content:center;cursor:pointer}
.adm-ok{margin:12px 0 6px;font-size:14px}
.adm-err{margin:12px 0;color:var(--crit,#c0392b);font-size:14px}
.adm-t{width:100%;border-collapse:collapse;font-size:13px;margin:6px 0}
.adm-t th,.adm-t td{text-align:left;padding:7px 4px;border-bottom:1px solid var(--line,#ddd)}
.adm-rows{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.adm-row{display:grid;grid-template-columns:1fr 78px 64px;gap:8px;align-items:center}
.adm-in{font:15px 'IBM Plex Sans',sans-serif;padding:10px;border-radius:10px;border:1px solid var(--line,#ccc);
  background:var(--surface-2,#f5f5f5);color:inherit;min-width:0}
.adm-pin{text-align:center;letter-spacing:3px;font-family:'IBM Plex Mono',monospace}
.adm-tag{font-size:12px;color:var(--ok,#2e7d32)}
#pad button{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.sync-box{border:1px solid var(--line,#444);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;text-align:left}
.sync-t{font:700 13px Archivo,sans-serif}
.sync-st{font-size:12.5px;color:var(--ink-3,#999);line-height:1.45}
/* 2.1 — barra com 5 abas e selos de atualização */
.tabbar{display:grid!important;grid-template-columns:repeat(5,1fr)!important}
.tabbar button{font-size:11px!important;padding:9px 2px 10px!important;gap:3px!important}
.tabbar button svg{width:23px!important;height:23px!important}
.selo-base{font-size:12px;line-height:1.4;padding:8px 12px;border-radius:12px;margin:0 0 10px;
  background:var(--surface-2,#eef2ec);color:var(--ink-3,#666)}
.selo-base b{color:var(--ink,#222)}
.selo-base.velho{background:var(--warn-soft,#fff3d6);color:var(--warn,#9a6700)}
.selo-base.velho b{color:inherit}
#view .btn.sec[data-ir]{margin-top:10px}
/* Natuzinho */
#natubtn{position:fixed;right:14px;bottom:calc(78px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;gap:7px;
  border:0;border-radius:999px;padding:11px 15px 11px 12px;background:var(--accent,#74BD26);color:#fff;font:700 13px Archivo,sans-serif;
  box-shadow:0 8px 22px rgba(0,0,0,.22)}
#natubtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#natu{position:fixed;inset:0;z-index:90;background:rgba(15,18,16,.5);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s}
#natu.on{opacity:1}
#natu[hidden]{display:none!important}
.natu-box{background:var(--surface,#fff);color:var(--ink,#111);width:100%;max-width:560px;height:min(86vh,720px);border-radius:20px 20px 0 0;
  display:flex;flex-direction:column;padding:12px 12px calc(10px + env(safe-area-inset-bottom,0px));transform:translateY(24px);transition:transform .22s}
#natu.on .natu-box{transform:none}
.natu-top{display:flex;align-items:center;gap:10px;padding:2px 2px 10px;border-bottom:1px solid var(--line,#ddd)}
.natu-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#74BD26,#3f8a12);color:#fff;font:800 17px Archivo,sans-serif}
.natu-tt{flex:1;display:flex;flex-direction:column}.natu-tt b{font:700 15px Archivo,sans-serif}.natu-tt small{font-size:12px;color:var(--ink-3,#777)}
.natu-x{border:0;background:var(--surface-2,#eee);color:inherit;width:34px;height:34px;border-radius:50%}
.natu-msgs{flex:1;overflow:auto;padding:12px 2px;display:flex;flex-direction:column;gap:9px}
.natu-msg{max-width:88%;padding:9px 12px;border-radius:16px;font-size:14px;line-height:1.45}
.natu-msg p{margin:0 0 6px}.natu-msg p:last-child{margin:0}.natu-msg ul{margin:4px 0;padding-left:18px}.natu-msg li{margin:2px 0}
.natu-msg.eu{align-self:flex-end;background:var(--accent,#74BD26);color:#fff;border-bottom-right-radius:5px}
.natu-msg.ele{align-self:flex-start;background:var(--surface-2,#f0f2ef);border-bottom-left-radius:5px}
.natu-msg.erro{background:var(--warn-soft,#fff3d6);color:var(--warn,#8a5a00)}
.natu-rest{display:block;margin-top:6px;font-size:11px;opacity:.7}
.natu-dots{display:inline-flex;gap:4px}.natu-dots i{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.35;animation:natud 1s infinite}
.natu-dots i:nth-child(2){animation-delay:.15s}.natu-dots i:nth-child(3){animation-delay:.3s}
@keyframes natud{50%{opacity:1;transform:translateY(-3px)}}
.natu-sug{display:flex;gap:7px;overflow-x:auto;padding:4px 2px 8px}
.natu-sug button{flex:none;border:1px solid var(--line,#ccc);background:transparent;color:inherit;border-radius:999px;padding:8px 12px;font-size:12.5px;white-space:nowrap}
.natu-form{display:flex;gap:8px}
.natu-form input{flex:1;min-width:0;font:15px 'IBM Plex Sans',sans-serif;padding:12px 14px;border-radius:14px;border:1px solid var(--line,#ccc);background:var(--surface-2,#f5f5f5);color:inherit}
.natu-form button{width:48px;border:0;border-radius:14px;background:var(--accent,#74BD26);color:#fff;display:grid;place-items:center}
.natu-form button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.natu-aviso{margin:7px 2px 0;font-size:10.5px;color:var(--ink-3,#888);text-align:center}