.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;}}

.ntm-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  padding: 24px;
  background: rgb(15 23 42 / 45%);
}
.ntm-backdrop[hidden] { display: none !important; }
.ntm-dialog {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: min(1280px, 100%);
  height: min(90dvh, 960px);
  max-height: calc(100dvh - 48px);
  min-width: 0;
  overflow: hidden;
  border: 0;
  border-radius: 16px;
  background: #fff;
  color: #0f172a;
  box-shadow: 0 20px 60px rgb(15 23 42 / 24%);
  font-family: inherit;
  outline: none;
}
.ntm-header {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 24px;
  border-bottom: 1px solid #e2e8f0;
  background: #fff;
}
.ntm-header h2 {
  min-width: 0;
  margin: 0;
  font-size: 20px;
  font-weight: 650;
  line-height: 1.4;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
}
.ntm-title { min-width: 0; flex: 1; }
.ntm-back { display:inline-flex; align-items:center; justify-content:center; gap:6px; flex:0 0 auto; min-width:44px; min-height:44px; padding:8px 10px; border:0; border-radius:8px; background:transparent; color:#334155; font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.ntm-back:hover { background:#f1f5f9; color:#0f172a; }
.ntm-back:focus-visible { outline:2px solid #4338ca; outline-offset:2px; }
.ntm-back:disabled { opacity:.5; cursor:wait; }
.ntm-summary { margin: 3px 0 0; color: #475569; font-size: 12px; line-height: 1.5; }
.ntm-close {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #475569;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}
.ntm-close:hover { background: #f1f5f9; color: #0f172a; }
.ntm-close:focus-visible { outline: 2px solid #4338ca; outline-offset: 2px; }
.ntm-body {
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 #f8fafc;
  scroll-padding-block: 16px;
}
.ntm-body > * { min-width: 0; }
.ntm-dialog ::selection { background: #c7d2fe; color: #1e1b4b; }
@media (max-width: 640px) {
  .ntm-backdrop { padding: 0; }
  .ntm-dialog { width: 100%; height: 100dvh; max-height: 100dvh; border-radius: 0; }
  .ntm-header {
    gap: 12px;
    padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));
  }
  .ntm-header h2 { font-size: 17px; line-height:1.35; }
  .ntm-header { gap:8px; }
  .ntm-back { padding-inline:4px; font-size:13px; gap:2px; }
  .ntm-body { padding-bottom: env(safe-area-inset-bottom); }
}
@media (prefers-reduced-motion: reduce) { .ntm-close { transition: none; } }

.ntm-body [aria-labelledby="meta-setup-title"] { border: 0; border-radius: 0; }
.ntm-body [aria-labelledby="meta-setup-title"] > div { padding-top: 12px; }
.ntm-body [aria-labelledby="meta-setup-title"] > div > div:first-child { display: none; }
.ntm-body [aria-labelledby="meta-setup-title"] > div > div:nth-child(2) { margin-top: 0; padding-top: 0; border-top: 0; }
.ntm-body [aria-labelledby="meta-setup-title"] > div > div:nth-child(2) > div > p:nth-child(2) { display: none; }
.ntm-body [aria-label="Etapas da configuração Meta"] { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.ntm-body [aria-label="Etapas da configuração Meta"] > li:first-child { display: none; }
.ntm-body [aria-label="Etapas da configuração Meta"] button { width: 100%; justify-content: center; padding: 10px 12px; border-radius: 0; }
.ntm-body [aria-label="Etapas da configuração Meta"] button[aria-current="step"] { box-shadow: inset 0 -2px #4f46e5; }
.ntm-body [aria-label="Etapas da configuração Meta"] button > span[aria-hidden="true"] { display: none; }
.ntm-body [data-template-purpose] { padding-top: 12px; padding-bottom: 12px; }
.ntm-body [data-template-purpose] p[role="status"] { max-width: 62ch; }
@media (max-width:640px) { .ntm-body [aria-label="Etapas da configuração Meta"] { gap: 4px; } }
@media (max-width:640px) { .ntm-body [aria-labelledby="meta-setup-title"] > div > div:nth-child(2) { flex-wrap: nowrap; gap: 8px; }.ntm-body [aria-labelledby="meta-setup-title"] > div > div:nth-child(2) > div { flex: 1; }.ntm-body [aria-labelledby="meta-setup-title"] > div > div:nth-child(2) > button { flex-shrink: 0; padding-inline: 8px; font-size: 12px; } }

.nu-templates[data-template-model-list]{color:#17233b;}
.nu-template-back{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:4px 0;margin:0 0 12px;border:0;background:transparent;color:#475569;font:inherit;font-size:14px;font-weight:600;cursor:pointer;}
.nu-template-back:hover{color:#4338ca;}
.nu-template-back:focus-visible{outline:2px solid #4338ca;outline-offset:3px;border-radius:4px;}
.nu-templates[data-template-model-list] .nu-heading{align-items:flex-start;margin-bottom:16px;}
.nu-templates[data-template-model-list] .nu-heading h2{margin:0;font-size:24px;font-weight:700;line-height:1.35;letter-spacing:-.02em;}
.nu-templates[data-template-model-list] .nu-heading p{margin:5px 0 0;font-size:14px;line-height:1.6;}
.nu-template-summary{margin:0 0 16px;color:#475569;font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums;}
.nu-templates[data-template-model-list] .nu-model-list{border-top:1px solid #e2e8f0;}
.nu-templates[data-template-model-list] .nu-model-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #e2e8f0;}
.nu-templates[data-template-model-list] .nu-model-row h3{margin:0;font-size:15px;font-weight:600;line-height:1.5;}
.nu-templates[data-template-model-list] .nu-model-row .nu-button{flex-shrink:0;min-height:44px;gap:8px;}
.nu-model-status{margin:4px 0 0;font-size:13px;line-height:1.5;color:#475569;}
.nu-templates[data-template-model-list] .nu-model-secondary{max-width:62ch;margin:5px 0 0;font-size:12px;line-height:1.6;}
.nu-template-optional{margin-top:20px;}
.nu-template-optional>summary{display:list-item;min-height:44px;padding:10px 0;color:#334155;font-size:14px;font-weight:600;cursor:pointer;}
.nu-template-optional[open]>.nu-model-list{margin-top:8px;}
.nu-templates[data-template-model-list] .nu-help{margin-top:20px;}
.nu-templates[data-template-model-list] .nu-help summary{min-height:44px;padding-block:10px;}
.nu-templates[data-template-model-list] .nu-help-copy p{max-width:68ch;}
.nu-focused-template-review [data-template-purpose]{padding-block:8px!important;}
.ntf-row-hint{margin:6px 0 0;font-size:13px;line-height:1.5;color:#475569;}
.ntf-difference-body a.nu-button{display:inline-flex;align-items:center;text-decoration:none;}
@media(max-width:640px){.nu-templates[data-template-model-list] .nu-heading{gap:12px;}.nu-templates[data-template-model-list] .nu-heading h2{font-size:21px;}.nu-templates[data-template-model-list] .nu-heading>.nu-button{padding-inline:12px;font-size:12px;}.nu-templates[data-template-model-list] .nu-model-row{gap:12px;padding-block:16px;align-items:flex-start;}.nu-templates[data-template-model-list] .nu-model-row h3{font-size:14px;}.nu-templates[data-template-model-list] .nu-model-row>.nu-button{padding-inline:10px;font-size:12px;max-width:42%;}.nu-model-status{font-size:12px;}.ntf-row-heading:has([data-long-status=true]){flex-direction:column;align-items:flex-start;gap:7px;}.ntf-badge[data-long-status=true]{max-width:100%;text-align:left;}.ntf-row-hint{font-size:12px;}}

.nu-template-list-title{scroll-margin-block-start:16px;}
.nu-template-list-title:focus{outline:none;}
.nu-template-list-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.nu-template-list-tools .nu-template-summary{margin:0;}