.settings-mode .workspace>main{max-width:1200px;padding-top:22px}.settings-mode .demo-banner{justify-content:flex-start;align-items:center;gap:9px;background:none;border:0;padding:0;color:#7c8b92;font-size:.75rem}.settings-mode .demo-banner b{display:inline-block;margin:0;padding:5px 8px;border-radius:4px;background:#e6ecf0;color:#627781;font-size:.65rem;letter-spacing:.05em}.settings-mode .page-heading{margin:25px 0 26px}.settings-mode .page-heading .eyebrow{display:none}.settings-mode .page-heading h1{font-size:1.9rem;letter-spacing:-.035em;font-weight:650}.settings-mode .page-heading p{font-size:1rem;margin-top:8px}.notification-settings{display:grid;gap:18px}.notification-device,.notification-inbox{background:#fff;border:1px solid #dee6eb;border-radius:12px;overflow:hidden}.device-heading{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:start;padding:26px}.notification-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#e8f2ef;color:#215d50}.notification-icon svg{width:25px;height:25px}.device-heading h2,.notification-automation h2,.notification-section-heading h2{font-size:1.05rem;line-height:1.5;font-weight:600;letter-spacing:-.015em;color:#203b46}.device-heading p{font-size:1rem;line-height:1.7;color:#697e88;margin-top:5px;max-width:540px}.notification-state{align-self:start;display:inline-flex;align-items:center;border-radius:5px;padding:5px 9px;background:#f0f3f5;color:#6f818b;font-size:.75rem;line-height:1.5;white-space:nowrap;border:1px solid #e4eaee;font-weight:500}.notification-state.is-on{color:#216a50;background:#eaf5ef;border-color:#cfe6d9}.notification-state.needs-attention{color:#946327;background:#fff5e7;border-color:#efdfc4}.device-controls{margin:0 26px;border-top:1px solid #e8edf0;padding:20px 0 23px;display:flex;align-items:center;justify-content:space-between;gap:20px}.device-identity{display:flex;align-items:center;gap:13px}.device-identity>svg{width:21px;height:25px;flex-shrink:0;color:#82939d}.device-identity strong{display:block;font-size:.875rem;font-weight:550;color:#354e5a}.device-identity span{display:block;font-size:.875rem;color:#80919a;margin-top:5px;line-height:1.5}.device-actions .button{min-width:155px;min-height:44px;padding:11px 20px;font-size:.875rem}.device-actions .primary{background:#173e4b;border-color:#173e4b}.notification-feedback{margin:0 26px 20px;color:#a54237;font-size:.875rem;line-height:1.7}.notification-caption{padding:0 26px 20px;margin-top:-5px;color:#738993;font-size:.8rem;line-height:1.65}.notification-automation{padding:22px 26px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 20px;align-items:start;border:1px solid #e1e8ec;background:#f8fafb;border-radius:12px}.notification-automation>div>p{font-size:.875rem;color:#758a95;margin-top:5px;line-height:1.6}.notification-automation .automation-note{grid-column:1/-1;color:#708590;font-size:.875rem;line-height:1.65;margin-top:13px}.notification-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 26px 0}.notification-empty{display:flex;align-items:center;gap:16px;padding:26px}.inbox-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background:#f4f7f9;color:#9aabb3}.inbox-icon svg{width:20px;height:20px}.notification-empty strong{font-size:.875rem;font-weight:500;color:#526c77}.notification-empty p{font-size:.875rem;color:#8a9ba3;margin-top:5px;line-height:1.7}.received-notification{display:flex;gap:16px;padding:23px 26px;align-items:flex-start}.received-notification>div{min-width:0}.received-notification strong{font-size:1rem;line-height:1.6;overflow-wrap:anywhere}.received-notification p{font-size:.9375rem;color:#617d89;margin-top:7px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.received-notification time{display:block;font-size:.75rem;color:#81969e;margin-top:12px}.notification-support{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:5px 3px 0;color:#718791;font-size:.875rem}.notification-support details{max-width:580px}.notification-support summary{cursor:pointer;line-height:1.6}.notification-support details>div{margin-top:15px;padding:17px 20px;border:1px solid #e1e9ee;background:white;border-radius:8px}.notification-support p{font-size:.875rem;line-height:1.8}.notification-support p+p{margin-top:10px}.technical-link{font-size:.8rem;white-space:nowrap;color:#8497a1;text-decoration:none;line-height:1.8}.technical-link:hover{color:#204f61;text-decoration:underline}.technical-link span{margin-left:4px}.push-back{display:inline-block;text-decoration:none;color:#537889;font-size:.875rem;margin-bottom:24px}.push-back:hover{text-decoration:underline}.settings-mode footer{margin-top:4px;color:#99a7af}.nav svg{vertical-align:middle}
@media(max-width:900px){.device-heading{grid-template-columns:43px minmax(0,1fr);padding:22px;gap:13px}.device-heading>.notification-state{grid-column:2;justify-self:start;margin-top:-1px}.notification-icon{width:43px;height:43px}.device-controls{margin:0 22px}.notification-automation{padding:21px 22px}}
@media(max-width:760px){.settings-mode .workspace>main{padding:18px 16px}.settings-mode .page-heading{margin:22px 0}.settings-mode .page-heading h1{font-size:1.65rem}.settings-mode .page-heading p{font-size:.9375rem}.notification-settings{gap:14px}.device-heading{padding:21px 19px;gap:12px}.device-heading p{font-size:.9375rem}.device-heading h2{font-size:1rem}.device-controls{margin:0 19px;flex-direction:column;align-items:stretch;gap:20px;padding-bottom:20px}.device-actions .button{width:100%}.device-identity span{font-size:.8125rem}.notification-automation{padding:20px;gap:10px 14px}.notification-automation h2{font-size:1rem}.notification-automation .automation-note{margin-top:0}.notification-section-heading{padding:20px 20px 0}.notification-empty,.received-notification{padding:22px 20px}.notification-support{flex-direction:column;gap:20px;padding:4px 4px 10px}.notification-caption,.notification-feedback{padding-inline:19px;margin-inline:0}.notification-support details{max-width:100%}}