/* Aplicativo do colaborador: instalação, entrar sem senha, notificações e avisos.
   A interface continua a mesma do site; aqui só ficam as telas novas. */
.ap-faixa{display:flex;align-items:center;gap:10px;background:#111;color:#fff;padding:10px 16px;font-size:14px}
.ap-faixa img{width:34px;height:34px;border-radius:8px;flex:none}
.ap-faixa b{display:block;font-size:14px}.ap-faixa small{color:#ddd;font-size:12px}
.ap-faixa .ap-tx{flex:1;min-width:0}
.ap-faixa .btn{padding:8px 14px;font-size:13px;white-space:nowrap}
.ap-faixa .ap-x{background:none;border:0;color:#bbb;font-size:22px;line-height:1;cursor:pointer;padding:4px 6px}
.ap-fundo{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:0}
.ap-caixa{background:#fff;width:100%;max-width:480px;border-radius:18px 18px 0 0;padding:22px 20px 26px;max-height:92vh;overflow:auto;box-shadow:0 -6px 30px rgba(0,0,0,.25)}
@media(min-width:700px){.ap-fundo{align-items:center;padding:20px}.ap-caixa{border-radius:16px}}
.ap-caixa h2{font-size:22px;margin:0 0 8px}.ap-caixa p{margin:6px 0}
.ap-ico{width:64px;height:64px;border-radius:16px;display:block;margin:0 auto 10px;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.ap-centro{text-align:center}
.ap-passos{list-style:none;padding:0;margin:14px 0;display:grid;gap:10px;counter-reset:p}
.ap-passos li{counter-increment:p;display:flex;gap:12px;align-items:flex-start;background:#faf8f3;border:1px solid #e3dfd6;border-radius:10px;padding:10px 12px;font-size:15px}
.ap-passos li:before{content:counter(p);flex:none;width:28px;height:28px;border-radius:50%;background:#FDB427;color:#000;font:800 15px Inter,Arial;display:flex;align-items:center;justify-content:center}
.ap-passos svg{vertical-align:-5px}
.ap-acoes{display:grid;gap:10px;margin-top:16px}.ap-acoes .btn{width:100%;text-align:center;padding:14px;font-size:15px}
.ap-link{background:none;border:0;color:#555;text-decoration:underline;font:500 14px Inter,Arial;cursor:pointer;padding:8px}
.ap-seta{position:fixed;left:50%;bottom:6px;transform:translateX(-50%);z-index:51;color:#FDB427;font-size:44px;line-height:1;animation:apseta 1.2s infinite;pointer-events:none;text-shadow:0 2px 6px rgba(0,0,0,.4)}
@keyframes apseta{50%{transform:translate(-50%,8px)}}
@media(prefers-reduced-motion:reduce){.ap-seta{animation:none}}
.ap-fundo.ap-com-seta .ap-caixa{padding-bottom:64px}
.ap-qr{width:220px;max-width:70vw;margin:10px auto;display:block}
/* trava do aplicativo (Face ID / digital) */
.ap-trava{position:fixed;inset:0;z-index:60;background:#fff;border-top:6px solid #FDB427;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}
.ap-trava img.lg{width:min(70vw,300px);height:auto}
.ap-trava h2{font-size:24px;margin:8px 0 0}
.ap-trava .ap-bio{display:flex;flex-direction:column;align-items:center;gap:8px;background:#111;color:#fff;border:0;border-radius:18px;padding:18px 26px;font:700 16px Inter,Arial;cursor:pointer;min-width:240px}
.ap-trava .ap-bio svg{width:44px;height:44px}
.ap-trava .msg{max-width:340px}
.ap-trava .ap-link{color:#111}
/* entrar sem senha na tela de login */
.ap-entrar{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#111;color:#fff;border:0;border-radius:8px;padding:14px;font:700 15px Inter,Arial;cursor:pointer}
.ap-entrar svg{width:26px;height:26px}
.ap-ou{display:flex;align-items:center;gap:10px;color:#888;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.ap-ou:before,.ap-ou:after{content:"";flex:1;height:1px;background:#e3dfd6}
/* avisos (sininho) */
.ap-av{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #e3dfd6;border-radius:10px;padding:12px 14px;margin-bottom:10px;cursor:pointer;width:100%;text-align:left;font:inherit;color:inherit}
.ap-av.novo{border:2px solid #FDB427;background:#fffaf0}
.ap-av i{font-style:normal;font-size:22px;line-height:1.2}.ap-av div{flex:1}.ap-av b{display:block}.ap-av small{color:#666}
.ap-lst{display:grid;gap:8px}.ap-lst .hl{padding:10px 2px}
.ap-ok{color:#14532d;font-weight:700}.ap-no{color:#8a1c1c;font-weight:700}
/* faixa "Você tem N avisos novos" */
.ap-novos{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:2px solid #FDB427;background:#fff8e6;color:#232323;padding:11px 18px;font:600 14px Inter,Arial;cursor:pointer;text-align:left}
.ap-novos b{flex:1}.ap-novos .ap-sino{font-size:18px}.ap-novos span:last-child{color:#8a5a00}