/* TrinoTime Cloud v1.2.1 — Launch Readiness: workspace notification preferences */
.notification-settings-panel{margin-top:14px;padding:24px 26px}
.notification-settings-head{align-items:flex-start;gap:18px}
.notification-settings-head>div{min-width:0}
.notification-settings-head p{margin:7px 0 0;color:#758196;font-size:13.5px;line-height:1.55;max-width:820px}
.notification-settings-head .secure-chip{font-size:12px;padding:8px 11px;white-space:nowrap}
.notification-settings-head .secure-chip[data-state="good"]{background:#e7f7f0;color:#347f66}
.notification-settings-head .secure-chip[data-state="warn"]{background:#fff4df;color:#95691f}
.notification-settings-head .secure-chip[data-state="off"]{background:#eef1f5;color:#667386}
.notification-master-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;padding:17px 18px;border:1px solid #e5e9ef;border-radius:14px;background:#f8fafc}
.notification-master-row>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.notification-master-row strong{font:700 15px Manrope,sans-serif;color:#273247}
.notification-master-row small{font-size:12.5px;line-height:1.5;color:#7a8697;max-width:850px}
.notification-switch{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;cursor:pointer}
.notification-switch input{position:absolute;opacity:0;pointer-events:none}
.notification-switch span{width:48px;height:27px;border-radius:999px;background:#d9dee7;position:relative;transition:.2s ease}
.notification-switch span:after{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(34,46,65,.18);transition:.2s ease}
.notification-switch input:checked+span{background:var(--tenant-primary)}
.notification-switch input:checked+span:after{transform:translateX(21px)}
.notification-switch input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--tenant-accent) 22%,transparent);outline-offset:2px}
.notification-preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.notification-pref{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;border:1px solid #e6eaf0;border-radius:13px;padding:15px 16px;background:#fff;cursor:pointer;transition:border-color .16s ease,background .16s ease}
.notification-pref:hover{background:#fbfcfe;border-color:#d5dce7}
.notification-pref input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--tenant-primary)}
.notification-pref>span{display:flex;flex-direction:column;gap:4px}
.notification-pref b{font-size:14px;line-height:1.35;color:#263247}
.notification-pref small{font-size:12px;line-height:1.5;color:#7c8797}
.notification-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding-top:15px;border-top:1px solid #edf0f4}
.notification-settings-footer p{margin:0;font-size:12.5px;line-height:1.5;color:#748093;max-width:760px}
.notification-settings-footer p.error{color:#b25555}.notification-settings-footer p.success{color:#2d7d61}
.notification-settings-footer>div{display:flex;gap:8px;flex:0 0 auto}
@media(max-width:900px){.notification-preference-grid{grid-template-columns:1fr}.notification-settings-footer{align-items:flex-start;flex-direction:column}.notification-master-row{align-items:flex-start}.notification-settings-head{flex-wrap:wrap}}
@media(max-width:620px){.notification-settings-panel{padding:19px}.notification-master-row{padding:14px}.notification-settings-footer>div{width:100%}.notification-settings-footer button{flex:1}}