.notification-test-hero{display:flex;align-items:center;justify-content:space-between;gap:24px}.notification-safe-badge{display:grid;gap:3px;min-width:210px;padding:13px 16px;border:1px solid rgba(255,255,255,.35);border-radius:14px;background:rgba(6,26,65,.2)}.notification-safe-badge b{font-size:12px;letter-spacing:.08em}.notification-safe-badge span{font-size:12px;color:#d8e6ff}.notification-test-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.notification-test-metrics article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;min-height:108px;padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.notification-test-metrics strong{grid-row:1/3;grid-column:2;font-size:29px;color:#5f92f4}.notification-test-metrics span{font-weight:700}.notification-test-metrics small{color:var(--muted)}.notification-test-workspace{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.55fr);gap:16px}.notification-processes,.notification-process-detail{min-width:0}.notification-process-search{margin:14px 0}.notification-process-search input{width:100%;margin-top:7px}.notification-processes>[data-process-list]{display:grid;gap:7px;max-height:680px;overflow:auto}.notification-process{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:13px;text-align:left;color:var(--text);background:transparent;border:1px solid transparent;box-shadow:none}.notification-process:hover{border-color:var(--border);background:rgba(69,119,215,.07)}.notification-process.active{border-color:#4d83ea;background:rgba(54,113,228,.16)}.notification-process>i{width:9px;height:9px;border-radius:50%;background:#e4a83e}.notification-process>i.tested{background:#36b477}.notification-process span{display:grid;gap:3px}.notification-process small{color:var(--muted)}.notification-process em{font-size:10px;font-weight:800;font-style:normal;color:var(--muted)}.notification-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--border)}.notification-detail-head h3{margin:5px 0}.notification-detail-head p{margin:0;color:var(--muted)}.notification-control-state{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap;color:#8b681a;background:rgba(205,145,30,.14)}.notification-control-state.tested{color:#188557;background:rgba(39,165,106,.14)}.notification-control-state.production{color:#245dbe;background:rgba(54,113,228,.14)}.notification-test-controls{display:flex;align-items:end;justify-content:flex-start;gap:12px;margin:17px 0}.notification-test-controls label{min-width:220px;margin:0}.notification-test-controls input{width:100%;margin-top:7px}.notification-test-controls button{min-height:44px}.notification-preview{min-height:330px;border:1px solid var(--border);border-radius:15px;overflow:hidden;background:color-mix(in srgb,var(--panel) 94%,var(--bg))}.notification-preview-empty,.notification-preview-loading{display:grid;place-items:center;align-content:center;min-height:330px;padding:25px;text-align:center;color:var(--muted)}.notification-preview-empty>span{font-size:34px}.notification-preview-empty b{color:var(--text)}.notification-preview-loading{grid-template-columns:auto auto;gap:12px}.notification-preview-loading i,.notification-test-loading i{width:24px;height:24px;border:3px solid rgba(91,143,247,.2);border-top-color:#5b8ff7;border-radius:50%;animation:notification-spin .8s linear infinite}@keyframes notification-spin{to{transform:rotate(360deg)}}.notification-preview-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:#136642;background:rgba(43,168,105,.12);border-bottom:1px solid rgba(43,168,105,.25)}.notification-preview-status p{margin:3px 0 0;font-size:12px}.notification-preview-status>span{font-size:12px;font-weight:800}.notification-email-card{margin:15px;border:1px solid var(--border);border-radius:13px;background:var(--panel);overflow:hidden}.notification-email-meta{display:grid;gap:7px;padding:13px 15px;border-bottom:1px solid var(--border)}.notification-email-meta>span{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px}.notification-email-meta small{color:var(--muted)}.notification-email-meta b{overflow-wrap:anywhere}.notification-email-body{display:grid;gap:10px;padding:18px;color:var(--text)}.notification-email-body p{margin:0}.notification-email-body>span{justify-self:start;padding:8px 11px;border-radius:8px;color:#fff;background:#2f6be5;font-weight:800}.notification-email-body>small{padding-top:10px;border-top:1px solid var(--border);color:var(--muted)}.notification-test-checks{display:flex;flex-wrap:wrap;gap:7px;margin:0 15px 12px}.notification-test-checks span{padding:6px 8px;border-radius:999px;color:#167148;background:rgba(39,165,106,.13);font-size:11px;font-weight:700}.notification-recipient-note{margin:0 15px 16px;color:var(--muted)}.notification-production-lock{margin-top:14px;padding:13px 15px;border-left:3px solid #e1aa3f;border-radius:10px;background:rgba(205,145,30,.1)}.notification-production-lock p{margin:4px 0 0;color:var(--muted)}.notification-production-form{display:flex;align-items:end;gap:10px;margin-top:14px}.notification-production-form label{flex:1;margin:0}.notification-production-form input{width:100%;margin-top:7px}.notification-test-lower{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr);gap:16px}.notification-calendar .panel-title label{min-width:170px;margin:0}.notification-calendar .panel-title input{width:100%;margin-top:5px}.notification-calendar-week,.notification-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.notification-calendar-week{margin-top:17px}.notification-calendar-week span{text-align:center;color:var(--muted);font-size:11px;font-weight:800}.notification-calendar-grid{margin-top:7px}.notification-calendar-grid>i{min-height:66px}.notification-calendar-grid article{display:grid;align-content:start;gap:4px;min-height:66px;padding:7px;border:1px solid var(--border);border-radius:9px;background:var(--panel)}.notification-calendar-grid article.weekend{opacity:.58;background:color-mix(in srgb,var(--panel) 88%,var(--bg))}.notification-calendar-grid article.holiday{border-color:#dd9c42;background:rgba(218,151,54,.09)}.notification-calendar-grid article.scheduled{box-shadow:inset 0 -3px #4d83ea}.notification-calendar-grid article b{font-size:12px}.notification-calendar-grid article small{color:#ae711e;font-size:9px;line-height:1.2}.notification-calendar-grid article span{overflow:hidden;color:#3f72d0;font-size:9px;line-height:1.2}.notification-calendar-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;color:var(--muted);font-size:11px}.notification-calendar-legend span{display:flex;align-items:center;gap:5px}.notification-calendar-legend i{width:10px;height:10px;border:1px solid var(--border);border-radius:3px}.notification-calendar-legend i.weekend{background:#8793a8}.notification-calendar-legend i.holiday{background:#e4a23c}.notification-calendar-legend i.scheduled{background:#4d83ea}.notification-test-history>div:last-child{display:grid;gap:7px;max-height:435px;overflow:auto}.notification-test-history button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px;text-align:left;color:var(--text);background:transparent;border:1px solid var(--border);box-shadow:none}.notification-test-history button span{display:grid;gap:3px}.notification-test-history small{color:var(--muted)}.notification-test-history em{font-size:11px;font-style:normal;color:#4d83ea}.notification-test-empty{padding:30px;text-align:center;color:var(--muted)}.notification-test-empty b{color:var(--text)}.notification-test-loading{display:flex;align-items:center;justify-content:center;gap:13px;min-height:220px}.notification-test-loading p{margin:4px 0;color:var(--muted)}
@media(max-width:1100px){.notification-test-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-test-workspace,.notification-test-lower{grid-template-columns:1fr}.notification-processes>[data-process-list]{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}
@media(max-width:700px){.notification-test-hero,.notification-detail-head,.notification-preview-status{align-items:flex-start;flex-direction:column}.notification-test-metrics,.notification-processes>[data-process-list]{grid-template-columns:1fr}.notification-test-controls,.notification-production-form{align-items:stretch;flex-direction:column}.notification-test-controls label{min-width:0}.notification-calendar-grid article,.notification-calendar-grid>i{min-height:52px}.notification-calendar-grid article span,.notification-calendar-grid article small{display:none}.notification-calendar .panel-title{align-items:flex-start;flex-direction:column}.notification-calendar .panel-title label{width:100%}.notification-test-history button{align-items:flex-start;flex-direction:column}.notification-safe-badge{min-width:0}}
.notification-process{border:1px solid var(--bb-border,var(--border))!important;background:var(--bb-surface-soft,var(--panel))!important;color:var(--bb-text,var(--text))!important;box-shadow:none!important}.notification-process:hover{border-color:var(--bb-primary,var(--primary))!important;background:var(--bb-primary-soft,rgba(69,119,215,.08))!important}.notification-process.active{border-color:var(--bb-primary,var(--primary))!important;background:var(--bb-primary,var(--primary))!important;color:#fff!important}.notification-process.active small,.notification-process.active em{color:#dce9ff!important}.notification-process>i{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 10%,transparent)}
.notification-test-history button{border:1px solid var(--bb-border,var(--border))!important;background:var(--bb-surface-soft,var(--panel))!important;color:var(--bb-text,var(--text))!important;box-shadow:none!important}.notification-test-history button:hover{border-color:var(--bb-primary,var(--primary))!important;background:var(--bb-primary-soft,rgba(69,119,215,.08))!important}