.ntf-view{color:#17233b;max-width:100%;padding:8px 0 16px;}
.ntf-view *{box-sizing:border-box;}
.ntf-result{display:flex;align-items:flex-start;gap:14px;margin:0 0 24px;}
.ntf-result-icon{display:flex;flex:0 0 44px;align-items:center;justify-content:center;height:44px;border-radius:12px;background:#f1f0ff;color:#4f46e5;}
.ntf-result h3{font-size:clamp(20px,2vw,25px);font-weight:700;line-height:1.3;margin:0 0 8px;letter-spacing:-.015em;}
.ntf-result h3:focus{outline:none;}
.ntf-result p,.ntf-cause p,.ntf-help p,.ntf-empty{font-size:14px;line-height:1.6;color:#475569;max-width:65ch;margin:0;}
.ntf-result .ntf-counts{color:#243451;font-weight:600;margin-top:10px;font-variant-numeric:tabular-nums;}
.ntf-progress{margin:0 0 24px;}
.ntf-progress [role=progressbar]{height:6px;overflow:hidden;border-radius:999px;background:#edeff5;}
.ntf-progress [role=progressbar]>span{display:block;height:100%;background:#4f46e5;transition:width .18s ease-out;}
.ntf-progress p{font-size:13px;color:#475569;margin:9px 0 0;line-height:1.5;font-variant-numeric:tabular-nums;}
.ntf-cause{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;margin-bottom:16px;}
.ntf-cause strong{display:block;font-size:14px;line-height:1.45;margin-bottom:5px;color:#243451;}
.ntf-models{list-style:none;margin:0;padding:0;border-top:1px solid #e2e8f0;}
.ntf-models li{display:block;padding:16px 0;border-bottom:1px solid #e2e8f0;}
.ntf-row-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.ntf-difference{margin-top:10px;font-size:13px;color:#475569;}
.ntf-difference summary{cursor:pointer;min-height:32px;line-height:1.6;}
.ntf-difference-body p{max-width:65ch;margin:7px 0;font-size:13px;line-height:1.6;}
.ntf-difference-body .nu-button{min-height:44px;margin-top:8px;}
.ntf-difference-fields{font-weight:600;color:#243451;}
.ntf-remote-status{color:#475569;}
.ntf-model-name{font-size:14px;font-weight:600;line-height:1.5;min-width:0;overflow-wrap:anywhere;}
.ntf-last-known{display:block;font-size:12px;font-weight:400;color:#475569;margin-top:3px;line-height:1.5;}
.ntf-badge{flex-shrink:0;font-size:12px;font-weight:600;line-height:1.45;padding:5px 9px;border-radius:7px;background:#f1f5f9;color:#475569;}
.ntf-badge[data-tone=warning],.ntf-result-icon[data-tone=warning]{background:#fffbeb;color:#92400e;}
.ntf-badge[data-tone=error],.ntf-result-icon[data-tone=error]{background:#fef2f2;color:#b91c1c;}
.ntf-badge[data-tone=success],.ntf-result-icon[data-tone=success]{background:#ecfdf5;color:#047857;}
.ntf-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:24px;}
.ntf-actions button{min-height:44px;}
.ntf-actions button:disabled{cursor:wait;}
.ntf-help{margin-top:20px;font-size:13px;color:#475569;}
.ntf-help summary{cursor:pointer;min-height:32px;display:list-item;line-height:1.6;}
.ntf-help p{padding-top:8px;font-size:13px;}
.ntf-empty{padding-top:16px;}
@media(max-width:640px){.ntf-view{padding-top:4px;}.ntf-result{gap:12px;margin-bottom:20px;}.ntf-result-icon{flex-basis:36px;height:36px;border-radius:10px;}.ntf-result-icon svg{width:20px;height:20px;}.ntf-result h3{font-size:20px;}.ntf-models li{padding:14px 0;}.ntf-row-heading{align-items:flex-start;gap:10px;}.ntf-model-name{font-size:13px;}.ntf-badge{max-width:44%;font-size:11px;text-align:right;}.ntf-cause{padding:14px;}.ntf-actions{align-items:stretch;flex-direction:column;gap:10px;padding-top:20px;}.ntf-actions button{width:100%;justify-content:center;}.ntf-result p{font-size:13px;}}
@media(prefers-reduced-motion:reduce){.ntf-progress [role=progressbar]>span{transition:none;}}