.modal-card.notification-settings-modal{width:min(1320px,calc(96vw * var(--app-inv,1)))!important;max-width:calc(96vw * var(--app-inv,1))!important;height:calc(90vh * var(--app-inv,1));display:flex;flex-direction:column;padding:0!important;overflow:hidden}
.notification-settings-modal>.modal-head{padding:18px 22px;margin:0;flex-shrink:0}
.notification-settings-tabs{display:flex;border-bottom:1px solid #dbe4ef;background:white;flex-shrink:0}
.notification-settings-tabs button{flex:1;border:0;border-radius:0;padding:14px;color:#64748b;background:white;box-shadow:none}
.notification-settings-tabs button.active{color:#1764e8;border-bottom:3px solid #1764e8;background:#f5f8ff;font-weight:700}
.notification-settings-layout{display:grid;grid-template-columns:260px minmax(0,1fr);flex:1;min-height:0}
.notification-settings-sidebar{border-right:1px solid #dbe4ef;overflow:auto;background:#fff}
.notification-settings-actions{display:flex;gap:6px;align-items:center;padding:14px 12px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}
.notification-settings-actions b{width:100%;margin-bottom:4px}
.notification-settings-actions button{padding:7px 10px;font-size:13px}
.notification-settings-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:calc(100% - 20px);margin:10px;padding:12px;border:1px solid #dbe4ef;border-radius:8px;background:#fff;gap:6px;box-shadow:none}
.notification-settings-item b{font-size:14px;overflow-wrap:anywhere}
.notification-settings-item small{font-size:12px;color:#64748b}
.notification-settings-item.active{border-color:#1764e8;background:#edf4ff}
.notification-settings-detail{overflow:auto;padding:14px;background:#f5f7fb;min-width:0}
.notification-settings-detail>.modal-head,.notification-settings-detail [data-close-modal]{display:none!important}
.notification-settings-detail #notificationRuleForm{display:flex;flex-direction:column;gap:10px}
.notification-config-section{background:white;border:1px solid #d7e0eb;border-radius:10px;padding:14px}
.notification-config-section h3{font-size:14px;margin:0 0 12px;padding-bottom:9px;border-bottom:1px solid #e2e8f0}
.notification-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.notification-settings-detail label{display:flex;flex-direction:column;gap:7px;font-size:13px;min-width:0}
.notification-settings-detail label.full{grid-column:1/-1}
.notification-settings-detail input,.notification-settings-detail select{width:100%;min-height:38px;box-sizing:border-box;font-size:14px;line-height:1.4}
.notification-settings-detail input[type=checkbox]{width:18px;min-height:18px}
.notification-settings-detail .notification-all-day{flex-direction:row;align-items:center}
.notification-settings-detail .solapi-provider-preview{margin-top:16px}
.notification-settings-detail .solapi-provider-preview pre{white-space:pre-wrap;line-height:1.65;font-size:14px;max-height:300px;overflow:auto;background:#f8fafc;padding:14px}
.notification-settings-detail .solapi-variable-map-row{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;padding:8px 0;border-bottom:1px solid #edf2f7}
.notification-db-mapping{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px dashed #cbd5e1;border-radius:7px;background:#f8fafc;color:#64748b}
.notification-db-mapping b{color:#334155}
.notification-condition-list,.notification-recipient-list{display:flex;flex-direction:column;gap:7px}
.notification-condition-row{display:grid;grid-template-columns:88px 130px minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr) 40px;gap:7px;align-items:center}
.notification-condition-row>[data-condition-value-wrap]{min-width:0}
.notification-condition-row>[data-condition-join]:disabled{color:#94a3b8;background:#eef2f7}
.notification-condition-row .danger-lite{min-height:38px;padding:0;font-size:18px}
.notification-add-row{margin-top:9px;border-style:dashed!important}
.notification-recipient-actions{display:flex;gap:7px;margin-bottom:9px}
.notification-recipient-actions button{border-style:dashed}
.notification-recipient-card{padding:10px;border:1px solid #dbe4ef;border-radius:8px;background:#f8fafc}
.notification-recipient-card>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#64748b}
.notification-recipient-card>div:first-child button{min-height:30px;padding:4px 10px}
.notification-recipient-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.notification-result-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}
.notification-result-row input[readonly]{background:#f8fafc;color:#475569}
.notification-result-row label{flex-direction:row;align-items:center;white-space:nowrap}
.notification-settings-detail .solapi-variable-map>div:first-child{display:grid;grid-template-columns:190px minmax(0,1fr);padding:9px 0;border-bottom:1px solid #dbe4ef}
.notification-settings-detail .solapi-variable-map>div:first-child small{font-size:0}
.notification-settings-detail .solapi-variable-map>div:first-child b:after{content:'변수명';font-size:13px}
.notification-settings-detail .solapi-variable-map>div:first-child b{font-size:0}
.notification-settings-detail .solapi-variable-map>div:first-child small:after{content:'설정';font-size:13px;font-weight:700;color:#1e293b}
.notification-settings-detail .modal-actions{position:sticky;bottom:-18px;background:#fff;padding:12px;border-top:1px solid #dbe4ef;margin:0;z-index:2}
@media(max-width:1000px){.notification-condition-row{grid-template-columns:80px 110px 1fr 1fr}.notification-condition-row>[data-condition-value-wrap]{grid-column:2/4}.notification-condition-row>[data-remove-condition]{grid-column:4}}
@media(max-width:760px){.notification-settings-layout{grid-template-columns:180px minmax(0,1fr)}.notification-config-grid{grid-template-columns:1fr}.notification-settings-detail{padding:10px}.notification-settings-detail .solapi-variable-map-row,.notification-recipient-row,.notification-result-row{grid-template-columns:1fr}.notification-condition-row{grid-template-columns:1fr 1fr}.notification-condition-row>[data-condition-value-wrap]{grid-column:1/3}.notification-settings-tabs button{padding:10px 4px;font-size:12px}}