.notification-section-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 20px;padding:12px;border:1px solid #dce3ee;border-radius:16px;background:#f9fbff}
.notification-section-nav .btn{min-height:40px}
.notification-tab-panel[hidden],.notification-panel-delivery [role=tabpanel][hidden]{display:none!important}
.notification-section-nav{background:#fff;padding:6px;justify-content:flex-start;border-radius:14px;margin-bottom:20px}
.notification-section-nav .btn{border:0;background:transparent;box-shadow:none;min-width:110px;color:#65718b}
.notification-section-nav .btn.selected,.notification-channel-nav .btn.selected{background:#eee8ff;color:#673bd7;font-weight:650}
.notification-channel-nav{display:flex;gap:8px;margin:0 0 18px}.notification-channel-nav .btn{min-width:110px}
.notification-workspace-content{min-width:0}.notification-tab-panel{min-width:0}.notification-tab-panel .direct-binding-card{margin-top:0}.notification-tab-panel .bot-layout{max-width:none;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr)}
.notification-scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.notification-scenario-card{background:#fff;border:1px solid #e0e5ef;border-radius:18px;padding:22px;min-width:0}.notification-scenario-head{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.notification-scenario-head h3{font-size:16px;margin:0}.notification-scenario-destination{display:block;color:#7055a3;font-size:13px;margin-top:20px}.notification-scenario-card p{font-size:13px;line-height:1.7;color:#728098;margin:10px 0 18px}.notification-setup-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 2px;color:#718096;font-size:12px}.notification-setup-note>span{flex:1;min-width:220px}.notification-advanced{border:1px solid #e2e6ef;border-radius:12px;background:#fafbfe}.notification-advanced>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;cursor:pointer;font-size:13px;font-weight:600;list-style:none}.notification-advanced>summary::-webkit-details-marker{display:none}.notification-advanced>summary>span{font-size:11px;font-weight:400;color:#7a8497}.notification-advanced>summary::after{content:'+';font-size:16px;color:#8a70c9}.notification-advanced[open]>summary::after{content:'−'}.notification-advanced-body{display:grid;gap:14px;padding:4px 14px 16px}.notification-advanced .bot-choice{padding:0}.notification-advanced .field{margin:0}
.notification-group-section,.direct-notification-form,.direct-binding-card{scroll-margin-block:16px}
.notification-group-section:focus,.direct-notification-form:focus,.direct-binding-card:focus{outline:2px solid #b7a5fb;outline-offset:4px}
.bot-layout {display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;max-width:1120px;align-items:start}
.bot-layout>*{min-width:0}
.bot-form .card-head,.bot-side .card-head{align-items:flex-start;flex-wrap:wrap}
.bot-form .card-head>div,.bot-side .card-head>div{min-width:0;overflow-wrap:anywhere}
.bot-side,.bot-form-fields {display:grid;gap:18px}
.direct-test-form{display:grid;gap:12px;padding:0 22px 20px;min-width:0}
.direct-test-form .field{margin:0}.direct-test-form>button{justify-self:start}
.direct-test-confirm{display:flex;align-items:center;gap:9px;min-height:40px;font-size:14px;cursor:pointer}
.direct-test-confirm input{accent-color:var(--primary,#5d50dd);width:17px;height:17px;flex:none}
.direct-test-feedback{overflow-wrap:anywhere}.direct-test-feedback:empty{display:none}.direct-test-feedback>.btn{margin-top:8px}
.notification-log-settings-link{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:760px){.direct-test-form{padding:0 16px 16px}.direct-test-form>button{width:100%;min-height:44px}.direct-test-confirm{min-height:44px}.direct-test-form .input{font-size:16px;min-height:44px}.notification-channel-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.notification-channel-nav .btn{min-width:0;white-space:normal}.notification-log-settings-link>.btn{min-height:44px}}
.bot-form-fields,.bot-rules,.bot-status,.bot-save {padding:0 22px 20px}
.bot-form-fields fieldset {margin:0;border:1px solid var(--line,#dce2ec);border-radius:14px;padding:10px 14px;display:grid;gap:8px}
.bot-form-fields legend,.bot-choice strong {font-size:14px;font-weight:600}
.bot-choice {display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:8px 0;min-height:44px;min-width:0}
.bot-choice input {accent-color:var(--primary,#5d50dd);width:17px;height:17px;margin:2px 0 0;flex:none}
.bot-choice span {display:grid;gap:4px;min-width:0;overflow-wrap:anywhere;line-height:1.55}
.bot-choice small,.bot-status dt,.bot-rules {color:var(--muted,#52617b)}
.bot-save {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid #e4e9f2;padding-top:16px}
.notification-save-state{font-size:12px;line-height:1.6;color:var(--muted,#52617b);overflow-wrap:anywhere}
.bot-form[aria-busy=true]{cursor:progress}
.bot-form-fields .input,.bot-form-fields .select{width:100%;min-width:0}
.bot-form-fields fieldset{min-width:0}
.bot-status {display:grid;gap:12px;margin:0}
.bot-status div {display:grid;grid-template-columns:minmax(85px,1fr) minmax(0,1.3fr);align-items:baseline;gap:12px}
.bot-status dd {margin:0;text-align:right;overflow-wrap:anywhere}
.bot-rules {margin:0;padding-left:43px;line-height:1.7}
.bot-rules li + li {margin-top:8px}
.notification-rules>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;font-weight:600;cursor:pointer;list-style:none}
.notification-rules>summary::-webkit-details-marker{display:none}
.notification-rules>summary>span{font-size:12px;font-weight:400;color:var(--muted,#52617b)}
.notification-rules[open]>summary>span{visibility:hidden}
.notification-rules[open]>summary{border-bottom:1px solid #e4e9f2;margin-bottom:18px}
@media (max-width:1000px) {.bot-layout {grid-template-columns:1fr;gap:14px}}
@media (max-width:760px) {.bot-save button {width:100%}.bot-form-fields,.bot-status,.bot-save {padding-left:16px;padding-right:16px}.bot-choice {min-height:40px}}
.direct-notification-section {margin-top:24px;max-width:1120px}
.direct-recipient-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:320px;overflow:auto}
.direct-recipient-list>.notice {grid-column:1/-1}
.direct-recipient-list .bot-choice {border:1px solid var(--line,#dce2ec);padding:10px;border-radius:12px;min-width:0}
.direct-recipient-list .bot-choice span {min-width:0;overflow-wrap:anywhere}
.direct-binding-card {margin-top:20px}
.direct-binding-tools {padding:0 22px 18px;display:flex;flex-wrap:wrap;gap:10px}
.direct-binding-tools .input {width:100%;max-width:480px}
.direct-binding-tools .select{min-width:150px;flex:1}
.direct-binding-list {padding:0 22px 20px}
.direct-binding-row {display:grid;grid-template-columns:minmax(130px,1fr) minmax(150px,1.5fr) auto;align-items:center;gap:18px;padding:16px 0;border-top:1px solid var(--line,#dce2ec)}
.direct-binding-account,.direct-binding-target {display:flex;flex-wrap:wrap;gap:8px;min-width:0;overflow-wrap:anywhere}
.direct-binding-account {flex-direction:column;align-items:flex-start}
.direct-binding-account small {color:var(--muted,#52617b)}
.direct-binding-target {align-items:center}
.direct-binding-target .mono {font-size:12px;word-break:break-all}
.direct-binding-refresh {display:flex;justify-content:flex-start}
.direct-binding-form .dialog-actions {flex-wrap:wrap}
.direct-binding-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 22px;border-top:1px solid #e4e9f2;font-size:12px;color:#74809a}
.direct-binding-pagination>div{display:flex;gap:8px}
.direct-binding-dialog[open]{display:flex;flex-direction:column;width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:hidden}
.direct-binding-dialog .dialog-head{flex-shrink:0;gap:14px}
.direct-binding-dialog .dialog-head h2,.direct-binding-dialog .dialog-description{min-width:0;overflow-wrap:anywhere}
.direct-binding-dialog .dialog-head>.icon-button{min-width:44px;min-height:44px;flex-shrink:0}
.direct-binding-dialog .dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.direct-binding-dialog .input{width:100%;min-width:0}
.direct-binding-dialog .dialog-actions{padding-top:14px;border-top:1px solid #e4e9f2}
@media (max-width:760px) {
  .notification-scenario-grid{grid-template-columns:1fr;gap:12px}.notification-scenario-card{padding:18px}.notification-scenario-destination{margin-top:14px}.notification-tab-panel .bot-layout{grid-template-columns:1fr}.notification-channel-nav .btn{flex:1;min-height:44px}.notification-advanced>summary{min-height:46px}.notification-advanced>summary>span{font-size:11px}.notification-setup-note{align-items:stretch}.notification-setup-note>span{flex-basis:100%}.notification-setup-note .btn{flex:1;min-height:44px}
  .notification-section-nav{display:grid;grid-template-columns:1fr 1fr;padding:10px}
  .notification-section-nav .btn{min-height:44px;justify-content:center}
  .bot-form-fields .input,.direct-binding-tools .input,.direct-binding-tools .select,.direct-binding-dialog .input{font-size:16px!important;min-height:44px}
  .bot-form .card-head,.bot-side .card-head{gap:10px}
  .bot-status div{grid-template-columns:minmax(90px,1fr) minmax(0,1.5fr)}
  .bot-save{flex-direction:column;align-items:stretch}
  .bot-save .btn{min-height:46px}
  .notification-rules>summary{padding:16px}
  .direct-notification-section {margin-top:18px}
  .direct-recipient-list {grid-template-columns:1fr}
  .direct-binding-tools,.direct-binding-list {padding-left:16px;padding-right:16px}
  .direct-binding-row {grid-template-columns:minmax(0,1fr) auto;gap:12px}
  .direct-binding-target {grid-column:1/-1;grid-row:2}
  .direct-binding-row>.btn {min-height:44px;grid-column:2;grid-row:1}
  .direct-binding-form .dialog-actions>.btn {flex:1;min-height:44px;white-space:nowrap}
  .direct-binding-pagination{padding:14px 16px}
  .direct-binding-pagination>div{width:100%}
  .direct-binding-pagination .btn{flex:1;min-height:44px}
  .direct-binding-dialog[open]{margin:auto;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
  .direct-binding-dialog .dialog-actions{position:sticky;bottom:-22px;background:#fbfcff;padding-bottom:12px;z-index:1}
}

.notification-scenario-channels{display:grid;gap:10px;margin:0 0 18px;padding:12px 14px;border:1px solid #e5e7f1;border-radius:12px;background:#fafbff}.notification-scenario-channel{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#67758c;font-size:12px}.notification-scenario-channel>span:first-child{min-width:0;overflow-wrap:anywhere}