/* Shared editorial finish. Original CSS; measured reference: Doofinder Support.
   Structural IDs, event bindings, collapsed geometry and product data unchanged. */
@font-face{font-family:NL Roboto;src:url('/ayuda/assets/roboto-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--nl-font:'NL Roboto',Roboto,Arial,sans-serif;--nl-bg:#f7f8f7;--nl-surface:#fff;--nl-soft:#f1f4f2;--nl-line:#dfe5e1;--nl-ink:#173d39;--nl-muted:#64756f;--nl-accent:#063c3b;--nl-hover:#e8f1ed;--nl-primary:#063c3b;--nl-radius:7px;--nl-space:24px}
html[data-nl-theme=dark]{--nl-bg:#161e1c;--nl-surface:#202a27;--nl-soft:#293631;--nl-line:#374840;--nl-ink:#eef3ef;--nl-muted:#adbcb4;--nl-accent:#ffcf00;--nl-hover:#38331d;--nl-primary:#063c3b}
html body{font-family:var(--nl-font)!important;background:var(--nl-bg)!important;background-image:none!important;color:var(--nl-ink)!important;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;letter-spacing:normal}
html body :is(button,input,select,textarea,table,label,p,small){font-family:var(--nl-font)!important;letter-spacing:normal}
html #app,html #content,html .platform-layout{--ink:var(--nl-ink);--muted:var(--nl-muted);--line:var(--nl-line);--border:var(--nl-line);--bg:var(--nl-bg);--green:var(--nl-primary);font-family:var(--nl-font)!important;background:var(--nl-bg)!important;color:var(--nl-ink)!important}
html #app .sidebar,html .platform-sidebar{background:var(--nl-bg)!important;background-image:none!important;border-color:var(--nl-line)!important;box-shadow:none!important;backdrop-filter:none!important}
html #app .topbar,html body>.site-head{background:var(--nl-surface)!important;background-image:none!important;border-color:var(--nl-line)!important;box-shadow:none!important;backdrop-filter:none!important}
html #app .brand,html .platform-sidebar-head{border-color:var(--nl-line)!important;box-shadow:none!important}
html #app .sidebar nav button,html .platform-sidebar nav button,html .side-nav button{font-size:14px!important;font-weight:400!important;line-height:20px;color:var(--nl-ink)!important;border:1px solid transparent!important;border-radius:5px!important;background:transparent!important;box-shadow:none!important}
html #app .sidebar nav button b{font-weight:400!important}
html #app .sidebar nav button:hover,html .platform-sidebar nav button:hover,html .side-nav button:hover{background:var(--nl-hover)!important;border-color:transparent!important;color:var(--nl-accent)!important}
html #app .sidebar nav button.active,html .platform-sidebar nav button.active,html .side-nav button.active{background:var(--nl-hover)!important;color:var(--nl-accent)!important;border-color:transparent!important;font-weight:500!important;box-shadow:none!important}
html #app .sidebar nav button.active b{font-weight:500!important}
html #app .sidebar nav button.active::before{display:none!important}
html #app .sidebar nav button>span,html .platform-sidebar nav button>svg{color:var(--nl-muted)!important}
html #app .sidebar nav button.active>span,html .platform-sidebar nav button.active>svg{color:var(--nl-accent)!important}
html #app .nav-label,html .platform-nav-label{font-size:10px!important;letter-spacing:.07em!important;font-weight:500!important;color:var(--nl-muted)!important}
html #app .sidebar nav button:not(:last-child){margin-bottom:2px}
html #app .account-link,html #app .account-portal-link,html .platform-account-link{background:var(--nl-surface)!important;border-color:var(--nl-line)!important;border-radius:6px!important;box-shadow:none!important;font-weight:400!important;color:var(--nl-ink)!important}
html #app .sidebar-foot,html .platform-sidebar-foot{border-color:var(--nl-line)!important;color:var(--nl-muted)!important}
html #app .content{padding:32px 36px 56px!important}
html #app .panel,html #app .metric,html #content .card,html #content .panel,html #content .metric,html .platform-workspace .card,html .platform-workspace .panel,html .platform-workspace .metric{background:var(--nl-surface)!important;background-image:none!important;border:1px solid var(--nl-line)!important;border-radius:var(--nl-radius)!important;box-shadow:none!important;backdrop-filter:none!important}
html #app .panel,html #content .card,html .platform-workspace .card{padding:24px!important}
html #app .dashboard-welcome,html #app .dashboard-connection,html #app .agent-status{background:var(--nl-surface)!important;background-image:none!important;border:1px solid var(--nl-line)!important;box-shadow:none!important;border-radius:var(--nl-radius)!important}
html #app .dashboard-welcome{padding:32px!important;margin-top:28px!important}
html #app .page-head,html #content .heading{margin-bottom:28px!important}
html #app .page-head h1,html #content h1,html .platform-heading h1{font-size:30px!important;line-height:36px!important;letter-spacing:-.75px!important;font-weight:500!important;color:var(--nl-ink)!important}
html #app .page-head p,html #app .view-description,html #content .heading p{font-size:14px!important;line-height:22px!important;color:var(--nl-muted)!important}
html #app .panel h2,html #content .card h2,html .platform-workspace .card h2{font-size:20px!important;line-height:28px!important;letter-spacing:-.3px!important;font-weight:500!important;color:var(--nl-ink)!important}
html #app .dashboard-welcome h2{font-size:32px!important;line-height:1.25!important;letter-spacing:-.8px!important;font-weight:500!important;color:var(--nl-ink)!important;max-width:800px}
html #app .dashboard-welcome p{font-size:14px!important;line-height:23px!important;color:var(--nl-muted)!important}
html #app h3,html #content h3,html .platform-workspace h3{font-weight:500!important;letter-spacing:normal!important;color:var(--nl-ink)!important}
html #app .eyebrow,html #content .eyebrow{font-size:10px!important;letter-spacing:.08em!important;font-weight:500!important;color:var(--nl-muted)!important}
html #app .muted,html #content .muted,html .platform-workspace .muted{color:var(--nl-muted)!important}
html #app .metric,html #content .metric{padding:24px!important}
html #app .metric strong,html #app .metric>b{font-size:30px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:-.6px!important;color:var(--nl-ink)!important}
html #app .button,html #content button,html #content .button,html .platform-workspace button{border-radius:5px!important;box-shadow:none!important;background-image:none!important;font-size:13px!important;font-weight:500!important;letter-spacing:normal!important;min-height:38px}
html #app .button.secondary,html #content button:not(.primary):not(.danger):not([aria-current]),html #content .button:not(.primary){background:var(--nl-surface)!important;color:var(--nl-ink)!important;border-color:var(--nl-line)!important}
html #app .button.primary,html #content button.primary,html #content .button.primary{background:var(--nl-primary)!important;color:#fff!important;border:1px solid var(--nl-primary)!important;box-shadow:none!important}
html #app .button.primary:hover,html #content .primary:hover{filter:brightness(1.1)}
html #app :is(input,select,textarea),html #content :is(input,select,textarea){border:1px solid var(--nl-line)!important;background:var(--nl-surface)!important;background-image:none!important;color:var(--nl-ink)!important;border-radius:5px!important;box-shadow:none!important;font-size:14px!important;line-height:20px!important}
html #app input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),html #app select,html #content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),html #content select{min-height:40px}
html #app :is(input,select,textarea):focus-visible,html #content :is(input,select,textarea):focus-visible{outline:2px solid #d1b73d80!important;outline-offset:1px!important;border-color:#927900!important}
html #app label,html #content label{font-weight:400!important;font-size:13px!important;color:var(--nl-ink)!important;line-height:20px}
html #app :is(.table,.ranking-table) th,html #content th{background:var(--nl-soft)!important;color:var(--nl-muted)!important;font-size:11px!important;font-weight:500!important;letter-spacing:.035em!important;border-color:var(--nl-line)!important}
html #app :is(.table,.ranking-table) td,html #content td{font-size:13px!important;line-height:20px!important;border-color:var(--nl-line)!important}
html #app .table tbody tr:hover,html #content tbody tr:hover{background:var(--nl-soft)!important}
html #app .badge,html #content .badge{box-shadow:none!important;border-radius:4px!important;font-size:11px!important;font-weight:400!important}
html #app .config-tabs,html #app .layer-tabs{gap:4px!important;border-color:var(--nl-line)!important}
html #app .config-tabs button,html #app .layer-tabs button{border-radius:4px!important;box-shadow:none!important;background:transparent!important;color:var(--nl-muted)!important;font-weight:400!important}
html #app .config-tabs button.active,html #app .layer-tabs button.active{background:var(--nl-hover)!important;color:var(--nl-accent)!important;border-color:transparent!important}
html #app .shortcut-icon,html #app .shortcuts button>span{background:var(--nl-soft)!important;color:var(--nl-accent)!important;border-radius:6px!important;box-shadow:none!important}
html #app .shortcuts button,html #app .dashboard-shortcuts button{border:1px solid var(--nl-line)!important;border-radius:6px!important;background:var(--nl-surface)!important;box-shadow:none!important}
html #app :is(.nl-theme-toggle,[data-channel]),html #content :is(.nl-theme-toggle,[data-channel]){background:var(--nl-surface)!important;background-image:none!important;border-color:var(--nl-line)!important;border-radius:6px!important;box-shadow:none!important;color:var(--nl-ink)!important}
html #app #sidebar-toggle,html [data-platform-collapse]{background:var(--nl-surface)!important;color:var(--nl-accent)!important;border-color:var(--nl-line)!important;box-shadow:none!important}
/* Public pages and help use the same typography and quiet surfaces. */
html .site-header,html body>.site-head{box-shadow:none!important;backdrop-filter:none!important;border-color:var(--nl-line)!important}
html .site-header nav,html .nav-actions{font-weight:500!important;letter-spacing:normal!important}
html .agent-benefit-grid article,html .feature-main,html .feature-side article,html .agent-demo-shell{box-shadow:none!important;border-color:var(--nl-line)!important;border-radius:8px!important}
html .agent-benefit-grid h3,html .feature-side h3{font-weight:500!important;letter-spacing:-.2px!important}
html body:has(#help-search){--ink:var(--nl-ink);--muted:var(--nl-muted);--accent:var(--nl-accent);--line:var(--nl-line);--wash:var(--nl-bg)}
html body:has(#help-search)>header{background:#063c3b!important;border:0!important;min-height:80px;padding-block:18px}
html body:has(#help-search)>header nav a,html body:has(#help-search)>header .brand span{color:#fff!important}
html body:has(#help-search)>header .help-product-logo{background:#fff;border-radius:4px;padding:3px 7px;height:42px}
html body:has(#help-search)>header .button{background:#ffffff12!important;border-color:#ffffff35!important;color:#fff!important;border-radius:4px}
html body:has(#help-search) .search-wrap{background:var(--nl-bg)!important;padding:24px 32px;border-color:var(--nl-line)!important}
html body:has(#help-search) form>div{box-shadow:none;border-radius:5px;border-color:var(--nl-line)}
html body:has(#help-search) :is(.article-card,.steps,.system-shot,.screen-details,.audit-notice,.controls-scroll){border-radius:7px!important;box-shadow:none!important;border-color:var(--nl-line)!important}
html body:has(#help-search) .article-card{padding:24px!important}
html body:has(#help-search) .article-card:hover{background:var(--nl-hover)!important;border-color:#e5cf73!important}
html body:has(#help-search) :is(h1,h2,h3){font-weight:500!important;letter-spacing:-.025em!important;color:var(--nl-ink)!important}
html body:has(#help-search) h1{font-size:30px!important;line-height:36px!important}
html body:has(#help-search) .lead{font-size:16px;line-height:24px;color:var(--nl-muted)}
html body:has(#help-search) aside a{font-size:14px!important;line-height:20px!important;padding-block:9px!important;color:var(--nl-ink)!important}
html body:has(#help-search) aside a[aria-current=page]{background:var(--nl-hover)!important;border-left:0!important;color:var(--nl-accent)!important;font-weight:500!important}
html body:has(#help-search) .quick a{border-radius:5px;font-weight:500;background:var(--nl-surface)}
html body:has(#help-search) button{background:var(--nl-primary);border-radius:4px;font-weight:500}
html body:has(#help-search) .eyebrow{font-weight:500;letter-spacing:.07em}
html body:has(#help-search) .coverage-card{background:var(--nl-hover);border:1px solid #e5cf73;border-radius:7px}
@media(min-width:1101px){html body:has(#help-search) .layout{grid-template-columns:290px minmax(0,1fr) 170px;gap:32px;max-width:1600px}html body:has(#help-search) .layout:has(.hero){grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:760px){html #app .content{padding:24px 16px 40px!important}html #app .panel,html #content .card{padding:20px!important}html #app .dashboard-welcome{padding:24px!important}html #app .dashboard-welcome h2{font-size:26px!important}html #app .page-head h1{font-size:28px!important}html body:has(#help-search)>header{padding:16px 20px}html body:has(#help-search) .search-wrap{padding:20px}}
@media(prefers-reduced-motion:reduce){html body{scroll-behavior:auto}}
html .ubk-inbox{background:var(--nl-surface)!important;border:1px solid var(--nl-line)!important;border-radius:8px!important;box-shadow:0 8px 28px #21252912!important;color:var(--nl-ink)!important;backdrop-filter:none!important}
html .ubk-inbox header,html .ubk-inbox footer{background:var(--nl-soft)!important;border-color:var(--nl-line)!important}
html .ubk-inbox-list article{border-color:var(--nl-line)!important}
html .ubk-inbox-list article.is-unread{background:var(--nl-hover)!important;border-left-color:var(--nl-accent)!important}
html .ubk-inbox-list article strong{font-weight:500!important;color:var(--nl-ink)!important}
html .ubk-inbox-list article span{color:var(--nl-muted)!important}
html .ubk-inbox-tools button[aria-current=true]{background:var(--nl-hover)!important;color:var(--nl-accent)!important;font-weight:500!important}
html .page:has(#login-form) .auth{background:var(--nl-surface)!important;border-color:var(--nl-line)!important}
html .page:has(#login-form) .auth h1{font-family:var(--nl-font)!important;font-size:36px!important;line-height:44px!important;font-weight:500!important;letter-spacing:-.9px!important;color:var(--nl-ink)!important}
html .page:has(#login-form) .lead{font-size:15px!important;line-height:24px!important;color:var(--nl-muted)!important}
html .page:has(#login-form) .field input{font-size:14px!important;border-radius:5px!important;box-shadow:none!important;border-color:var(--nl-line)!important;background:var(--nl-surface)!important;color:var(--nl-ink)!important}
html .page:has(#login-form) .submit{background:var(--nl-primary)!important;border-radius:5px!important;box-shadow:none!important;font-weight:500!important}
html .page:has(#login-form) .visual{background:var(--nl-bg)!important;background-image:none!important}
html .page:has(#login-form) .agent-card{background:var(--nl-surface)!important;border-radius:8px!important;box-shadow:none!important;border:1px solid var(--nl-line)!important;transform:none!important}
html #content .auth-intro h1{font-size:36px!important;line-height:44px!important;font-weight:500!important;letter-spacing:-.9px!important}
html #content .auth-layout{gap:64px!important}
html #content .auth-card{box-shadow:none!important;border:1px solid var(--nl-line)!important;border-radius:8px!important;background:var(--nl-surface)!important}
html #app .source-row,html #app .health,html #app .config-pane{border-color:var(--nl-line)!important}
html #app .source-row{box-shadow:none!important;background:var(--nl-surface)!important;border-radius:6px!important}
/* Approved menu palette: color only; retain all existing geometry and typography. */
html #app .sidebar,html #content :is(.side-nav,.platform-sidebar){--nl-ink:#063c3b;--nl-muted:#5b7067;--nl-accent:#063c3b;--nl-hover:#ffcf00}
html[data-nl-theme=dark] #app .sidebar,html[data-nl-theme=dark] #content :is(.side-nav,.platform-sidebar){--nl-ink:#eeedf4;--nl-muted:#adaebc;--nl-accent:#063c3b;--nl-hover:#ffcf00}
/* Action hierarchy: yellow primary, quiet green secondary; colors only. */
html :is(#app,#content,.platform-layout){--nl-accent:#063c3b;--nl-hover:#e8f1ed;--nl-primary:#ffcf00}
html[data-nl-theme=dark] :is(#app,#content,.platform-layout){--nl-accent:#ffcf00;--nl-hover:#38331d;--nl-primary:#ffcf00}
html:root[data-nl-theme] :is(#app,#content) :is(.button.primary,button.primary){background-color:#ffcf00!important;border-color:#ffcf00!important;color:#063c3b!important}
html:root[data-nl-theme] :is(#app,#content) :is(.button.primary,button.primary):hover:not(:disabled){background-color:#eabd00!important;border-color:#eabd00!important;color:#063c3b!important;filter:none}
html:root[data-nl-theme] :is(#app,#content) :is(.button.secondary,button.secondary){color:#063c3b!important;border-color:#b6cac4!important}
html:root[data-nl-theme=dark] :is(#app,#content) :is(.button.secondary,button.secondary){color:#e4eee9!important;border-color:#5b7067!important}
html:root[data-nl-theme] :is(#app,#content) :is(.button.danger,button.danger){background-color:#fff1f0!important;color:#a12622!important;border-color:#e7b9b6!important}
html:root[data-nl-theme=dark] :is(#app,#content) :is(.button.danger,button.danger){background-color:#3b2525!important;color:#ffb6af!important;border-color:#8b4f4a!important}
html:root[data-nl-theme] :is(#app,#content) :is(button,.button):focus-visible{outline-color:#b99700!important}
html:root[data-nl-theme] :is(#app,#content) :is(button,.button):disabled{background-color:var(--nl-soft)!important;color:var(--nl-muted)!important;border-color:var(--nl-line)!important}
/* Header palette follows the approved menu/action colors; no layout changes. */
html:root[data-nl-theme] #app .topbar.topbar,html:root[data-nl-theme] body>.site-head.site-head{background-color:#f7f8f7!important;border-color:#dfe5e1!important;color:#063c3b!important}
html:root[data-nl-theme] :is(#app .topbar,body>.site-head) :is(a,label,button){color:#063c3b!important}
html:root[data-nl-theme] :is(#app .topbar,body>.site-head) :is(.plan,a[aria-current=page],[data-channel][aria-expanded=true]){background-color:#ffcf00!important;border-color:#e5bd00!important;color:#063c3b!important}
html:root[data-nl-theme] :is(#app .topbar,body>.site-head) :is(.nl-theme-toggle,[data-channel],#logout){background-color:#fff!important;border-color:#b6cac4!important;color:#063c3b!important}
html:root[data-nl-theme] :is(#app .topbar,body>.site-head) :is(a,button):hover{background-color:#e8f1ed!important;border-color:#b6cac4!important;color:#063c3b!important}
html:root[data-nl-theme] #app .topbar :is(.store-switcher,.workspace-switcher) :is(select,button){background-color:#fff!important;border-color:#b6cac4!important;color:#063c3b!important}
html:root[data-nl-theme] :is(#app .topbar,body>.site-head) .ubk-unread{background-color:#063c3b!important;color:#ffcf00!important;border-color:#f7f8f7!important}
html:root[data-nl-theme=dark] #app .topbar.topbar,html:root[data-nl-theme=dark] body>.site-head.site-head{background-color:#25291f!important;border-color:#75651e!important;color:#eeedf4!important}
html:root[data-nl-theme=dark] :is(#app .topbar,body>.site-head) :is(a,label,button){color:#eeedf4!important}
html:root[data-nl-theme=dark] :is(#app .topbar,body>.site-head) :is(.nl-theme-toggle,[data-channel],#logout){background-color:#202128!important;border-color:#5b7067!important;color:#eeedf4!important}
html:root[data-nl-theme=dark] :is(#app .topbar,body>.site-head) :is(.plan,a[aria-current=page],[data-channel][aria-expanded=true]){background-color:#ffcf00!important;border-color:#e5bd00!important;color:#063c3b!important}
html:root[data-nl-theme=dark] :is(#app .topbar,body>.site-head) :is(a,button):hover{background-color:#ffcf00!important;color:#063c3b!important}
/* Outrank the earlier theme layer without altering its state or behavior. */
html:root[data-nl-theme] :is(#app,#content) :is(.panel,.card,.metric){background:var(--nl-surface)!important;background-image:none!important;box-shadow:none!important;border:1px solid var(--nl-line)!important;border-radius:7px!important}
html:root[data-nl-theme] #app .sidebar{background:var(--nl-bg)!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important}
html:root[data-nl-theme] #app .topbar{background:var(--nl-surface)!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important}
html:root[data-nl-theme] #app .sidebar nav button{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--nl-ink)!important}
html:root[data-nl-theme] #app .sidebar nav button:is(.active,:hover){background:var(--nl-hover)!important;color:var(--nl-accent)!important;border-color:transparent!important;box-shadow:none!important}
html:root[data-nl-theme] body{background:var(--nl-bg)!important;background-image:none!important;color:var(--nl-ink)!important}
/* Clip off-canvas decoration; content tables retain their own scroll regions. */
@media(max-width:760px){html,body{overflow-x:clip}html #app .metric{min-width:0}html #app .metric strong{overflow-wrap:anywhere}}
html #app :is(.workspace-switcher,.store-switcher) :is(button,select){font-size:13px!important;font-weight:400!important;white-space:nowrap;line-height:20px!important;min-height:42px!important;border-radius:5px!important;box-shadow:none!important}
html #app :is(.workspace-switcher,.store-switcher) button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:root[data-nl-theme] #content :is(.side-nav,.platform-sidebar) button{font-size:14px!important;font-weight:400!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--nl-ink)!important}
html:root[data-nl-theme] #content :is(.side-nav,.platform-sidebar) button:is(.active,:hover){background:var(--nl-hover)!important;color:var(--nl-accent)!important;border-color:transparent!important;font-weight:500!important}
@media(min-width:1101px){html body:has(#help-search) .search-wrap{position:absolute;top:0;left:340px;right:370px;padding:16px 24px;border:0;background:transparent!important;height:80px}html body:has(#help-search) #help-search>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}html body:has(#help-search) #help-search>div{padding:4px 8px 4px 15px}html body:has(#help-search) #help-search button{padding:10px 14px}html body:has(#help-search)>header{padding-inline:28px}html body:has(#help-search) .layout{grid-template-columns:308px minmax(0,1fr) 170px;gap:32px;padding-top:40px}html body:has(#help-search) .layout:has(.hero){grid-template-columns:308px minmax(0,1fr)}html body:has(#help-search) .layout>aside{padding-right:20px}}
