/* MinhaHub Automotivo — Central de notificações V2 */
#mhPendingPaymentAlert{display:none!important}
@media (max-width:700px){
  .mobile-head{display:flex;align-items:center}
  .mobile-head #mobileTitle{flex:1;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mh-notification-trigger{position:relative;display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:0;background:transparent;color:inherit;border-radius:12px;padding:0;cursor:pointer}
  .mh-notification-trigger svg{width:22px;height:22px;display:block}
  .mh-notification-badge{position:absolute;right:1px;top:1px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;font:800 10px/17px system-ui;text-align:center;box-sizing:border-box;border:2px solid #fff}
  .mh-notification-badge.hidden{display:none!important}
}
.mh-notification-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.34);z-index:2147483600;opacity:0;pointer-events:none;transition:opacity .18s ease}
.mh-notification-panel{position:fixed;z-index:2147483601;top:0;right:0;width:min(390px,92vw);height:100dvh;background:#fff;box-shadow:-16px 0 44px rgba(15,23,42,.18);transform:translateX(105%);transition:transform .2s ease,opacity .18s ease;display:flex;flex-direction:column;color:#111827;padding-top:env(safe-area-inset-top);box-sizing:border-box}
.mh-notification-backdrop.open{opacity:1;pointer-events:auto}.mh-notification-panel.open{transform:translateX(0)}
.mh-notification-head{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #e5e7eb}.mh-notification-head>div{flex:1}.mh-notification-head h2{margin:0;font-size:18px}.mh-notification-head p{margin:3px 0 0;color:#6b7280;font-size:12px}.mh-notification-close{width:36px;height:36px;border:0;border-radius:10px;background:#f3f4f6;font-size:22px;line-height:1;cursor:pointer}
.mh-notification-tools{padding:12px 16px;border-bottom:1px solid #eef0f3}.mh-notification-tools button{width:100%}
.mh-notification-list{overflow:auto;overscroll-behavior:contain;padding:12px 12px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}
.mh-notification-empty{text-align:center;padding:42px 18px;color:#6b7280}.mh-notification-empty strong{display:block;color:#374151;margin-bottom:5px}
.mh-notification-item{border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.04)}.mh-notification-item.is-urgent{border-left:4px solid #dc2626}.mh-notification-item.is-reminder{border-left:4px solid #f59e0b}.mh-notification-item.is-minhahub{border-left:4px solid #6366f1}
.mh-notification-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.mh-notification-type{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.mh-notification-time{font-size:11px;color:#9ca3af}.mh-notification-item strong{font-size:14px;display:block}.mh-notification-item p{font-size:12px;line-height:1.4;color:#6b7280;margin:5px 0 0}.mh-notification-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.mh-notification-actions button,.mh-notification-actions a{font-size:12px;padding:7px 10px;border-radius:9px;text-decoration:none}
.mh-reminder-form .form-grid{grid-template-columns:1fr}.mh-reminder-form .full{grid-column:1/-1}
@media (min-width:701px){
  body>.mh-notification-trigger{position:fixed;top:20px;right:22px;z-index:2147483599;display:grid;place-items:center;width:46px;height:46px;border:1px solid #e5e7eb;background:#fff;color:#111827;border-radius:14px;padding:0;cursor:pointer;box-shadow:0 8px 24px rgba(15,23,42,.12);transition:transform .15s ease,box-shadow .15s ease}
  body>.mh-notification-trigger:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(15,23,42,.16)}
  body>.mh-notification-trigger svg{width:22px;height:22px;display:block}
  body>.mh-notification-trigger .mh-notification-badge{position:absolute;right:-4px;top:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;font:800 10px/18px system-ui;text-align:center;box-sizing:border-box;border:2px solid #fff}
  body>.mh-notification-trigger .mh-notification-badge.hidden{display:none!important}
  .mh-notification-backdrop{background:transparent}
  .mh-notification-panel{top:76px;right:22px;width:min(390px,calc(100vw - 44px));height:auto;max-height:calc(100vh - 96px);padding-top:0;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 18px 50px rgba(15,23,42,.18);transform:translateY(-8px) scale(.985);transform-origin:top right;opacity:0;pointer-events:none;overflow:hidden}
  .mh-notification-panel.open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}
  .mh-notification-backdrop.open{opacity:1;pointer-events:auto}
  .mh-notification-list{max-height:calc(100vh - 230px);padding-bottom:14px}
}