.bf175bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #ead9cc;border-radius:50%;background:#fffaf6;color:#845b48;cursor:pointer;flex:none}
.bf175bell svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.bf175count{position:absolute;top:-5px;right:-7px;min-width:19px;height:19px;padding:0 4px;border-radius:11px;background:#db4b55;color:white;font-size:10px;font-weight:800;display:none;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}
.bf175bellWrap{position:relative;display:inline-flex;align-items:center;z-index:60}
.bf175panel{position:absolute;top:calc(100% + 10px);right:0;width:min(360px,calc(100vw - 28px));max-height:min(480px,68vh);overflow:auto;background:#fffdfb;border:1px solid #e9d9cb;border-radius:18px;box-shadow:0 18px 55px #533b352a;padding:14px;z-index:200;text-align:left;color:#573f34}
.bf175panel[hidden]{display:none!important}.bf175head{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:3px 1px 12px}.bf175head strong{font-size:15px}.bf175mark{font-size:11px;color:#92654e;border:0;background:transparent;cursor:pointer;text-decoration:underline}
.bf175row{padding:11px 8px;border-radius:11px;border-top:1px solid #f1e8df;display:flex;gap:9px;cursor:pointer}.bf175row:hover{background:#fbf3eb}.bf175row .bf175ico{font-size:20px;flex:none}.bf175row strong{font-size:12px;display:block}.bf175row small{display:block;color:#806f64;font-size:11px;line-height:1.4;margin-top:3px}.bf175row time{font-size:10px;color:#a5958b;display:block;margin-top:5px}.bf175dot{background:#d94b58;width:7px;height:7px;border-radius:50%;flex:none;margin-top:5px}.bf175empty{color:#948275;font-size:12px;padding:18px 4px;text-align:center}
.bf175leadCounter{display:none;background:#db4b55;color:#fff;border-radius:30px;min-width:20px;padding:2px 6px;font-size:10px;line-height:16px;text-align:center;margin-left:7px;font-weight:800}

/* V182 — painel de notificações sempre visível no celular */
@media (max-width: 800px) {
  .bf175panel {
    position: fixed;
    top: calc(env(safe-area-inset-top, 0px) + 72px);
    left: 12px;
    right: 12px;
    width: auto;
    min-width: 0;
    max-width: none;
    box-sizing: border-box;
    max-height: min(70dvh, 560px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    z-index: 10000;
  }
  .bf175head { flex-wrap: wrap; align-items: flex-start; }
  .bf175mark { max-width: 100%; white-space: normal; text-align: right; }
  .bf175row { min-width: 0; }
  .bf175row strong, .bf175row small { overflow-wrap: anywhere; }
}
@media (max-width: 360px) {
  .bf175panel { left: 8px; right: 8px; padding: 11px; }
}