/* COLORJET native UI correction. Existing routes, business logic and identity are unchanged. */
:root{--cj-ui-page:#f4f8fc;--cj-ui-surface:#ffffff;--cj-ui-soft:#edf3f8;--cj-ui-text:#17324d;--cj-ui-muted:#4b6075;--cj-ui-line:#bfcedc;--cj-ui-link:#075a93;--cj-ui-primary:#0b68aa;--cj-ui-on-primary:#ffffff;--cj-ui-focus:#a34109;--cj-ui-danger:#9f2020;--cj-ui-error-bg:#fff3f3;--cj-ui-shadow:0 12px 36px #021e3d24}
html[data-cj-resolved-mode="dark"]{--cj-ui-page:#091422;--cj-ui-surface:#122239;--cj-ui-soft:#1b3049;--cj-ui-text:#eef5fc;--cj-ui-muted:#bdcddd;--cj-ui-line:#627b94;--cj-ui-link:#92d2ff;--cj-ui-primary:#0b68aa;--cj-ui-on-primary:#ffffff;--cj-ui-focus:#ffb37f;--cj-ui-danger:#ffb4b4;--cj-ui-error-bg:#3b202c;--cj-ui-shadow:0 12px 36px #00000050}
html body{background:var(--cj-ui-page)!important;color:var(--cj-ui-text)}
html :is(.cj360-shell,.cj360-modal-box,.cj360-shell.is-expanded,#cj-native-route-layer){color:var(--cj-ui-text)!important;background:var(--cj-ui-page)!important}
html :is(.cj360-shell,.cj-business-modal,.cj-theme-menu,#cj-native-route-layer) :is(button,input,select,textarea){font-family:inherit;box-sizing:border-box}
html :is(.cj360-shell,.cj-business-modal,.cj-theme-menu,#cj-native-route-layer) :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--cj-ui-focus)!important;outline-offset:2px}
html :is(.cj360-card,.cj360-toolbar,.cj360-hidden-manager,.cj-modal-box,.cj-my-hero,.cj-my-list-item,.cj-my-quick-link,.cj-my-tab,.cj-my-mobile-nav,.cj-theme-menu){background:var(--cj-ui-surface)!important;color:var(--cj-ui-text)!important;border-color:var(--cj-ui-line)!important}
html :is(.cj360-card-body,.cj360-summary,.cj360-kv strong,.cj360-list-row,.cj-my-list-item,.cj-modal-body){color:var(--cj-ui-text)!important;opacity:1}
html :is(.cj360-kv>div,.cj360-card>header,.cj-my-brief,.cj-my-chip){background:var(--cj-ui-soft)!important;color:var(--cj-ui-text)!important;border-color:var(--cj-ui-line)!important}
html :is(.cj360-kv small,.cj360-list-row small,.cj360-source,.cj-modal-body small,.cj-my-meta,.cj-my-list-item small){color:var(--cj-ui-muted)!important;opacity:1!important}
html .cj360-card>header{gap:8px;flex-wrap:wrap}
html .cj360-card>header strong{color:var(--cj-ui-text)!important;font-size:13px;min-width:0;overflow-wrap:anywhere}
html .cj360-card-tools{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}
html .cj360-card-tools button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:6px;font-size:18px;line-height:1;color:var(--cj-ui-link)!important;background:var(--cj-ui-surface)!important;border:1px solid var(--cj-ui-line);border-radius:6px;cursor:pointer;touch-action:manipulation}
html .cj360-card-tools button:hover{background:var(--cj-ui-soft)!important}
html .cj360-smart-header{background:#073e76!important;color:#fff!important;min-width:0}
html .cj360-smart-header :is(h2,small,span){color:#fff!important;opacity:1!important}
html .cj360-smart-header h2{overflow-wrap:anywhere}
html .cj360-smart-metrics{min-width:0}
html .cj360-smart-metrics>span{background:#0b5287;color:#fff;white-space:normal}
html .cj360-close{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;flex-shrink:0;line-height:1;color:var(--cj-ui-text)!important;background:var(--cj-ui-surface)!important;border:1px solid var(--cj-ui-line);border-radius:8px;cursor:pointer}
html .cj360-actions{flex-wrap:wrap;gap:8px}
html .cj360-actions a{box-sizing:border-box}
html :is(.cj360-actions a,.cj360-toolbar button,.cj360-range button,.cj360-hidden-manager button,.cj360-list-toolbar button,.cj360-global-search button){display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;background:var(--cj-ui-surface)!important;color:var(--cj-ui-link)!important;border:1px solid var(--cj-ui-line);border-radius:7px;font-size:13px;line-height:1.35;cursor:pointer;touch-action:manipulation}
html :is(.cj360-name,.cj360-list-row a,.cj360-source a){color:var(--cj-ui-link)!important}
html :is(.cj360-shell,.cj-business-modal,#cj-native-route-layer) :is(input,select,textarea){background:var(--cj-ui-surface)!important;color:var(--cj-ui-text)!important;border-color:var(--cj-ui-line)!important;min-width:0;max-width:100%}
html :is(.cj360-shell,.cj-business-modal,#cj-native-route-layer) ::placeholder{color:var(--cj-ui-muted)!important;opacity:1!important}
html .cj360-kv{grid-template-columns:repeat(3,minmax(0,1fr))}
html .cj360-kv strong{font-size:13px;overflow-wrap:anywhere}
html .cj360-kv small{font-size:12px}
html #cj-native-route-layer .cj-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:10px}
html #cj-native-route-layer .cj-stat-card{min-width:0;background:var(--cj-ui-surface)!important;color:var(--cj-ui-text)!important;border-color:var(--cj-ui-line)!important}
html #cj-native-route-layer .cj-stat-card h3{color:var(--cj-ui-text)!important;overflow-wrap:anywhere;word-break:normal;font-variant-numeric:tabular-nums}
html #cj-native-route-layer .cj-stat-card small{color:var(--cj-ui-muted)!important;opacity:1!important}
html #cj-native-route-layer :is(.cj-empty,label){color:var(--cj-ui-text)!important;opacity:1!important}
html :is(.cj-my-identity h2,.cj-my-content h3){color:var(--cj-ui-text)!important}
html :is(.cj-my-quick-link,.cj-my-list-item){overflow-wrap:anywhere}
html :is(.cj-my-tab,.cj-my-mobile-nav button){min-height:44px;padding:8px 12px;background:var(--cj-ui-surface)!important;color:var(--cj-ui-link)!important;border-color:var(--cj-ui-line)!important;cursor:pointer}
html :is(.cj-my-tab.active,.cj-my-mobile-nav button.active){background:#073e76!important;color:#fff!important}
html .cj-my-section-error{background:var(--cj-ui-error-bg)!important;color:var(--cj-ui-danger)!important;border-color:var(--cj-ui-danger)!important}
html .cj-my-section-error button{margin:8px;min-height:44px;padding:8px 12px;color:var(--cj-ui-danger);background:var(--cj-ui-surface);border:1px solid currentColor;border-radius:7px}
html .cj-my-data-warning{padding:10px 12px;margin:10px 0;border:1px solid var(--cj-ui-line);border-left:4px solid #f36c16;border-radius:7px;background:var(--cj-ui-soft);color:var(--cj-ui-text);overflow-wrap:anywhere}
html .cj-my-range{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px}
html .cj-my-range select{min-height:44px;padding:6px 10px}
html .cj-theme-control{position:relative}
html .cj-theme-menu{position:absolute;top:calc(100% + 8px);right:0;display:none;box-sizing:border-box;width:min(340px,calc(100vw - 24px));padding:16px;border:1px solid var(--cj-ui-line);border-radius:12px;box-shadow:var(--cj-ui-shadow);z-index:100020;max-height:calc(100dvh - 140px);overflow:auto;font-size:14px;line-height:1.5;white-space:normal}
html .cj-theme-control.is-open>.cj-theme-menu{display:block}
html .cj-theme-menu-title{color:var(--cj-ui-text)!important;font-size:13px;font-weight:700;margin:0 0 8px}
html .cj-theme-menu .cj-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:16px}
html .cj-theme-menu .cj-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html .cj-theme-menu .cj-theme-choice{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:0;padding:8px;border:1px solid var(--cj-ui-line);border-radius:7px;background:var(--cj-ui-surface)!important;color:var(--cj-ui-text)!important;cursor:pointer;font-size:13px;line-height:1.4;white-space:normal}
html .cj-theme-menu .cj-theme-choice[aria-pressed="true"]{border:2px solid var(--cj-ui-link);background:var(--cj-ui-soft)!important;font-weight:700}
html .cj-theme-swatch{display:inline-block;width:16px;height:16px;flex:0 0 16px;border:1px solid var(--cj-ui-line);border-radius:50%;background:var(--cj-swatch)}
html .cj-business-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;background:#02112699;z-index:100000!important;overflow:hidden}
html .cj-business-modal .cj-modal-box{display:flex;flex-direction:column;box-sizing:border-box;min-width:0;width:min(960px,100%);max-width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:hidden;border:1px solid var(--cj-ui-line);border-radius:12px;box-shadow:var(--cj-ui-shadow);margin:0}
html .cj-business-modal :is(.cj-modal-head,.cj-modal-foot){flex:0 0 auto;min-width:0}
html .cj-business-modal .cj-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#073e76!important;color:#fff!important;padding:12px 16px}
html .cj-business-modal .cj-modal-head h2{margin:0;color:#fff!important;font-size:17px;overflow-wrap:anywhere}
html .cj-business-modal .cj-modal-head button{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;flex:0 0 44px;font-size:24px;line-height:1;padding:6px;color:#fff!important;background:#073e76!important;border:1px solid #a6c7e6;border-radius:7px;cursor:pointer}
html .cj-business-modal .cj-modal-body{flex:1 1 auto;min-height:0;padding:16px;overflow:auto;overscroll-behavior:contain;background:var(--cj-ui-surface)}
html .cj-business-modal .cj-modal-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 16px;background:var(--cj-ui-surface)!important;border-top:1px solid var(--cj-ui-line)}
html .cj-business-modal .cj-modal-foot button{min-height:44px;padding:8px 14px;border:1px solid var(--cj-ui-line);border-radius:7px;background:var(--cj-ui-surface);color:var(--cj-ui-text);cursor:pointer;font-size:14px}
html :is(#cj-native-route-layer,.cj-business-modal) .cj-action-btn{background:var(--cj-ui-primary)!important;color:var(--cj-ui-on-primary)!important;min-height:40px;border-color:var(--cj-ui-primary)!important}
html .cj-business-modal button:disabled{cursor:not-allowed;opacity:.6}
html :is(.cj360-shell,.cj-business-modal,#cj-native-route-layer) :is(.cj-table-wrap,.cj-table-scroll){max-width:100%;overflow:auto}
html :is(.cj-business-modal,#cj-native-route-layer) :is(table,td){color:var(--cj-ui-text);border-color:var(--cj-ui-line)}
html :is(.cj-business-modal,#cj-native-route-layer) tbody tr{background:var(--cj-ui-surface)}
html :is(.cj-business-modal,#cj-native-route-layer) tbody tr:nth-child(even){background:var(--cj-ui-soft)}
html :is(.cj-business-modal,#cj-native-route-layer) th{color:#fff!important;background:#073e76!important}
html #cj-operational-summary{background:var(--cj-ui-surface);color:var(--cj-ui-text);border-color:var(--cj-ui-line);border-top-color:#f36c16}
html #cj-operational-summary :is(h2,.cj-op-card,.cj-op-card>span,.cj-op-card>strong,button){color:var(--cj-ui-text)!important;background:var(--cj-ui-surface)}
html #cj-operational-summary :is(p,[data-cj-op-status]){color:var(--cj-ui-muted)!important}
html #cj-operational-summary .cj-op-card>small{color:var(--cj-ui-link)!important}
html #cj-operational-summary[data-state="error"] [data-cj-op-status]{color:var(--cj-ui-danger)!important}
html #cj-mobile-navigation{background:var(--cj-ui-surface)!important;border-color:var(--cj-ui-line)!important}
html #cj-mobile-navigation a{color:var(--cj-ui-muted)!important}
html #cj-mobile-navigation a[aria-current="page"]{background:#073e76!important;color:#fff!important}
@media(max-width:700px){
 html .cj360-smart-header{position:static;display:block;padding:12px}
 html .cj360-actions{position:static;flex-wrap:wrap;overflow:visible;background:transparent;padding:8px 0}
 html .cj360-actions a{white-space:normal;flex:1 1 140px;min-height:44px}
 html .cj360-card-tools{gap:4px}
 html .cj360-card-tools button{min-width:44px;min-height:44px}
 html .cj360-kv{grid-template-columns:repeat(2,minmax(0,1fr))}
 html :is(.cj360-toolbar button,.cj360-range button,.cj360-hidden-manager button){min-height:44px}
 html .cj360-modal-box{max-height:100vh;max-height:100dvh;width:100%;padding-bottom:env(safe-area-inset-bottom,0px)}
 html .cj360-shell.is-expanded{inset:0;padding:8px 8px calc(12px + env(safe-area-inset-bottom,0px))}
 html #cj-native-route-layer .cj-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html .cj-my-mobile-nav{position:static;margin:12px 0 0;grid-template-columns:repeat(5,minmax(0,1fr))}
 html .cj-my-mobile-nav button{padding:8px 3px;font-size:12px;overflow-wrap:anywhere}
 html .cj-theme-menu{position:fixed;left:12px;right:12px;top:116px;width:auto;max-height:calc(100dvh - 136px - env(safe-area-inset-bottom,0px))}
 html .cj-business-modal{padding:8px max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}
 html .cj-business-modal .cj-modal-box{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-bottom,0px));border-radius:10px}
 html .cj-business-modal :is(.cj-modal-head,.cj-modal-foot){padding:8px 12px}
 html .cj-business-modal .cj-modal-body{padding:12px}
 html .cj-business-modal .cj-modal-foot button{flex:1 1 110px}
 html :is(.cj-business-modal,#cj-native-route-layer) :is(input,select,textarea){font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){html :is(.cj360-shell,.cj-business-modal,.cj-theme-menu,#cj-native-route-layer,#cj-operational-summary) *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:600px){html:has(body.cj-app-mobile),html body.cj-app-mobile{scroll-padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}html body.cj-app-mobile #cj-operational-summary{scroll-margin-bottom:calc(74px + env(safe-area-inset-bottom,0px))}}
/* Existing 100%-height body plus bottom padding exceeded the visible mobile viewport. */
@media(max-width:600px){html body.cj-app-mobile{box-sizing:border-box}}
html .cj-business-modal .cj-modal-body label{color:var(--cj-ui-text)!important}

/* Employee directory v2.5.1: keep existing avatar geometry and safe fallback. */
.cj-my-avatar{position:relative;overflow:hidden}.cj-my-avatar img{width:100%;height:100%;object-fit:cover;display:block}.cj-my-avatar [hidden]{display:none!important}.cj-my-metric-note{font-size:13px;line-height:1.5;margin-top:12px}