/* Armonia premium: shared responsive rhythm, original materials and content retained. */
:root{--apex-harmony-width:1180px;--apex-harmony-gutter:20px}
html:root body.apex-dark{--apex-content:var(--apex-harmony-width)}
html:root body.apex-dark #apex-site-header#apex-site-header,
html:root body.apex-dark #app>main#main,
html:root body.apex-dark #app>footer,
html:root body.apex-dark .apex-section-nav,
html:root body.apex-dark.ti-demo>main{
width:min(var(--apex-harmony-width),calc(100% - 2 * var(--apex-harmony-gutter)))!important;max-width:var(--apex-harmony-width)!important;margin-inline:auto!important;box-sizing:border-box
}
html:root body.apex-dark #apex-site-header#apex-site-header{margin-top:12px!important;margin-bottom:0!important}
html:root body.apex-dark #apex-site-header#apex-site-header .apex-site-row{padding:12px 0!important;gap:12px!important;align-items:center!important;min-width:0}
html:root body.apex-dark #apex-site-header#apex-site-header nav[data-global-nav]{gap:5px!important;min-width:0;flex:1;justify-content:center}
html:root body.apex-dark #apex-site-header#apex-site-header nav[data-global-nav] a{font-size:10px!important;padding-inline:9px!important}
html:root body.apex-dark #apex-site-header#apex-site-header .apex-site-brand{flex:0 0 180px!important;width:180px!important;min-width:180px!important;max-width:180px!important;height:83px!important}
html:root body.apex-dark #apex-site-header#apex-site-header .apex-luminous-lockup{width:180px!important;height:83px!important}
html:root body.apex-dark #main#main{padding:0!important}
html:root body.apex-dark #main#main>.container{width:100%!important;max-width:100%;box-sizing:border-box}
html:root body.apex-dark #main#main.ob-main{gap:32px!important}
html:root body.apex-dark.ob-home #main#main>.ob-section{padding:24px 16px!important;width:100%!important;max-width:100%!important}
html:root body.apex-dark #main#main #apex-ai.nc-hero{padding:36px 16px 24px!important;min-height:0!important;overflow:visible!important}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-stage{gap:28px!important;padding:12px 8px 0!important;align-items:stretch}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-side{gap:24px!important}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-actions{gap:24px!important;margin:28px 8px 0!important;align-items:stretch}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-button{min-height:50px!important}
html:root body.apex-dark #main#main .ts-choices{gap:12px}
html:root body.apex-dark #main#main>.page-heading{margin-top:24px!important}
html:root body.apex-dark #main#main>.page-body{padding-inline:16px!important}
html:root body.apex-dark #main#main :is(.page-body,.page-heading)>.container{width:100%;max-width:100%}
.apex-harmony-menu{display:none}
@media(min-width:701px) and (max-width:1100px){
html:root body.apex-dark #apex-site-header#apex-site-header nav[data-global-nav]{justify-content:flex-start;flex-basis:100%!important}
}
@media(max-width:700px){
html:root body.apex-dark #apex-site-header#apex-site-header .apex-site-row{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;padding:8px 0!important}
html:root body.apex-dark #apex-site-header#apex-site-header .apex-site-brand{grid-column:1;grid-row:1;min-width:150px!important;max-width:150px!important;width:150px!important;height:69px!important;margin:0!important}
html:root body.apex-dark #apex-site-header#apex-site-header .apex-luminous-lockup{width:150px!important;height:69px!important}
html:root body.apex-dark #apex-site-header#apex-site-header .apex-harmony-menu{display:grid;place-items:center;grid-column:2;grid-row:1;width:44px;height:44px;padding:8px;border:1px solid #b6d6c780;border-radius:14px;background:linear-gradient(145deg,#203a30,#050d0a);box-shadow:inset 0 1px 2px #edfff655,0 4px 0 #35483e;color:#c5ffe7;font-size:24px;cursor:pointer}
html:root body.apex-dark #apex-site-header#apex-site-header nav[data-global-nav],
html:root body.apex-dark #apex-site-header#apex-site-header .apex-language,
html:root body.apex-dark #apex-site-header#apex-site-header #apex-guide-top{display:none!important}
html:root body.apex-dark #apex-site-header#apex-site-header.harmony-menu-open nav[data-global-nav]{display:grid!important;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;overflow:visible!important;padding:8px 0 12px!important;order:initial}
html:root body.apex-dark #apex-site-header#apex-site-header.harmony-menu-open nav[data-global-nav] a{display:flex;align-items:center;justify-content:center;min-height:44px!important;font-size:12px!important}
html:root body.apex-dark #apex-site-header#apex-site-header.harmony-menu-open .apex-language{display:flex!important;grid-column:1/-1;justify-content:center;margin:0!important}
html:root body.apex-dark #apex-site-header#apex-site-header.harmony-menu-open #apex-guide-top{display:flex!important;grid-column:1/-1;width:100%;margin:4px 0 12px}
html:root body.apex-dark #main#main.ob-main{gap:24px!important}
html:root body.apex-dark.ob-home #main#main>.ob-section{padding:20px 0!important}
html:root body.apex-dark #main#main #apex-ai.nc-hero{padding:24px 0 16px!important;overflow:visible!important}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-stage{grid-template-columns:1fr;gap:16px!important;padding:8px 4px 0!important}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-panel{rotate:0deg!important}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-overview{grid-template-columns:1fr!important;gap:16px;margin:16px 0}
html:root body.apex-dark #main#main #apex-ai.nc-hero h1{font-size:30px!important}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-overview p{font-size:12px!important;line-height:1.5!important}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-chart strong{font-size:11px!important}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-chart svg{height:76px!important}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-tabs{font-size:8px!important;gap:6px;overflow-x:auto;white-space:nowrap}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-table{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#72b59d #06120e}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-tr{min-width:460px;min-height:38px;font-size:10px!important}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-tr small{display:block!important;font-size:8px}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-state{font-size:9px;padding:4px 7px}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-tr i{width:22px;height:22px;font-size:8px}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-th{font-size:9px!important}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-side{gap:16px!important;grid-template-columns:repeat(2,minmax(0,1fr))}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-side .nc-panel{padding:10px!important}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-panel-title b{font-size:13px!important}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-item{font-size:10px!important;gap:5px;line-height:1.35;min-height:44px}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-item i{width:18px;height:18px;font-size:10px}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-item>b{font-size:8px}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;margin:24px 4px 0!important}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-primary{grid-column:1/-1}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-button{font-size:11px!important;gap:6px;padding:10px!important}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-button>span{font-size:15px}
html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-button>b{font-size:17px}
html:root body.apex-dark #main#main>.page-body,html:root body.apex-dark #main#main>.page-heading{padding-inline:0!important}
}
@media(max-width:359px){html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-side{grid-template-columns:1fr}}

/* Allow responsive grid shrinking; only CRM rows scroll horizontally. */
html:root body.apex-dark #main#main #apex-ai.nc-hero :is(.nc-main,.nc-side,.nc-panel,.nc-overview,.nc-overview>div,.nc-chart,.nc-table){min-width:0!important;max-width:100%!important}
html:root body.apex-dark #main#main #apex-ai.nc-hero :is(h1,.nc-overview p){width:auto!important;min-width:0!important;max-width:100%!important}
@media(max-width:700px){html:root body.apex-dark #main#main #apex-ai.nc-hero .nc-stage{grid-template-columns:minmax(0,1fr)!important}}
/* APEX navigation approved crystal capsules — 2026-10-31. */
html:root body.apex-dark.apex-compact :is(#apex-harmony-navigation#apex-harmony-navigation#apex-harmony-navigation,.apex-section-nav.apex-section-nav)>a{
 position:relative!important;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 flex:0 0 auto;white-space:nowrap!important;text-overflow:clip!important;overflow:visible!important;
 border:2px solid transparent!important;border-radius:17px!important;
 color:#eef8fa!important;text-decoration:none!important;line-height:1.3!important;
 background:linear-gradient(165deg,#24343bdd 0%,#081116f5 35%,#03080dfc 63%,#152630ed 100%) padding-box,
 linear-gradient(135deg,#e1ffff 0%,#50d4e5 17%,#405965 34%,#c6ccd9 49%,#9269d0 67%,#61c6d5 87%,#d9f5f6 100%) border-box!important;
 box-shadow:inset 0 1px 3px #e8ffff55,inset 0 -3px 4px #000c,0 3px 0 #15242c,0 4px 0 #88b9c355,0 8px 10px #0009,0 10px 12px #63e6e51c!important;
 animation:apex-nav-crystal-float 6s ease-in-out var(--float-phase,0s) infinite!important;
 transition:filter .25s ease,box-shadow .25s ease!important;transform:none!important;
}
html:root body.apex-dark.apex-compact :is(#apex-harmony-navigation#apex-harmony-navigation#apex-harmony-navigation,.apex-section-nav.apex-section-nav)>a::before{
 content:""!important;position:absolute!important;inset:3px!important;border:1px solid #bdebf04a!important;border-radius:12px!important;
 background:linear-gradient(175deg,#daffff17,transparent 42%)!important;pointer-events:none!important;
}
html:root body.apex-dark.apex-compact :is(#apex-harmony-navigation#apex-harmony-navigation#apex-harmony-navigation,.apex-section-nav.apex-section-nav)>a::after{
 content:""!important;position:absolute!important;left:18%!important;right:18%!important;bottom:-10px!important;height:4px!important;
 background:radial-gradient(ellipse,#66e7ed85,transparent 72%)!important;border:0!important;border-radius:50%!important;
 box-shadow:none!important;opacity:.55!important;filter:blur(2px)!important;pointer-events:none!important;
}
html:root body.apex-dark.apex-compact :is(#apex-harmony-navigation#apex-harmony-navigation#apex-harmony-navigation,.apex-section-nav.apex-section-nav)>a:is([aria-current="page"],[aria-current="true"]){
 color:#fff!important;
 background:linear-gradient(165deg,#25615ddc,#08272af5 48%,#0c3436f0) padding-box,linear-gradient(135deg,#eaffff,#62fff0 27%,#4c9baa 55%,#b6e7fa 75%,#71ffdf) border-box!important;
 box-shadow:inset 0 1px 5px #bafff888,inset 0 -2px 5px #27dac858,0 3px 0 #123739,0 4px 0 #8ef3ea88,0 0 12px #4ee8e23d,0 10px 14px #47e9da35!important;
}
html:root body.apex-dark.apex-compact :is(#apex-harmony-navigation#apex-harmony-navigation#apex-harmony-navigation,.apex-section-nav.apex-section-nav)>a:hover{filter:brightness(1.2)!important}
html:root body.apex-dark.apex-compact :is(#apex-harmony-navigation#apex-harmony-navigation#apex-harmony-navigation,.apex-section-nav.apex-section-nav)>a:focus-visible{outline:2px solid #a2fff1!important;outline-offset:5px!important}
html:root body.apex-dark.apex-compact .apex-section-nav.apex-section-nav{
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;
 background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;padding:12px 4px 18px!important;
}
html:root body.apex-dark.apex-compact .apex-section-nav.apex-section-nav>strong{color:#c5e7e9!important;font-size:11px;white-space:nowrap;margin-right:4px}
html:root body.apex-dark.apex-compact .apex-section-nav.apex-section-nav>a{min-height:36px!important;padding:8px 13px!important;font-size:11px!important}
@keyframes apex-nav-crystal-float{0%,100%{translate:0 0}50%{translate:0 -2px}}
@media(max-width:700px){
 html:root body.apex-dark.apex-compact .apex-section-nav.apex-section-nav{gap:10px!important;padding-block:12px 18px!important}
 html:root body.apex-dark.apex-compact .apex-section-nav.apex-section-nav>strong{flex-basis:100%}
 html:root body.apex-dark.apex-compact .apex-section-nav.apex-section-nav>a{min-height:44px!important;padding:10px 12px!important;font-size:12px!important}
 html:root body.apex-dark.apex-compact #apex-harmony-navigation#apex-harmony-navigation#apex-harmony-navigation>a:last-child{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){
 html:root body.apex-dark.apex-compact :is(#apex-harmony-navigation#apex-harmony-navigation#apex-harmony-navigation,.apex-section-nav.apex-section-nav)>a{animation:none!important;translate:none!important}
}