@import url("/crm/demo/icode-vnext-ui-v1.css?v=19.0.0");
/* ICODE ERP/CRM · TEAMS Color Parity + Performance V17.1.0
   Canonical palette copied from ICODE TEAMS v9 design system. */
:root{
 --it-orange:#C66F3D;--it-orange-soft:#E5A078;--it-navy:#0B2028;--it-navy-2:#0E2932;
 --it-card-dark:#1C3037;--it-black:#111417;--it-gray:#66696B;--it-bg:#F6F7F7;
 --it-white:#FFFFFF;--it-line:#DCE2E3;--it-soft:#F2E9E4;--it-shadow:0 10px 28px rgba(11,32,40,.055);
}
html,body{background:var(--it-bg)!important;color:var(--it-navy-2)!important}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
/* Performance: old demo accumulated many visual layers. Keep the final visual system cheap to paint. */
*,*::before,*::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.v7-analytics,.v7-action-center,.mission,.industry-view,.modules,.v7-reports,.v15-core-grid{content-visibility:auto;contain-intrinsic-size:1px 620px}
@media(prefers-reduced-motion:no-preference){.v121-acc-panel .nav,.quick,.v7-card,.box,.card{transition:background-color .12s ease,border-color .12s ease,color .12s ease!important}}
/* Main ERP top command bar */
.v73-topbar{background:rgba(255,255,255,.98)!important;border-color:var(--it-line)!important;box-shadow:0 4px 18px rgba(11,32,40,.045)!important}
.v73-context-card,.v73-tools>a,.v73-tools>button,.v141-utility-group,.v141-search-btn,.v141-utility-btn{background:var(--it-white)!important;border-color:var(--it-line)!important;color:var(--it-navy-2)!important;box-shadow:none!important}
.v73-context-card:hover,.v73-tools>a:hover,.v73-tools>button:hover,.v141-utility-btn:hover,.v141-search-btn:hover{border-color:rgba(198,111,61,.42)!important;background:#FAF5F2!important;color:var(--it-navy)!important}
.v73-context-card>small{color:var(--it-gray)!important}.v73-context-card>strong{color:var(--it-navy)!important}
.v73-setup,.v141-primary-btn{background:var(--it-orange)!important;border-color:var(--it-orange)!important;color:#fff!important;box-shadow:0 7px 18px rgba(198,111,61,.18)!important}
.v73-setup:hover,.v141-primary-btn:hover{background:var(--it-navy-2)!important;border-color:var(--it-navy-2)!important}
.v141-language a.active{background:var(--it-orange)!important;color:#fff!important;border-color:var(--it-orange)!important}
/* Sidebar: exact TEAMS navy + copper behavior */
.shell{background:var(--it-bg)!important}
.shell>aside.v121-server-sidebar{background:var(--it-navy)!important;color:#fff!important;border-inline-end:1px solid rgba(255,255,255,.06)!important;padding:14px 12px!important;scrollbar-width:thin;scrollbar-color:#ffffff2a transparent}
.v121-server-sidebar .brand{border-bottom:1px solid rgba(255,255,255,.10)!important;margin-bottom:10px!important;padding-bottom:12px!important}
.v121-server-sidebar .brand-logo{background:#fff!important;border-radius:13px!important;padding:8px!important;margin:0 0 7px!important;width:100%!important;max-width:190px!important}
.v121-server-sidebar .brand small{color:var(--it-orange-soft)!important;font-size:8px!important}
.v121-server-sidebar .role-card{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;margin:9px 0 10px!important;padding:9px 10px!important}
.v121-server-sidebar .role-card b{color:#fff!important}.v121-server-sidebar .role-card span{color:rgba(255,255,255,.58)!important}
.v121-overview-link,.v171-core-link{min-height:38px!important;margin:2px 0!important;border:0!important;background:transparent!important;color:rgba(255,255,255,.86)!important;box-shadow:none!important}
.v121-overview-link:hover,.v171-core-link:hover{background:rgba(198,111,61,.16)!important;color:#fff!important}
.v121-overview-link.active{background:rgba(198,111,61,.19)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--it-orange)!important}
html[dir=rtl] .v121-overview-link.active{box-shadow:inset -3px 0 0 var(--it-orange)!important}
.v121-overview-link .nav-ico,.v171-core-link .nav-ico{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.10)!important;color:var(--it-orange-soft)!important}
.v121-overview-link .nav-label,.v171-core-link .nav-label{color:inherit!important;font-weight:720!important}
.v121-menu-divider{border-color:rgba(255,255,255,.09)!important;margin:7px 0!important}
.v121-acc{border:0!important;background:transparent!important;margin:2px 0!important}
.v121-acc-summary{min-height:38px!important;background:transparent!important;border:0!important;color:rgba(255,255,255,.84)!important;padding:6px 7px!important;border-radius:9px!important}
.v121-acc-summary:hover,.v121-acc[open] .v121-acc-summary{background:rgba(198,111,61,.15)!important;color:#fff!important}
.v121-acc-icon{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.09)!important;color:var(--it-orange-soft)!important}
.v121-acc-title{color:inherit!important}.v121-acc-count{background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.65)!important}.v121-acc-toggle{border-color:rgba(255,255,255,.15)!important;color:#fff!important}
.v121-acc-panel{background:rgba(0,0,0,.08)!important;border:0!important;border-radius:9px!important;padding:3px!important;margin:2px 0 5px!important}
.v121-acc-panel .nav{min-height:34px!important;padding:4px 6px!important;color:rgba(255,255,255,.72)!important;background:transparent!important;border:0!important;border-radius:8px!important;gap:7px!important}
.v121-acc-panel .nav:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
.v121-acc-panel .nav.active{background:rgba(198,111,61,.19)!important;color:#fff!important;box-shadow:inset 2px 0 0 var(--it-orange)!important}
html[dir=rtl] .v121-acc-panel .nav.active{box-shadow:inset -2px 0 0 var(--it-orange)!important}
.v121-acc-panel .nav-ico{width:24px!important;height:24px!important;min-width:24px!important;background:transparent!important;border:0!important;color:var(--it-orange-soft)!important}.v121-acc-panel .nav-label{font-size:10.5px!important;color:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
/* ERP body/cards: TEAMS white surfaces, navy text, copper focus */
.shell>main{background:var(--it-bg)!important}.ey{color:var(--it-orange)!important}h1,h2,h3,h4,.v7-head h1{color:var(--it-navy-2)!important}
.box,.v7-card,.v7-chart,.industry-view,.mission,.v15-core-kpis article,.v15-cap-grid article,.v14-support-kpis article,.kpi{background:var(--it-white)!important;border-color:var(--it-line)!important;box-shadow:0 2px 0 rgba(11,32,40,.015)!important}
.v7-kpi{background:var(--it-white)!important;color:var(--it-navy-2)!important;border:1px solid var(--it-line)!important;box-shadow:none!important}
.v7-kpi::after{background:linear-gradient(90deg,var(--it-navy),var(--it-orange))!important;height:3px!important}.v7-kpi small,.v7-kpi span{color:var(--it-gray)!important}.v7-kpi strong{color:var(--it-navy)!important}.v7-kpi span.warn{color:#A85A25!important}
.quick{background:#fff!important;border-color:var(--it-line)!important;color:var(--it-navy-2)!important}.quick:hover{background:#FAF5F2!important;border-color:rgba(198,111,61,.38)!important}.quick b{color:var(--it-orange)!important}
.btn:not(.danger),button:not(.danger){border-color:var(--it-line)}input:focus,select:focus,textarea:focus{border-color:var(--it-orange)!important;box-shadow:0 0 0 3px rgba(198,111,61,.10)!important}
/* Work Hub / Client Portal parity */
.cop-shell{--cop-blue:var(--it-orange)!important;--cop-blue2:#A9562E!important;--cop-navy:var(--it-navy)!important;--cop-bg:var(--it-bg)!important;--cop-card:#fff!important;--cop-line:var(--it-line)!important;--cop-muted:var(--it-gray)!important;--cop-soft:#FAF1EC!important}
.cop-side{background:var(--it-navy)!important;color:#fff!important}.cop-mark{background:var(--it-orange)!important;color:#fff!important}.cop-brand small,.cop-side-foot{color:rgba(255,255,255,.55)!important}.cop-nav button,.cop-nav a{color:rgba(255,255,255,.78)!important}.cop-nav button:hover,.cop-nav a:hover{background:rgba(198,111,61,.15)!important;color:#fff!important}.cop-nav button.active{background:rgba(198,111,61,.22)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--it-orange)!important}.cop-btn.primary{background:var(--it-orange)!important;border-color:var(--it-orange)!important}.cop-link,.cop-accent{color:var(--it-orange)!important}.cop-tabs button.active{background:#FAF1EC!important;color:#9B4D22!important;border-color:#EED5C7!important}
/* Business OS parity */
body:has(.shell .side) .side{background:var(--it-navy)!important;color:#fff!important}.mark{background:var(--it-orange)!important;color:#fff!important}.nav button.active{background:rgba(198,111,61,.22)!important;box-shadow:inset 3px 0 0 var(--it-orange)!important}.btn.primary{background:var(--it-orange)!important;border-color:var(--it-orange)!important}.tabs button.active,.status{background:#FAF1EC!important;color:#9B4D22!important;border-color:#EED5C7!important}.notice:not(.bad){background:#FAF1EC!important;color:#7E431F!important}
/* Secure login parity */
body:has(main.card){background:radial-gradient(circle at 18% 0,rgba(229,160,120,.22),transparent 34%),var(--it-bg)!important}.card .mark{background:var(--it-navy)!important;color:var(--it-orange-soft)!important}.card button[type=submit]{background:var(--it-orange)!important;box-shadow:0 8px 20px rgba(198,111,61,.22)!important}
/* Workspace Studio parity and dense all-tools landing */
.icode-v153-studio .side{background:var(--it-navy)!important}.icode-v153-studio .ey,.icode-v153-studio .open{color:var(--it-orange)!important}.icode-v153-studio .card:hover{border-color:var(--it-orange-soft)!important}.icode-v153-studio .ico{background:#FAF1EC!important;color:var(--it-orange)!important}.icode-v153-studio .grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}.icode-v153-studio .toolCard{min-height:154px!important}.icode-v153-studio .appCard{min-height:160px!important}
/* Help center parity */
.icode-help-page .primary,.icode-help-page button.primary{background:var(--it-orange)!important;border-color:var(--it-orange)!important}
/* mobile */
@media(max-width:900px){.shell>aside.v121-server-sidebar{background:var(--it-navy)!important}.v121-acc-panel .nav-label{font-size:11px!important}.icode-v153-studio .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.icode-v153-studio .grid{grid-template-columns:1fr!important}}