.scheduled-notifications{max-width:100%;box-sizing:border-box;min-width:0;padding:10px 4px}
.scheduled-notifications h1{margin-top:0;margin-bottom:8px;font-size:1.4rem}
.notification-info-banner{background:rgba(187,155,75,0.15);border:1px solid #bb9b4b;border-radius:12px;padding:10px 14px;margin-bottom:14px;font-size:0.9rem;line-height:1.4}
.notification-status-bar{min-height:24px;font-weight:600;margin:6px 0 12px;color:#1c5929}
.notification-status-bar[data-state="error"]{color:#9c1c1c}

.notification-rule-card{border:1px solid #bb9b4b;border-radius:16px;background:#f5f0e4;padding:16px;margin:14px 0;min-width:0;box-sizing:border-box}
.notification-card-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;border-bottom:1px solid rgba(187,155,75,0.3);padding-bottom:10px}
.notification-card-title{font-size:1.1rem;font-weight:700;flex:1 1 200px;min-width:0}
.notification-card-title input{width:100%;font-size:1.05rem;font-weight:bold;padding:6px 8px;border:1px solid #bb9b4b;border-radius:8px;background:#fff}
.notification-card-actions{display:flex;align-items:center;gap:8px}

.notification-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:12px}
.notification-col{flex:1 1 240px;min-width:0}
.notification-label{display:block;font-weight:600;margin-bottom:4px;font-size:0.9rem;color:#333}
.notification-hint{display:block;font-size:0.8rem;color:#666;margin-top:3px}

.scheduled-notifications select{width:100%;box-sizing:border-box;background:#fff;border:1px solid #bb9b4b;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,0.08);padding:8px 12px;font-size:0.95rem;max-width:100%}
.scheduled-notifications textarea{display:block;box-sizing:border-box;width:100%;min-height:65px;border:1px solid #bb9b4b;border-radius:10px;padding:8px;font-size:0.95rem;resize:vertical}
.scheduled-notifications input[type=time]{padding:7px 10px;border:1px solid #bb9b4b;border-radius:8px;background:#fff;font-size:0.95rem}

.notification-weekdays{display:flex;flex-wrap:wrap;gap:6px;max-width:100%;margin-top:4px}
.notification-weekdays .notification-toggle{flex:0 0 auto;padding:6px 10px;border-radius:10px;border:1px solid #bb9b4b;font-size:0.85rem;cursor:pointer;background:#f5f0e4;color:#24231e;transition:background 0.2s,color 0.2s}
.notification-weekdays .notification-toggle[aria-pressed=true]{background:linear-gradient(#383832,#141413);color:#fff;border-color:#161615;box-shadow:0 2px 4px rgba(0,0,0,0.2)}

.notification-people-list{display:flex;flex-wrap:wrap;gap:6px;max-height:140px;overflow-y:auto;background:#fff;border:1px solid #bb9b4b;border-radius:10px;padding:8px}
.notification-person-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;background:#eee;font-size:0.85rem;cursor:pointer;user-select:none}
.notification-person-tag input{margin:0;cursor:pointer}
.notification-person-tag.checked{background:#dcedc8;font-weight:600}

.notification-channel-group{display:flex;flex-direction:column;gap:6px}
.notification-channel-option{display:inline-flex;align-items:center;gap:8px;font-size:0.9rem;cursor:pointer}
.notification-channel-option input{margin:0;cursor:pointer}

.setting-switch{display:inline-flex!important;align-items:center;gap:8px!important;white-space:nowrap;padding:4px 8px;border-radius:14px;border:1px solid transparent;background:transparent;cursor:pointer;font-size:0.85rem}
.setting-switch:before{content:"";display:block;width:38px;height:22px;border-radius:20px;background:radial-gradient(circle at 11px 11px,white 0 8px,transparent 9px),#777;transition:background 0.2s}
.setting-switch[aria-checked=true]:before{background:radial-gradient(circle at 27px 11px,white 0 8px,transparent 9px),#26813e}
.setting-switch:focus-visible,.notification-toggle:focus-visible{outline:2px solid #99742b;outline-offset:2px}

.notification-delete-btn{background:#fff;border:1px solid #d32f2f;color:#d32f2f;border-radius:8px;padding:6px 12px;font-size:0.85rem;cursor:pointer}
.notification-delete-btn:hover{background:#ffebee}

.notification-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(187,155,75,0.4)}
.notification-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:12px;border:1px solid #bb9b4b;background:#f5f0e4;font-size:0.95rem;font-weight:600;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.06)}
.notification-btn:hover{background:#e8e1d0}
.notification-btn-primary{background:#bb9b4b;color:#fff;border-color:#99742b}
.notification-btn-primary:hover{background:#a6873b}
.notification-btn:disabled{opacity:0.6;cursor:not-allowed}