.notification-command-hero{background:linear-gradient(125deg,#073f48,#0b6873 58%,#128b87);border-radius:24px;color:#fff;padding:28px 30px;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:0 18px 44px rgba(7,63,72,.2)}
.notification-command-hero h2{font-size:clamp(1.35rem,2vw,2rem);margin:.25rem 0 .4rem}.notification-command-hero p{margin:0;color:rgba(255,255,255,.75);max-width:720px}.notification-command-hero .eyebrow{color:#8ff2df}.notification-hero-actions{display:flex;gap:10px;flex-shrink:0}.notification-hero-actions form{margin:0}.notification-hero-actions .btn{white-space:nowrap}
.notification-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.notification-stat-grid article{background:#fff;border:1px solid #e6ecef;border-radius:18px;padding:17px;display:flex;align-items:center;gap:13px;box-shadow:0 7px 20px rgba(32,55,65,.05)}.notification-stat-grid strong{display:block;font-size:1.55rem;line-height:1}.notification-stat-grid small{display:block;color:#70808a;margin-top:5px}.stat-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;font-size:1.1rem}.stat-icon.info{background:#e8f5ff;color:#0874b9}.stat-icon.warning{background:#fff5da;color:#bd7200}.stat-icon.success{background:#e5f9f1;color:#087b52}.stat-icon.danger{background:#ffeaeb;color:#c52732}
.channel-health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.channel-health-card{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e5ebee;border-radius:16px;padding:14px}.channel-health-card>span{width:39px;height:39px;border-radius:12px;background:#ecf9f6;color:#08766b;display:grid;place-items:center}.channel-health-card>div{min-width:0;flex:1}.channel-health-card strong,.channel-health-card small{display:block}.channel-health-card small{color:#71818a;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-health-card em{font-style:normal;font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:5px 8px;border-radius:20px;background:#e8f8f1;color:#08764f}.channel-health-card.attention em{background:#fff3d5;color:#a96700}
.notification-tabs{background:#fff;border:1px solid #e3eaed;border-radius:16px;padding:6px;display:flex;gap:5px;margin-bottom:18px;overflow:auto}.notification-tabs button{border:0;background:transparent;color:#657780;border-radius:11px;padding:10px 14px;font-weight:700;display:flex;align-items:center;gap:7px;white-space:nowrap}.notification-tabs button.active{background:var(--app-accent);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--app-accent),transparent 70%)}.notification-tab-content>.tab-pane{outline:0}
.notification-compose-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.notification-form{overflow:hidden}.notification-form .card-header,.policy-card .card-header{padding:19px 22px;display:flex;justify-content:space-between;align-items:center}.notification-form h3,.policy-card h3{font-size:1.1rem;margin:2px 0 0}.notification-form .card-body{padding:22px}.notification-form .card-footer{padding:15px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px}.notification-form .card-footer>span{color:#6c7a82;font-size:.76rem}.live-pill,.policy-mode{font-size:.7rem;font-style:normal;font-weight:800;padding:6px 9px;background:#e8f8f4;color:#087463;border-radius:20px}.field-counter{display:block;text-align:right;color:#829098;margin-top:4px}.recipient-targets select[multiple]{min-height:120px}.recipient-targets small{display:block;color:#76858d;margin-top:5px}
.channel-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.channel-picker label{cursor:pointer}.channel-picker input{position:absolute;opacity:0;pointer-events:none}.channel-picker span{display:flex;flex-direction:column;min-height:90px;border:1px solid #dce5e8;border-radius:14px;padding:13px;color:#61717a;transition:.2s}.channel-picker i{font-size:1.2rem;margin-bottom:8px}.channel-picker b{color:#263a42;font-size:.82rem}.channel-picker small{font-size:.68rem}.channel-picker input:checked+span{border-color:var(--app-accent);background:color-mix(in srgb,var(--app-accent),white 93%);color:var(--app-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--app-accent),transparent 84%)}.channel-picker input:disabled+span{opacity:.5;cursor:not-allowed}
.notification-preview-phone{background:#f0f4f5;border:8px solid #193139;border-radius:30px;padding:17px 15px;min-height:460px;box-shadow:0 16px 34px rgba(26,48,57,.18);position:sticky;top:18px}.preview-phone-head{display:flex;justify-content:space-between;color:#43535a;font-size:.72rem;font-weight:800}.preview-app{display:flex;align-items:center;gap:9px;margin:28px 2px 14px}.preview-app img{width:32px;height:32px}.preview-app strong,.preview-app small{display:block}.preview-app strong{font-size:.77rem}.preview-app small{color:#77868d;font-size:.65rem}.notification-preview-phone article{background:#fff;border-radius:16px;padding:14px;display:flex;gap:11px;border-left:4px solid #1681b8;box-shadow:0 7px 18px rgba(34,58,66,.09)}.notification-preview-phone article>i{color:#1681b8}.notification-preview-phone article strong{font-size:.83rem}.notification-preview-phone article p{font-size:.74rem;color:#617078;margin:5px 0 10px;line-height:1.45}.notification-preview-phone article small{font-size:.64rem;color:#819097}.notification-preview-phone article.severity-success{border-color:#0b9163}.notification-preview-phone article.severity-warning{border-color:#dd8b06}.notification-preview-phone article.severity-danger{border-color:#cf3440}.preview-note{position:absolute;bottom:17px;left:15px;right:15px;color:#75848b;font-size:.68rem;text-align:center}
.delivery-status{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.035em;background:#edf1f3;color:#60717a}.status-sent,.status-read,.status-completed{background:#e4f8ef;color:#08764e}.status-failed{background:#ffeaeb;color:#bc2732}.status-queued,.status-processing,.status-scheduled{background:#fff2d1;color:#9f6300}.status-cancelled{background:#edf0f2;color:#64727a}
.section-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#fff;border:1px solid #e1e8eb;border-radius:18px;padding:20px;margin-bottom:14px}.section-intro h3{font-size:1.1rem;margin:3px 0}.section-intro p{color:#708088;margin:0;font-size:.82rem}.placeholder-cloud{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:55%}.placeholder-cloud code{font-size:.68rem;background:#edf7f6;color:#076b65;border-radius:6px;padding:4px 6px}
.template-grid{display:grid;gap:12px}.template-card{background:#fff;border:1px solid #e1e8eb;border-radius:16px;overflow:hidden}.template-card summary{display:flex;align-items:center;gap:12px;padding:15px 17px;cursor:pointer;list-style:none}.template-card summary::-webkit-details-marker{display:none}.template-card summary>div{flex:1}.template-card summary strong,.template-card summary small{display:block}.template-card summary small{color:#74838a;font-size:.73rem}.template-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.severity-info{background:#e8f5ff;color:#0875b3}.severity-success{background:#e5f8ef;color:#08774f}.severity-warning{background:#fff3d3;color:#a96700}.severity-danger{background:#ffeaeb;color:#bf2934}.template-state{font-size:.65rem;text-transform:uppercase;font-weight:900;padding:5px 7px;border-radius:15px}.template-state.active{background:#e6f8f0;color:#087651}.template-state.inactive{background:#edf0f2;color:#708089}.template-card[open] summary{border-bottom:1px solid #e8edef}.template-card[open] summary>i{transform:rotate(180deg)}.template-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}.template-form-grid label{font-size:.76rem;font-weight:700;margin-bottom:5px}.template-form-grid .wide{grid-column:1/-1}.inline-checks{display:flex;gap:9px;flex-wrap:wrap}.inline-checks label{background:#f4f7f8;border-radius:8px;padding:7px 8px;font-weight:600}.inline-checks input{margin-right:4px}.template-save{display:flex;align-items:center;justify-content:space-between}
.policy-card{overflow:hidden}.policy-card .settings-fields{padding:4px 22px 22px}.history-filter{display:flex;gap:9px;margin-bottom:14px}.history-filter>div{flex:1;display:flex;align-items:center;background:#fff;border:1px solid #dce4e7;border-radius:10px;padding:0 11px}.history-filter input{border:0;outline:0;width:100%;padding:10px;background:transparent}.history-filter select{border:1px solid #dce4e7;background:#fff;border-radius:10px;padding:8px}.notification-history-table td>strong,.notification-history-table td>small{display:block}.notification-history-table td>small{font-size:.7rem;color:#74838b;max-width:270px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-badge{display:inline-flex;gap:5px;align-items:center;font-size:.7rem;font-weight:800}.channel-in_app{color:#08756c}.channel-email{color:#1666a7}.channel-whatsapp{color:#0c8d55}.delivery-error{color:#b5242d!important;max-width:180px!important}
.diagnostic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.diagnostic-grid article{background:#fff;border:1px solid #e1e8eb;border-radius:16px;padding:17px;display:flex;gap:12px}.diagnostic-grid article>i{font-size:1.35rem;color:var(--app-accent)}.diagnostic-grid strong,.diagnostic-grid span,.diagnostic-grid small{display:block}.diagnostic-grid span{font-weight:900;color:#087553;margin:3px 0}.diagnostic-grid small{color:#728188;font-size:.7rem}.automation-run{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #edf0f2}.automation-run:last-child{border:0}.automation-run>div{flex:1}.automation-run strong,.automation-run small{display:block}.automation-run small{color:#75848b}.automation-run em{font-style:normal;font-size:.7rem;text-transform:uppercase;font-weight:800}.run-dot{width:10px;height:10px;border-radius:50%;background:#9aa5aa}.run-dot.completed{background:#0c9a65;box-shadow:0 0 0 5px #e8f8f1}.run-dot.failed{background:#d73541;box-shadow:0 0 0 5px #ffedef}.empty-diagnostic{text-align:center;padding:28px;color:#75848b}.empty-diagnostic i{font-size:2rem}
.inbox-hero{background:linear-gradient(125deg,#0a515c,#087870);border-radius:22px;color:#fff;padding:24px 27px;display:flex;align-items:center;justify-content:space-between;gap:18px}.inbox-hero>div{display:flex;align-items:center;gap:16px}.inbox-hero h2{font-size:1.35rem;margin:2px 0}.inbox-hero p{margin:0;color:rgba(255,255,255,.72)}.inbox-bell{width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:1.25rem;position:relative}.inbox-bell b{position:absolute;right:-7px;top:-7px;background:#ffb326;color:#392300;border:2px solid #fff;border-radius:20px;min-width:23px;padding:2px 5px;text-align:center;font-size:.62rem}.inbox-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:17px 0}.inbox-filters{display:flex;gap:5px;background:#fff;border:1px solid #e0e7ea;border-radius:13px;padding:5px}.inbox-filters a{text-decoration:none;color:#64747c;font-weight:700;font-size:.78rem;padding:8px 11px;border-radius:9px}.inbox-filters a.active{background:var(--app-accent);color:#fff}.inbox-list{display:grid;gap:10px}.inbox-item{background:#fff;border:1px solid #e1e7ea;border-radius:16px;padding:16px;display:flex;align-items:flex-start;gap:13px;position:relative;overflow:hidden}.inbox-item.unread{border-color:color-mix(in srgb,var(--app-accent),white 65%);background:color-mix(in srgb,var(--app-accent),white 97%)}.inbox-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--app-accent)}.inbox-item-icon{width:40px;height:40px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;background:#e8f5ff;color:#0874b2}.inbox-item.severity-warning .inbox-item-icon{background:#fff2d2;color:#aa6900}.inbox-item.severity-danger .inbox-item-icon{background:#ffeaec;color:#c32c37}.inbox-item-main{flex:1;min-width:0}.inbox-item-main>div{display:flex;align-items:center;gap:7px}.inbox-item-main>div span{font-size:.58rem;font-weight:900;background:#ffb31c;color:#3f2a00;border-radius:10px;padding:3px 5px}.inbox-item-main p{color:#5f7078;font-size:.82rem;margin:5px 0 7px}.inbox-item-main small{color:#819098;font-size:.7rem}.inbox-item-actions{display:flex;gap:5px}.inbox-item-actions form{margin:0}.inbox-empty{text-align:center;background:#fff;border:1px dashed #ccd7db;border-radius:18px;padding:50px 20px;color:#74838a}.inbox-empty i{font-size:2.2rem}.inbox-empty h3{font-size:1.05rem;margin:10px 0 3px}.inbox-empty p{margin:0}
.notification-bell{position:relative}.notification-bell-button{width:38px;height:38px;border:1px solid #dce4e7;border-radius:12px;background:#fff;color:#36505a;display:grid;place-items:center;position:relative}.notification-bell-button b{position:absolute;right:-5px;top:-6px;background:#ef3f4c;color:#fff;border:2px solid #fff;border-radius:20px;min-width:19px;height:19px;padding:0 4px;font-size:.58rem;display:grid;place-items:center}.notification-dropdown{display:none;position:absolute;z-index:1100;right:0;top:46px;width:360px;background:#fff;border:1px solid #e0e7ea;border-radius:16px;box-shadow:0 18px 50px rgba(25,48,58,.2);overflow:hidden}.notification-bell.open .notification-dropdown{display:block}.notification-dropdown-head,.notification-dropdown-foot{padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.notification-dropdown-head{border-bottom:1px solid #edf0f2}.notification-dropdown-head small{color:#76858d}.notification-dropdown-foot{border-top:1px solid #edf0f2}.notification-dropdown-foot a{text-decoration:none;font-size:.76rem;font-weight:800;color:var(--app-accent)}.notification-dropdown-item{display:flex;gap:9px;padding:11px 14px;text-decoration:none;color:#2e424a;border-bottom:1px solid #f0f2f3}.notification-dropdown-item:hover{background:#f6faf9}.notification-dropdown-item>i{color:var(--app-accent)}.notification-dropdown-item strong,.notification-dropdown-item small{display:block}.notification-dropdown-item strong{font-size:.76rem}.notification-dropdown-item small{font-size:.65rem;color:#76858d;margin-top:3px}.notification-dropdown-empty{padding:25px;text-align:center;color:#829097;font-size:.75rem}
.stat-icon{width:50px;height:50px;border-radius:15px}.notification-stat-grid .stat-icon{width:43px;height:43px;border-radius:14px}