.pwa-install-card{position:fixed;z-index:120;right:16px;bottom:16px;width:min(330px,calc(100vw - 32px));display:none;align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(15,76,129,.16);border-radius:11px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.16);font-family:var(--font-sans,"Segoe UI",Arial,sans-serif;color:#213245}.pwa-install-card.is-visible{display:flex}.pwa-install-icon{width:34px;height:34px;border-radius:9px;background:#edf6fb;display:grid;place-items:center;flex:0 0 auto;font-size:17px}.pwa-install-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.pwa-install-copy strong{font-size:11px}.pwa-install-copy small{font-size:9px;line-height:1.35;color:#6d7b89}.pwa-install-actions{display:flex;align-items:center;gap:5px}.pwa-install-actions button{min-height:29px;border-radius:7px;padding:0 8px;border:1px solid #d7e1e8;background:#fff;color:#40566b;font:inherit;font-size:9px;font-weight:700}.pwa-install-actions .primary{background:#0f6798;color:#fff;border-color:#0f6798}.pwa-install-actions .close{width:28px;padding:0;font-size:14px}.pwa-offline-badge{position:fixed;z-index:121;left:50%;top:10px;transform:translateX(-50%);display:none;background:#7c2d12;color:#fff;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.16)}.pwa-offline-badge.is-visible{display:block}@media(max-width:680px){.pwa-install-card{right:10px;left:10px;bottom:72px;width:auto}.admin-page .pwa-install-card{bottom:72px}}

/* Hotfix: remove o aviso persistente de conectividade para evitar falsos positivos. */
.pwa-offline-badge,.pwa-offline-badge.is-visible{display:none!important}

/* Fase 18.1.9 — instalação, Push e atualização em tempo real */
.pwa-header-actions{display:inline-flex;align-items:center;gap:6px}.pwa-header-action{min-height:32px;border:1px solid #d8e2eb;border-radius:8px;background:#fff;color:#26445f;padding:0 10px;font:inherit;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap}.pwa-header-action:hover{background:#f2f7fb}.pwa-header-action.push{color:#0756a2;border-color:#cbdff3}.pwa-header-action[hidden]{display:none!important}.pwa-header-action:disabled{opacity:.55;cursor:not-allowed}
.brastech-realtime-toasts{position:fixed;z-index:180;right:14px;top:14px;display:flex;flex-direction:column;gap:8px;width:min(340px,calc(100vw - 28px));pointer-events:none}.brastech-realtime-toast{pointer-events:auto;display:flex;flex-direction:column;gap:3px;padding:11px 13px;border:1px solid #d9e4ee;border-radius:10px;background:#fff;color:#20364d;box-shadow:0 14px 34px rgba(15,35,55,.16);opacity:0;transform:translateY(-8px);transition:.22s ease}.brastech-realtime-toast.show{opacity:1;transform:none}.brastech-realtime-toast strong{font-size:11px}.brastech-realtime-toast span{font-size:10px;line-height:1.4;color:#647588}.portal-notification-badge{display:inline-flex;min-width:17px;height:17px;padding:0 5px;align-items:center;justify-content:center;margin-left:3px;border-radius:999px;background:#e52b3a;color:#fff;font-size:9px;font-weight:800}.portal-notification-badge[hidden]{display:none!important}.pwa-push-card{border-color:#bdd8ef}
@media(max-width:760px){.pwa-header-actions{width:100%;padding:5px 0}.pwa-header-action{flex:1;justify-content:center}.brastech-realtime-toasts{top:8px;right:8px;width:calc(100vw - 16px)}}


/* Hotfix v4.3.9 — botões PWA/Push alinhados ao padrão visual Brastech */
.pwa-header-actions{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.pwa-header-action{
  --pwa-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23145b87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E");
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:36px;
  padding:0 12px;
  border:1px solid #cbdce9;
  border-radius:10px;
  background:linear-gradient(180deg,#ffffff 0%,#f5f9fc 100%);
  color:#184d70;
  box-shadow:0 1px 2px rgba(15,65,95,.08),inset 0 1px 0 rgba(255,255,255,.85);
  font:inherit;
  font-size:11px;
  font-weight:800;
  line-height:1;
  letter-spacing:.005em;
  cursor:pointer;
  white-space:nowrap;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease;
}
.pwa-header-action::before{
  content:"";
  width:16px;
  height:16px;
  flex:0 0 16px;
  background-image:var(--pwa-icon);
  background-position:center;
  background-repeat:no-repeat;
  background-size:16px 16px;
}
.pwa-header-action:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:#9fc3dc;
  background:linear-gradient(180deg,#fff 0%,#edf6fb 100%);
  box-shadow:0 5px 14px rgba(25,94,135,.13);
}
.pwa-header-action:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px rgba(25,94,135,.12)}
.pwa-header-action:focus-visible{outline:3px solid rgba(25,114,166,.17);outline-offset:2px}
.pwa-header-action.push{
  --pwa-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a6595' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M10 21h4'/%3E%3C/svg%3E");
  color:#155a84;
  border-color:#bdd6e7;
  background:linear-gradient(180deg,#fafdff 0%,#edf7fc 100%);
}
.pwa-header-action[data-pwa-state="installed"],
.pwa-header-action[data-pwa-state="enabled"]{
  --pwa-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b7a4a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 2.5 2.5L16 9'/%3E%3C/svg%3E");
  color:#17633f;
  border-color:#b9dac8;
  background:linear-gradient(180deg,#fbfffd 0%,#eef9f3 100%);
}
.pwa-header-action[data-pwa-state="blocked"]{
  --pwa-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23913b3b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-8.2-5.6'/%3E%3Cpath d='M6 8c0 7-3 7-3 9h14'/%3E%3Cpath d='M10 21h4'/%3E%3Cpath d='m3 3 18 18'/%3E%3C/svg%3E");
  color:#873535;
  border-color:#e2c3c3;
  background:#fff8f8;
}
.pwa-header-action[data-pwa-state="loading"]{
  --pwa-icon:none;
  position:relative;
  cursor:wait;
}
.pwa-header-action[data-pwa-state="loading"]::before{
  width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;background:none;animation:pwaBtnSpin .7s linear infinite;
}
@keyframes pwaBtnSpin{to{transform:rotate(360deg)}}
.pwa-header-action:disabled{opacity:1;cursor:default;box-shadow:none}
.pwa-header-action[hidden]{display:none!important}

/* Convites PWA também seguem o mesmo acabamento */
.pwa-install-card{border-radius:14px;border-color:#d2e1eb;box-shadow:0 18px 44px rgba(18,55,80,.18)}
.pwa-install-icon{border:1px solid #d7e7f1;background:#f0f8fc;color:#145b87}
.pwa-install-actions button{border-radius:9px;font-weight:800}
.pwa-install-actions .primary{background:linear-gradient(180deg,#176b9c,#115b88);border-color:#115b88;box-shadow:0 2px 7px rgba(17,91,136,.2)}

@media(max-width:760px){
  .pwa-header-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:7px;padding:6px 0}
  .pwa-header-action{width:100%;min-width:0;padding:0 9px;font-size:10px}
}
@media(max-width:410px){
  .pwa-header-actions{grid-template-columns:1fr}
}

/* Hotfix v4.3.10 — acabamento definitivo dos controles PWA e convite público */
.pwa-header-actions{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:4px!important;
  border:1px solid #d9e6f0!important;
  border-radius:14px!important;
  background:#f3f8fc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
button[data-pwa-install-trigger],
button[data-pwa-push-trigger]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 13px!important;
  border-radius:10px!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease!important;
}
button[data-pwa-install-trigger]::before,
button[data-pwa-push-trigger]::before{
  content:""!important;
  display:block!important;
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:17px 17px!important;
}
button[data-pwa-install-trigger]{
  color:#fff!important;
  border:1px solid #105f91!important;
  background:linear-gradient(180deg,#1b78ad 0%,#105f91 100%)!important;
  box-shadow:0 5px 13px rgba(16,95,145,.20)!important;
}
button[data-pwa-install-trigger]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M12 7v7'/%3E%3Cpath d='m9 11 3 3 3-3'/%3E%3C/svg%3E")!important;
}
button[data-pwa-push-trigger]{
  color:#165779!important;
  border:1px solid #c5ddea!important;
  background:#fff!important;
  box-shadow:0 2px 7px rgba(23,85,121,.08)!important;
}
button[data-pwa-push-trigger]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23165779' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M10 21h4'/%3E%3C/svg%3E")!important;
}
button[data-pwa-install-trigger]:hover:not(:disabled),
button[data-pwa-push-trigger]:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 7px 16px rgba(16,73,108,.18)!important}
button[data-pwa-install-trigger][data-pwa-state="installed"],
button[data-pwa-push-trigger][data-pwa-state="enabled"]{
  color:#17613e!important;
  border-color:#b8ddc9!important;
  background:#effaf4!important;
  box-shadow:none!important;
}
button[data-pwa-install-trigger][data-pwa-state="installed"]::before,
button[data-pwa-push-trigger][data-pwa-state="enabled"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317613e' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 2.4 2.4L16.5 9'/%3E%3C/svg%3E")!important;
}
button[data-pwa-push-trigger][data-pwa-state="blocked"]{color:#913c3c!important;border-color:#e4c5c5!important;background:#fff5f5!important}
button[data-pwa-install-trigger]:disabled,
button[data-pwa-push-trigger]:disabled{opacity:1!important;cursor:default!important}
button[data-pwa-install-trigger][data-pwa-state="loading"]::before,
button[data-pwa-push-trigger][data-pwa-state="loading"]::before{
  background:none!important;border:2px solid currentColor!important;border-right-color:transparent!important;border-radius:50%!important;animation:pwaBtnSpin .7s linear infinite!important;
}

.pwa-site-install{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:119;
  width:min(385px,calc(100vw - 36px));
  padding:14px;
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid rgba(29,112,160,.18);
  border-radius:18px;
  background:rgba(255,255,255,.97);
  box-shadow:0 18px 50px rgba(15,49,73,.20);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  color:#15364d;
  animation:pwaSiteIn .35s ease both;
}
@keyframes pwaSiteIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.pwa-site-install__icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#0f6fa6,#154e77);box-shadow:0 7px 18px rgba(17,92,139,.24)}
.pwa-site-install__icon svg{width:26px;height:26px;stroke:#fff}
.pwa-site-install__copy{min-width:0;flex:1}
.pwa-site-install__copy strong{display:block;margin:0 0 3px;font-size:13px;line-height:1.2;color:#153f5b}
.pwa-site-install__copy span{display:block;font-size:10px;line-height:1.45;color:#6c7f8e}
.pwa-site-install__actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.pwa-site-install__button{appearance:none!important;-webkit-appearance:none!important;min-height:38px!important;padding:0 13px!important;border:0!important;border-radius:11px!important;background:linear-gradient(180deg,#1a77ac,#105f91)!important;color:#fff!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:10px!important;font-weight:800!important;cursor:pointer!important;box-shadow:0 6px 14px rgba(16,95,145,.20)!important}
.pwa-site-install__button::before{display:none!important}
.pwa-site-install__button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(16,95,145,.25)!important}
.pwa-site-install__close{appearance:none;border:0;background:#f2f6f9;color:#6f8290;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:16px;line-height:1;cursor:pointer}
.pwa-site-install__close:hover{background:#e9f0f5;color:#314f64}
.pwa-site-install[hidden]{display:none!important}

@media(max-width:760px){
  .pwa-header-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:6px!important}
  button[data-pwa-install-trigger],button[data-pwa-push-trigger]{width:100%!important;padding:0 9px!important;font-size:10px!important}
  .pwa-site-install{left:10px;right:10px;bottom:82px;width:auto;padding:12px;gap:10px}
  .pwa-site-install__icon{width:44px;height:44px;flex-basis:44px;border-radius:13px}
  .pwa-site-install__copy strong{font-size:12px}.pwa-site-install__copy span{font-size:9px}
}
@media(max-width:500px){
  .pwa-site-install{align-items:flex-start;flex-wrap:wrap}
  .pwa-site-install__copy{padding-right:24px}
  .pwa-site-install__actions{width:100%;padding-left:54px}
  .pwa-site-install__button{flex:1!important}
  .pwa-site-install__close{position:absolute;right:10px;top:10px}
}
