.desktop-notifications{color:var(--slate-ink, #17392e)}.dn-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}.dn-heading-icon{display:grid;place-items:center;flex-shrink:0;width:50px;height:50px;border-radius:16px;background:#dff5eb;color:#087f5b}.desktop-notifications h2{margin:0;font-size:21px;font-weight:700;letter-spacing:-.025em;color:inherit}.dn-heading p,.dn-permission p,.dn-option p{margin:5px 0 0;font-size:13px;line-height:1.6;color:var(--slate-muted, #657b70)}.dn-device{margin-left:auto;display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;color:var(--slate-muted, #657b70)}.dn-permission{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--slate-edge, #dce8e2);background:var(--slate-field, #f4f8f6);border-radius:16px;padding:18px 20px}.dn-permission strong{font-size:14px}.dn-permission--granted>svg{color:#059669;flex-shrink:0}.dn-permission--denied{border-color:#e7c68a}.dn-primary,.dn-test{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:44px;border-radius:11px;padding:10px 15px;font-size:13px;font-weight:600}.dn-primary{background:#087f5b;color:#fff}.dn-primary:hover{background:#066b4d}.dn-options{margin:14px 0}.dn-option{display:flex;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid var(--slate-edge, #e5ede8)}.dn-option:last-child{border-bottom:0}.dn-option-icon{display:grid;place-items:center;color:var(--slate-muted, #62796e);flex-shrink:0;width:36px}.desktop-notifications .dn-option h3{margin:0;font-size:15px;font-weight:600;color:inherit}.dn-switch{position:relative;margin-left:auto;flex-shrink:0;width:48px;height:28px;border-radius:999px;background:#a4b4ab;transition:background .15s}.dn-switch>span{position:absolute;top:4px;left:4px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .15s}.dn-switch[aria-checked=true]{background:#087f5b}.dn-switch[aria-checked=true]>span{transform:translate(20px)}.dn-switch:disabled,.dn-test:disabled{opacity:.45;cursor:default}.dn-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid var(--slate-edge, #e5ede8)}.dn-footer p{display:flex;align-items:center;gap:7px;margin:0;font-size:12px;line-height:1.6;color:var(--slate-muted, #657b70)}.dn-footer p svg{flex-shrink:0}.dn-test{border:1px solid var(--slate-edge, #d6e1db);color:inherit}.dn-test:not(:disabled):hover{background:var(--slate-field, #f4f8f6)}.dn-note{margin:18px 0 0;font-size:12px;line-height:1.7;color:var(--slate-muted, #657b70)}.desktop-notifications [role=alert],.desktop-notifications [role=status]{margin-top:16px;font-size:13px;line-height:1.6}html.dark:not(.crm-glass) .desktop-notifications{background:#1f2937;color:#f1f5f9;--slate-muted: #b4c1d2;--slate-edge: #41516a;--slate-field: #273448}@media (min-width: 1000px){.profile-content .profile-tabs:has(#profile-tab-notifications){grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width: 640px) and (max-width: 999px){.profile-content .profile-tabs:has(#profile-tab-notifications){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 639px){.dn-heading{flex-wrap:wrap;gap:10px}.dn-heading>div{flex:1}.desktop-notifications h2{font-size:18px}.dn-device{margin-left:60px}.dn-permission{align-items:flex-start;flex-direction:column;gap:14px;padding:16px}.dn-option{gap:10px}.dn-option-icon{width:24px}.dn-footer{flex-direction:column;align-items:stretch}.dn-footer p{justify-content:center}.dn-heading-icon{width:44px;height:44px}}@media (prefers-reduced-motion: reduce){.dn-switch,.dn-switch>span{transition:none}}.desktop-call-settings{margin:18px 0;padding:14px;border:1px solid #cce7da;border-radius:14px;background:#edf8f2}.desktop-call-settings h3{margin:0 0 7px!important}.desktop-call-settings p{font-size:12px;margin:8px 0;color:#527260}.desktop-call-settings .chat-voice-secondary{margin:8px 0 0;width:100%;justify-content:center}.desktop-call-settings .desktop-call-ready{color:#0b8054;font-weight:600}.desktop-call-settings .desktop-call-note{font-size:11px;color:#718477}html:is(.dark,.crm-glass) .desktop-call-settings{background:#77d4aa0d;border-color:#77d4aa33}html:is(.dark,.crm-glass) .desktop-call-settings p{color:#b7d4c6}
