/* Central de notificações: escala de espaçamento 4 / 8 / 12 / 16 / 24. */
.notification-settings{display:grid;gap:24px;min-width:0}
.notification-settings h2,.notification-settings h3,.notification-settings p{margin:0}
.notification-settings svg{width:20px;height:20px;flex-shrink:0}
.notification-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid #dce4ce;border-radius:20px;background:linear-gradient(115deg,#edf2e3,#f7f8f1);overflow:hidden}
.notification-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:700;color:#61734f}
.notification-hero h2{margin-top:12px;font-size:clamp(24px,2.4vw,34px);line-height:1.15;letter-spacing:-.04em;color:#2d432b}
.notification-hero p{margin-top:8px;max-width:580px;line-height:1.65;color:#62715d;font-size:13px}
.notification-channel-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.notification-channel-tags span{display:flex;align-items:center;gap:8px;font-size:10px;padding:8px 12px;border:1px solid #dce4ce;border-radius:100px;background:#ffffff91;color:#4b6041}
.notification-channel-tags svg{width:14px;height:14px}
.notification-hero-art{display:grid;place-items:center;width:100px;height:100px;flex:0 0 100px;border-radius:28px;background:#dce9c1;transform:rotate(-8deg);box-shadow:0 12px 24px #566d4310}
.notification-hero-art svg{width:44px;height:44px;color:#46603a;transform:rotate(8deg)}
.notification-personal-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:24px;align-items:start}
.notification-settings .panel{margin:0;min-width:0;padding:24px;border-radius:16px;box-shadow:0 4px 16px #24342503}
.notification-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.notification-section-heading>div{min-width:0;flex:1}
.notification-section-heading h2{font-family:inherit;font-size:17px;line-height:1.3;letter-spacing:-.025em}
.notification-section-heading p{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.6}
.notification-glyph{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f0f3e9;color:#64784f;flex:0 0 40px}
.notification-scope{padding:4px 8px;border:1px solid var(--line);border-radius:6px;font-size:10px;color:var(--muted);align-self:flex-start}
.notification-event-list{display:grid}
.notification-event{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--line);cursor:pointer}
.notification-event .notification-glyph{background:#f6f6f1;width:36px;height:36px;flex-basis:36px;border-radius:10px}
.notification-event-copy{flex:1;min-width:0}
.notification-event-copy strong{display:block;font-size:12px;line-height:1.5}
.notification-event-copy>span{display:block;font-size:11px;line-height:1.65;color:var(--muted);margin-top:4px}
.notification-settings .switch{flex-shrink:0;cursor:pointer;margin:0}
.notification-settings .switch:focus-visible{outline:2px solid #466544;outline-offset:4px}
.notification-settings .notification-preferences-actions{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);gap:12px}
.notification-preview{padding:24px;border:1px dashed #dce2cf;border-radius:16px;background:#f7f8f2;min-width:0}
.notification-preview h3{margin-top:12px;font-size:22px;line-height:1.25;letter-spacing:-.035em}
.notification-preview>p{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.7}
.notification-preview-card{margin-top:24px;padding:16px;border:1px solid #e1e5d9;border-radius:12px;background:#fffefa;box-shadow:0 8px 24px #24342508}
.notification-preview-card>.row{font-size:9px;color:var(--muted);gap:8px}
.notification-preview-brand{display:flex;align-items:center;gap:8px;font-weight:700;color:#44573c}
.notification-preview-brand svg{width:14px;height:14px}
.notification-preview-message{display:flex;align-items:flex-start;gap:12px;margin-top:16px}
.notification-preview-message strong{font-size:12px}
.notification-preview-message p{margin-top:4px;font-size:11px;line-height:1.65;color:var(--muted)}
.notification-preview-meta{display:block;margin-top:12px;font-size:9px;color:var(--muted)}
.notification-tip{display:flex;align-items:flex-start;gap:12px;margin-top:24px;color:#78836c}
.notification-tip p{font-size:11px;line-height:1.7}
.notification-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.notification-module-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:#fffefa;transition:border-color .15s,background .15s}
.notification-module-card:has(input:checked){border-color:#cddcbb;background:#f6f8f0}
.notification-module-card:hover{border-color:#8caa6c}
.notification-module-card .notification-glyph{width:32px;height:32px;flex-basis:32px;border-radius:8px}
.notification-module-card strong{font-size:11px;line-height:1.45;flex:1;min-width:0;overflow-wrap:anywhere}
.notification-module-hint{display:flex;align-items:flex-start;gap:8px;margin-top:16px!important;color:var(--muted);font-size:11px;line-height:1.6}
.notification-module-hint svg{width:16px;height:16px}
.notification-workspace-actions{margin-top:12px;gap:12px}
.notification-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.notification-rules .automation-card{background:#fafbf6;padding:16px}
.notification-rules .automation-card h3{font-size:16px}
.notification-rules .automation-card p{margin-top:4px;line-height:1.6}
.notification-rules .automation-card .automation-summary{margin-top:12px}
.notification-rules .automation-card>.row.wrap:last-child{margin-top:12px;gap:8px}
.notification-rules-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;margin-top:24px;background:#f8f9f4;border:1px dashed #dce2cf;border-radius:12px}
.notification-rules-empty h3{margin-top:12px;font-family:inherit;font-size:15px}
.notification-rules-empty p{margin-top:4px;max-width:460px;font-size:12px;line-height:1.7;color:var(--muted)}
@media(max-width:1200px){.notification-personal-layout{grid-template-columns:minmax(0,1fr)}.notification-preview{display:none}.notification-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.notification-settings{gap:16px}.notification-hero{padding:16px;gap:16px}.notification-hero-art{display:none}.notification-channel-tags span{padding:8px}.notification-settings .panel{padding:16px}.notification-module-grid,.notification-rules{grid-template-columns:minmax(0,1fr)}.notification-section-heading{flex-wrap:wrap}.notification-section-heading>.notification-glyph{display:none}.notification-event{gap:8px}.notification-event-copy>span{font-size:11px}.notification-settings .notification-preferences-actions .btn{width:100%;justify-content:center}.notification-workspace-actions .btn{flex:1;justify-content:center}}
@media(prefers-reduced-motion:reduce){.notification-module-card{transition:none}}