/* CommercialOS — notificações de mensagens */
.cos-message-toast-stack{
 position:fixed; right:24px; bottom:24px; z-index:100000;
 display:flex; flex-direction:column; gap:12px; width:min(390px,calc(100vw - 32px));
 pointer-events:none;
}
.cos-message-toast{
 pointer-events:auto; display:grid; grid-template-columns:44px 1fr auto; gap:12px; align-items:center;
 background:#111b2e; color:#fff; border:1px solid #2b3b59; border-left:4px solid #2563eb;
 border-radius:14px; padding:14px 14px 14px 12px; box-shadow:0 18px 45px rgba(0,0,0,.34);
 cursor:pointer; animation:cosToastIn .22s ease-out;
}
.cos-message-toast.whatsapp{border-left-color:#25d366}
.cos-message-toast.email{border-left-color:#3b82f6}
.cos-message-toast .cos-toast-icon{
 width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#1b2a44;font-size:20px
}
.cos-message-toast .cos-toast-title{font-size:14px;font-weight:800;margin-bottom:3px}
.cos-message-toast .cos-toast-text{font-size:12px;color:#a9b9d4;line-height:1.35}
.cos-message-toast .cos-toast-close{border:0;background:transparent;color:#8fa2bf;font-size:20px;cursor:pointer;padding:4px}
.cos-message-toast:hover{transform:translateY(-1px);border-color:#42618f}
@keyframes cosToastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.cos-notification-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #263650}
.cos-notification-setting:last-child{border-bottom:0}
.cos-notification-setting strong{display:block;margin-bottom:4px}
.cos-notification-setting small{color:#8ea2c1;display:block;line-height:1.45}
.cos-switch{position:relative;width:48px;height:28px;flex:0 0 auto}
.cos-switch input{opacity:0;width:0;height:0}
.cos-switch span{position:absolute;inset:0;background:#33445f;border-radius:999px;cursor:pointer;transition:.2s}
.cos-switch span:before{content:"";position:absolute;width:20px;height:20px;left:4px;top:4px;background:#fff;border-radius:50%;transition:.2s}
.cos-switch input:checked+span{background:#2563eb}
.cos-switch input:checked+span:before{transform:translateX(20px)}
@media(max-width:600px){.cos-message-toast-stack{right:16px;bottom:16px;width:calc(100vw - 32px)}}