/* ===== NEXACORE V6.4.7 FULL UI AUDIT START ===== */
:root{
  --nx647-text:#eefaff;
  --nx647-muted:#91aebb;
  --nx647-line:#194354;
  --nx647-cyan:#54dcff;
}

/* 01 · GLOBAL TYPOGRAPHY / CONTROLS */
html{font-size:16px!important}
body{font-size:16px!important;line-height:1.55!important}
button,input,select,textarea{font:inherit}
button,.btn,.nx-action{line-height:1.2!important}
button svg,.btn svg,.nx-action svg{display:block;margin:auto}
small{line-height:1.35}

/* No important public text may collapse into 6-9px noise. */
:where(.project-card,.services article,.workspace-shell,.ops-modal,.nx60-arch-card,.nx60-palette-card,.nx-sheet-card) small{
  font-size:max(10.5px,.67rem)!important;
}

/* 02 · TOP NAV / HERO / FILTERS */
.topbar{min-height:72px!important}
.topbar nav,.topbar .nav,.hero-actions,.filters{align-items:center!important}
.topbar a,.topbar button,.filters button{display:inline-flex;align-items:center;justify-content:center}
.hero-copy>p,.section-head p,.contact-copy>p{font-size:16px!important;line-height:1.6!important}
.hero-actions .btn,.hero-actions button{min-height:44px!important}
.filters{gap:8px!important;flex-wrap:wrap!important}
.filters button{min-height:38px!important;padding:9px 14px!important;font-size:12.5px!important}

/* 03 · PROJECT CARDS: icons/status/text all on the same visual rail */
#projectGrid,.project-grid{align-items:stretch!important}
.project-card{min-width:0!important;overflow:hidden}
.project-card .project-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;min-height:52px!important;
}
.project-card .picon,
.project-card .picon.nx-project-icon{
  flex:0 0 48px!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;margin:0!important;line-height:1!important;transform:none;
}
.project-card .picon svg,.nx-project-icon svg{
  width:29px!important;height:29px!important;display:block!important;margin:auto!important;
  transform:none!important;transform-origin:50% 50%!important;
}
.project-card .status{
  min-height:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:6px 10px!important;line-height:1!important;margin:0!important;white-space:nowrap!important;
  font-size:10.5px!important;
}
.project-card h3{font-size:19px!important;line-height:1.22!important;margin-top:13px!important}
.project-card p{font-size:14.5px!important;line-height:1.55!important}
.project-card .tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
.project-card .tags span,.project-card .tag{font-size:11px!important;line-height:1.2!important}
.project-card .btn{min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}

/* Completely hide the rejected TikTok Hub UI, even if restored by stale PWA cache. */
#nxTikTokHubQuick,#tkhOverlay,[data-tkh-card],.tkh-card,.nx-tiktok-hub-quick{display:none!important;visibility:hidden!important;pointer-events:none!important}
.project-card[data-nx-icon="tiktok"]{display:none!important}

/* 04 · SERVICES */
.services{align-items:stretch!important}
.services article{min-width:0!important}
.services article>b{font-size:17px!important;line-height:1.3!important}
.services article>p{font-size:14.5px!important;line-height:1.55!important}
.services article .service-icon,.services article>i:first-child{
  display:flex!important;align-items:center!important;justify-content:center!important;
}

/* 05 · SMART SOLUTION GENERATOR */
.nx60-generator{overflow:hidden}
.nx60-gen-grid>*{min-width:0!important}
.nx60-smart-badge,.nx60-arch-top{font-size:12px!important;line-height:1.25!important}
#nx60Brief{font-size:14px!important;line-height:1.55!important}
.nx60-examples{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
.nx60-examples button{font-size:12px!important;min-height:36px!important}
.nx60-result-top{align-items:flex-start!important;gap:10px!important}
.nx60-detected b{font-size:17px!important}
.nx60-module,.nx60-flow span{font-size:12px!important}
.nx60-result-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.nx60-result-actions button{min-height:42px!important}

/* 06 · SYSTEM ARCHITECTURE: fit the complete chain, no clipped right side, no ugly white scrollbar */
.nx60-arch-card{
  width:min(1500px,96vw)!important;max-width:96vw!important;max-height:92vh!important;
  overflow:hidden!important;
}
.nx60-modal-head{padding:23px 24px 18px!important}
.nx60-modal-head h2{font-size:clamp(28px,2.55vw,40px)!important;line-height:1.1!important}
.nx60-modal-head p{font-size:13.5px!important;line-height:1.5!important;max-width:900px}
.nx60-modal-close,.nx60-close{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;padding:0!important;line-height:1!important;
}
.nx60-arch-body{
  display:grid!important;
  grid-template-columns:minmax(130px,.85fr) 34px minmax(145px,.95fr) 34px minmax(310px,1.75fr) 34px minmax(145px,.95fr) 34px minmax(150px,1fr)!important;
  align-items:center!important;gap:7px!important;
  min-height:360px!important;padding:24px 20px!important;
  overflow-x:auto!important;overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:#37606e transparent!important;
}
.nx60-arch-body::-webkit-scrollbar{height:7px;width:7px}
.nx60-arch-body::-webkit-scrollbar-track{background:transparent}
.nx60-arch-body::-webkit-scrollbar-thumb{background:#37606e;border-radius:999px}
.nx60-arch-stage,.nx60-arch-stage.entry,.nx60-arch-stage.output,.nx60-arch-cluster{
  min-width:0!important;width:100%!important;
}
.nx60-arch-cluster{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:11px!important}
.nx60-arch-node{
  min-width:0!important;min-height:72px!important;grid-template-columns:36px minmax(0,1fr)!important;gap:9px!important;padding:10px!important;
  align-items:center!important;
}
.nx60-arch-node i{width:36px!important;height:36px!important;display:grid!important;place-items:center!important}
.nx60-arch-node b{font-size:12.5px!important;line-height:1.3!important;overflow-wrap:anywhere}
.nx60-arch-link{min-width:0!important;width:34px!important;min-height:34px!important;display:grid!important;place-items:center!important}
.nx60-arch-link span{font-size:15px!important;line-height:1!important}
.nx60-arch-legend{font-size:10.5px!important;line-height:1.4!important;padding:11px 18px 16px!important;flex-wrap:wrap!important;justify-content:center!important}

/* 07 · OPERATIONS DEMOS, including Workforce & Jobs */
.ops-modal{width:min(1420px,96vw)!important;max-width:96vw!important;max-height:94vh!important;overflow:hidden!important}
.ops-top{padding:26px 24px 18px!important}
.ops-top h2{font-size:clamp(28px,2.7vw,42px)!important;line-height:1.1!important}
.ops-top p{font-size:14px!important;line-height:1.55!important;max-width:980px!important}
.ops-close{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;padding:0!important;line-height:1!important;font-size:20px!important;
}
.ops-nav{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;padding:12px 24px!important}
.ops-nav button{font-size:12.5px!important;min-height:39px!important;padding:8px 13px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.ops-body{font-size:14px!important;padding:18px 24px 22px!important;overflow:auto!important}
.ops-grid2,.ops-grid3,.ops-grid4{align-items:stretch!important}
.ops-panel{min-width:0!important;overflow:hidden!important}
.ops-panel h3{font-size:16px!important;line-height:1.3!important}
.ops-panel p{font-size:13px!important;line-height:1.5!important}
.ops-panel-head{align-items:center!important;gap:10px!important}
.ops-metric{min-width:0!important}
.ops-metric small{font-size:11px!important;line-height:1.25!important}
.ops-metric b{font-size:clamp(20px,1.7vw,26px)!important;line-height:1.18!important;overflow-wrap:anywhere}
.ops-table{overflow-x:auto!important;scrollbar-width:thin!important}
.ops-tr{font-size:12.5px!important;line-height:1.38!important;min-width:650px!important}
.ops-tr.head{font-size:11px!important}
.ops-tr>span{min-width:0!important;overflow-wrap:anywhere!important;align-self:center!important}
.ops-log>div{font-size:12px!important;line-height:1.42!important}
.ops-form label,.ops-tablet label{font-size:12px!important}
.ops-form input,.ops-form select,.ops-tablet input,.ops-tablet select{font-size:13px!important;min-height:40px!important}
.ops-action,.ops-service-demo{font-size:12px!important;min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.ops-footer{align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
.ops-footer small,.ops-footer span{font-size:10.5px!important;line-height:1.35!important}

/* Workforce evidence page specifically: prevent status phrase from exploding into an awkward two-line slab. */
.ops-panel .ops-grid3,.ops-panel .ops-grid4{gap:10px!important}
.ops-panel [class*="proof"],.ops-panel [class*="evidence"]{min-width:0!important}
.ops-panel [class*="photo"],.ops-panel [class*="signature"]{
  display:flex;align-items:center;justify-content:center;min-width:0;
}
.ops-panel [class*="photo"] small,.ops-panel [class*="signature"] small,
.ops-panel [class*="photo"] span,.ops-panel [class*="signature"] span{
  font-size:10.5px!important;line-height:1.3!important;color:var(--nx647-muted)!important;opacity:.88!important;text-align:center!important;
}

/* 08 · CORE WORKSPACES */
.workspace-shell{font-size:15px!important;overflow:hidden}
.workspace-shell *{min-width:0}
.workspace-shell p,.workspace-shell li,.workspace-shell label,.workspace-shell td{font-size:13.5px!important;line-height:1.5!important}
.workspace-shell small{font-size:11px!important}
.workspace-shell button,.workspace-shell input,.workspace-shell select{font-size:13px!important;min-height:38px}
.wsnav button,.sidebtn{font-size:12.5px!important;display:flex!important;align-items:center!important}
.wsnav button svg,.sidebtn svg,.workspace-shell .icon svg{display:block!important;margin:auto!important}
.worktop h2{font-size:clamp(27px,3vw,40px)!important;line-height:1.12!important}

/* 09 · SHARE / CONTACT / FOOTER */
.nx-sheet-card{width:min(640px,94vw)!important}
.nx-sheet-head h3{font-size:23px!important;line-height:1.2!important}
.nx-sheet-head p{font-size:12.5px!important;line-height:1.5!important}
.nx-share-grid button{font-size:11.5px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.contact-wrap{align-items:stretch!important}
.site-footer{font-size:13px!important}
.site-footer small{font-size:10.5px!important}

/* 10 · RESPONSIVE PASS */
@media(max-width:1280px){
  .nx60-arch-body{
    grid-template-columns:minmax(125px,.8fr) 28px minmax(140px,.9fr) 28px minmax(270px,1.55fr) 28px minmax(140px,.9fr) 28px minmax(145px,.95fr)!important;
    gap:5px!important;padding:20px 16px!important;
  }
  .nx60-arch-link{width:28px!important}
  .nx60-arch-node{grid-template-columns:32px minmax(0,1fr)!important;padding:9px!important}
  .nx60-arch-node i{width:32px!important;height:32px!important}
  .nx60-arch-node b{font-size:12px!important}
}
@media(max-width:980px){
  .nx60-arch-card{width:min(760px,96vw)!important}
  .nx60-arch-body{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important}
  .nx60-arch-stage,.nx60-arch-stage.entry,.nx60-arch-stage.output,.nx60-arch-cluster{width:100%!important;min-width:0!important}
  .nx60-arch-link{width:100%!important;min-height:30px!important;transform:rotate(90deg)}
  .nx60-arch-cluster{grid-template-columns:1fr 1fr!important}
  .ops-grid4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .topbar{min-height:64px!important}
  .project-card .picon,.project-card .picon.nx-project-icon{width:46px!important;height:46px!important;flex-basis:46px!important}
  .project-card h3{font-size:18px!important}
  .project-card p{font-size:14px!important}
  .nx60-arch-cluster{grid-template-columns:1fr!important}
  .nx60-modal-head,.ops-top{padding-left:16px!important;padding-right:16px!important}
  .ops-nav,.ops-body{padding-left:14px!important;padding-right:14px!important}
  .ops-grid2,.ops-grid3,.ops-grid4{grid-template-columns:1fr!important}
  .ops-tr{min-width:610px!important}
}
@media(prefers-reduced-motion:reduce){
  .project-card .picon,.nx-project-icon svg{transition:none!important}
}
/* ===== NEXACORE V6.4.7 FULL UI AUDIT END ===== */