:root{
  --x-bg:#0b0d0b;--x-lime:#caff47;--x-glass:rgba(14,17,14,.62);--x-glass-strong:rgba(14,17,14,.82);
  --x-line:rgba(255,255,255,.14);--x-muted:rgba(255,255,255,.62);--x-paper:#f6f7f4;--x-ink:#171b18;
}
body{background:#e9ede8!important;padding-top:92px!important}
.app-shell{display:block!important;min-height:100vh!important}
.sidebar{display:none!important}
.main{max-width:1540px!important;margin:0 auto!important;padding:0 clamp(14px,3vw,42px) 70px!important}
.topbar{display:none!important}
.dx-menu-toggle,.dx-menu-backdrop{display:none!important}
.x360-bar{
  position:fixed;z-index:90;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));
  min-height:64px;border:1px solid var(--x-line);border-radius:22px;padding:10px 12px 10px 14px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--x-glass);
  box-shadow:0 18px 60px rgba(0,0,0,.22);backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);
}
.x360-brand{display:flex;align-items:center;gap:11px;border:0;background:none;color:white;cursor:pointer;padding:0;text-align:left}
.x360-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--x-lime),#a8d92f);color:#10140d;font-weight:900;box-shadow:0 0 24px rgba(202,255,71,.18)}
.x360-copy{display:flex;flex-direction:column;line-height:1.05}.x360-copy strong{font-size:.86rem;letter-spacing:.14em}.x360-copy small{margin-top:5px;color:var(--x-muted);font-size:.72rem}
.x360-actions{display:flex;align-items:center;gap:8px}.x360-search{display:flex;align-items:center;gap:8px;width:min(430px,38vw);height:42px;border:1px solid var(--x-line);border-radius:14px;background:rgba(255,255,255,.05);padding:0 12px;color:#fff}
.x360-search input{border:0!important;background:transparent!important;color:#fff!important;outline:0;width:100%;padding:0!important}.x360-search input::placeholder{color:rgba(255,255,255,.48)}
.x360-icon{width:42px;height:42px;border:1px solid var(--x-line);border-radius:14px;background:rgba(255,255,255,.05);display:grid;place-content:center;gap:5px;cursor:pointer;color:#fff}
.x360-icon span{display:block;width:17px;height:1.5px;background:#fff;border-radius:2px}.x360-menu-btn.open span:first-child{transform:translateY(3.25px) rotate(45deg)}.x360-menu-btn.open span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.x360-flyout{
  position:fixed;z-index:95;top:max(92px,calc(env(safe-area-inset-top) + 84px));right:max(14px,env(safe-area-inset-right));width:min(430px,calc(100vw - 28px));max-height:calc(100dvh - 112px);
  overflow:auto;border:1px solid var(--x-line);border-radius:26px;padding:24px;background:var(--x-glass-strong);color:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.34);backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);
  opacity:0;visibility:hidden;transform:translateY(-10px) scale(.985);transition:.2s ease;transform-origin:top right
}
.x360-flyout.open{opacity:1;visibility:visible;transform:none}.x360-flyout h2{font-size:clamp(1.9rem,5vw,3rem);line-height:.94;margin:8px 0 18px;letter-spacing:-.04em}.x360-eyebrow{font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--x-lime)}
.x360-menu-section{padding:15px 0;border-top:1px solid rgba(255,255,255,.08)}.x360-menu-section:first-of-type{border-top:0}
.x360-menu-grid{display:grid;gap:8px}.x360-menu-grid button,.x360-menu-link{width:100%;display:grid;grid-template-columns:32px 1fr;gap:2px 10px;text-align:left;color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:13px 14px;border-radius:14px;cursor:pointer;text-decoration:none}
.x360-menu-grid button:hover,.x360-menu-link:hover{border-color:rgba(202,255,71,.45);background:rgba(202,255,71,.08)}.x360-menu-grid .idx{grid-row:1/3;color:var(--x-lime);font-size:.7rem}.x360-menu-grid strong{font-size:.92rem}.x360-menu-grid small{color:var(--x-muted);font-size:.76rem}
.x360-results{
  position:fixed;z-index:94;top:max(92px,calc(env(safe-area-inset-top) + 84px));left:50%;transform:translateX(-50%);width:min(760px,calc(100vw - 28px));max-height:65dvh;overflow:auto;
  border:1px solid var(--x-line);border-radius:22px;padding:12px;background:var(--x-glass-strong);color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.34);backdrop-filter:blur(22px);display:none
}.x360-results.open{display:block}.x360-result{display:block;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:#fff;padding:13px 12px;text-align:left;cursor:pointer}.x360-result:last-child{border-bottom:0}.x360-result strong{display:block}.x360-result small{color:var(--x-muted)}
.x360-section-head{margin:0 0 18px}.x360-section-head .x360-eyebrow{color:#687565}.x360-section-head h2{font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.045em;margin:8px 0;color:#172018}.x360-section-head p{color:#687266;max-width:800px;line-height:1.55}
.x360-search-panel{display:flex;gap:10px;align-items:center;margin:0 0 18px}.x360-search-panel input{flex:1;background:#fff!important;color:#172018!important;border:1px solid #d9dfd8!important;border-radius:15px!important;min-height:50px;font-size:1rem}.x360-search-panel select{background:#fff!important;color:#172018!important;border:1px solid #d9dfd8!important;min-height:50px}
.x360-list{display:grid;gap:10px}.x360-card{background:#fff;border:1px solid #dfe4de;border-radius:20px;padding:18px;color:#172018;box-shadow:0 12px 35px rgba(20,35,22,.055);cursor:pointer;text-align:left}.x360-card:hover{border-color:#b6c6a8;transform:translateY(-1px)}
.x360-card-head{display:flex;justify-content:space-between;gap:12px}.x360-card h3{margin:0;font-size:1.05rem}.x360-card p{margin:7px 0 0;color:#697369;line-height:1.45}.x360-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.x360-meta span{padding:6px 8px;border-radius:999px;background:#f0f3ef;color:#647064;font-size:.72rem}
.x360-detail{
  position:fixed;z-index:98;inset:0;display:none;place-items:center;padding:20px;background:rgba(7,10,7,.44);backdrop-filter:blur(9px)
}.x360-detail.open{display:grid}.x360-detail-card{position:relative;width:min(760px,100%);max-height:88dvh;overflow:auto;border:1px solid var(--x-line);border-radius:28px;padding:30px;background:rgba(18,22,18,.92);color:#fff;box-shadow:0 28px 90px rgba(0,0,0,.38);backdrop-filter:blur(24px)}
.x360-detail-card h2{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.04em;line-height:.96;margin:10px 0 14px}.x360-detail-card p{color:rgba(255,255,255,.72);line-height:1.6}.x360-close{position:absolute;right:16px;top:16px;width:40px;height:40px;border:0;border-radius:12px;background:rgba(255,255,255,.07);color:#fff;font-size:1.4rem;cursor:pointer}.x360-detail-block{padding-top:16px;margin-top:16px;border-top:1px solid rgba(255,255,255,.09)}.x360-detail-block strong{display:block;margin-bottom:8px;color:var(--x-lime)}
/* remove legacy visual overload, keep functionality behind transformed views */
#view-health .health-grid,#view-support .service-grid,#view-people .people-grid,#view-modules .filter-tabs,#view-modules #module-grid,#view-check .check-layout{display:none}
#view-health.x360-ready .health-grid,#view-support.x360-ready .service-grid,#view-people.x360-ready .people-grid,#view-modules.x360-ready #module-grid,#view-check.x360-ready .check-layout{display:none!important}
@media(max-width:720px){
  body{padding-top:70px!important}.x360-bar{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));min-height:50px;padding:7px 8px 7px 9px;border-radius:16px}.x360-mark{width:31px;height:31px;border-radius:9px}.x360-copy strong{font-size:.72rem}.x360-copy small{display:none}.x360-search{display:none}.x360-icon{width:34px;height:34px;border-radius:11px}.x360-flyout{top:max(68px,calc(env(safe-area-inset-top) + 58px));right:max(10px,env(safe-area-inset-right));width:min(360px,calc(100vw - 20px));max-height:calc(100dvh - 82px);padding:17px;border-radius:20px}.x360-results{top:max(68px,calc(env(safe-area-inset-top) + 58px));width:calc(100vw - 20px)}.x360-search-panel{display:grid;grid-template-columns:1fr}.x360-detail-card{padding:24px 20px;border-radius:22px}.main{padding:0 12px 50px!important}
}

.dashboard-menu-toggle,.dashboard-menu-backdrop{display:none!important}
.migration-progress{border:1px solid #dfe4de!important;background:#fff!important;color:#172018!important;border-radius:20px!important;box-shadow:0 12px 35px rgba(20,35,22,.055)!important}
#view-customer-projects .section-head{display:none!important}
#view-customer-projects .project-tools{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:0 0 16px!important}
#view-customer-projects .project-tools input{flex:1 1 320px!important;min-height:50px!important;background:#fff!important;color:#172018!important;border:1px solid #d9dfd8!important;border-radius:15px!important}
#view-customer-projects .project-tools select{min-height:50px!important;background:#fff!important;color:#172018!important;border:1px solid #d9dfd8!important;border-radius:15px!important}
#view-customer-projects .project-summary{display:flex!important;gap:8px!important;overflow:auto!important;padding-bottom:4px!important;margin-bottom:14px!important}
#view-customer-projects .project-summary>div{min-width:145px!important;background:#fff!important;color:#172018!important;border:1px solid #dfe4de!important;border-radius:16px!important;box-shadow:none!important}
#view-customer-projects .project-list{display:grid!important;gap:10px!important}
#view-customer-projects .project-card{background:#fff!important;color:#172018!important;border:1px solid #dfe4de!important;border-radius:20px!important;padding:18px!important;box-shadow:0 12px 35px rgba(20,35,22,.055)!important}
#view-customer-projects .project-card .project-meta,#view-customer-projects .project-card .project-audit,#view-customer-projects .project-card .project-timeline,#view-customer-projects .project-card .project-source{display:none!important}
#view-customer-projects .project-card p{color:#697369!important}
#view-customer-projects .project-next{margin-top:12px!important;padding:12px!important;background:#f3f6f1!important;border:0!important;border-radius:12px!important;color:#425043!important}
#view-customer-projects .project-card-head h3{font-size:1.08rem!important;margin:4px 0!important}
#view-customer-projects .project-card .eyebrow{color:#71806e!important}

.x360-filter-row{display:flex;justify-content:flex-end;margin:-8px 0 10px}.x360-filter-row button{border:1px solid #d9dfd8;background:#fff;color:#344236;border-radius:999px;padding:9px 13px;font:inherit;cursor:pointer}
#view-customer-projects .project-tools.x360-collapsed select{display:none!important}
#view-customer-projects .project-tools.x360-collapsed{display:grid!important;grid-template-columns:1fr!important}

/* Shared 360 surface for remaining Website Factory views */
.website-card,.catalog-card,.panel,.brand-config,.builder-toolbar{
  background:#fff!important;color:#172018!important;border-color:#dfe4de!important;box-shadow:0 12px 35px rgba(20,35,22,.055)!important
}
.website-card p,.catalog-card p,.panel p,.subcopy{color:#697369!important}
.website-card,.catalog-card,.panel{border-radius:20px!important}
.website-card:hover,.catalog-card:hover{border-color:#b9c8ad!important}
.filter-tabs{display:flex!important;gap:6px!important;padding:5px!important;border:1px solid #d9dfd8!important;border-radius:999px!important;background:#fff!important;width:max-content!important;max-width:100%!important;overflow:auto!important}
.filter-tabs button{color:#566357!important;border-radius:999px!important;white-space:nowrap!important}.filter-tabs button.active{background:#172018!important;color:#fff!important}
.primary-button{background:var(--x-lime)!important;color:#11150e!important;border:0!important;font-weight:800!important}
.secondary-button{background:#f3f6f1!important;color:#304032!important;border:1px solid #dce4d9!important}
.template-preview{background:linear-gradient(145deg,#edf2ea,#dfe8da)!important}
.mini-tag{background:#eef3ec!important;color:#5e6c5e!important}
#view-templates .catalog-card .card-actions button{color:#172018!important}
#view-media .builder-field select,#view-media .builder-field input{background:#fff!important;color:#172018!important;border-color:#d9dfd8!important}
#view-media .project-context{background:#fff!important;color:#172018!important;border-color:#d9dfd8!important}

/* Dark Luxury Unification v1 */
:root{
  --x-bg:#0c0f0d;
  --x-surface:#131714;
  --x-surface-2:#181d19;
  --x-surface-3:#1e241f;
  --x-line:rgba(255,255,255,.105);
  --x-line-strong:rgba(202,255,71,.24);
  --x-muted:rgba(240,244,238,.58);
  --x-text:#f4f6f2;
  --x-text-soft:#c8cec6;
  --x-glass:rgba(17,21,18,.70);
  --x-glass-strong:rgba(17,21,18,.90);
}
html,body{background:
  radial-gradient(circle at 82% -10%,rgba(202,255,71,.055),transparent 28rem),
  radial-gradient(circle at 8% 36%,rgba(122,102,255,.045),transparent 32rem),
  var(--x-bg)!important;color:var(--x-text)!important}
.main{color:var(--x-text)!important}
.view{color:var(--x-text)!important}
.x360-bar,.x360-flyout,.x360-results,.x360-detail-card{
  background:linear-gradient(145deg,rgba(24,29,25,.90),rgba(13,16,14,.91))!important;
  border-color:var(--x-line)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(26px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(120%)!important;
}
.x360-bar{box-shadow:0 18px 58px rgba(0,0,0,.34)!important}
.x360-menu-grid button,.x360-menu-link,.x360-search,.x360-icon{
  background:rgba(255,255,255,.035)!important;border-color:var(--x-line)!important
}
.x360-menu-grid button:hover,.x360-menu-link:hover{
  background:rgba(202,255,71,.07)!important;border-color:rgba(202,255,71,.30)!important
}
.x360-section-head .x360-eyebrow,.cc3-kicker{color:var(--x-lime)!important}
.x360-section-head h2,.cc3-hero h2,.cc3-section h3,.section-head h2,.media-header h2,.people-head h2,.service-head h2{
  color:var(--x-text)!important
}
.x360-section-head p,.cc3-hero p,.cc3-section p,.subcopy,.website-card p,.catalog-card p,.panel p{
  color:var(--x-muted)!important
}
.x360-search-panel input,.x360-search-panel select,
#view-customer-projects .project-tools input,#view-customer-projects .project-tools select,
#view-media .builder-field select,#view-media .builder-field input,.project-context{
  background:rgba(255,255,255,.045)!important;color:var(--x-text)!important;border-color:var(--x-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
}
.x360-search-panel input::placeholder,#view-customer-projects .project-tools input::placeholder{color:rgba(255,255,255,.38)!important}

/* Main content surfaces */
.x360-card,.website-card,.catalog-card,.panel,.brand-config,.builder-toolbar,
#view-customer-projects .project-card,#view-customer-projects .project-summary>div,.migration-progress{
  background:linear-gradient(145deg,var(--x-surface-2),var(--x-surface))!important;
  color:var(--x-text)!important;border:1px solid var(--x-line)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.16)!important
}
.x360-card:hover,.website-card:hover,.catalog-card:hover,#view-customer-projects .project-card:hover{
  border-color:rgba(202,255,71,.24)!important;box-shadow:0 18px 46px rgba(0,0,0,.22)!important
}
.x360-card p,#view-customer-projects .project-card p,#view-customer-projects .project-card .eyebrow{
  color:var(--x-muted)!important
}
.x360-meta span,.mini-tag,.person-tags span{
  background:rgba(255,255,255,.045)!important;color:var(--x-text-soft)!important;border:1px solid rgba(255,255,255,.045)!important
}
#view-customer-projects .project-next{
  background:rgba(202,255,71,.055)!important;color:#dce7d4!important;border:1px solid rgba(202,255,71,.12)!important
}
.x360-filter-row button,.filter-tabs{
  background:rgba(255,255,255,.035)!important;color:var(--x-text-soft)!important;border-color:var(--x-line)!important
}
.filter-tabs button{color:var(--x-text-soft)!important}
.filter-tabs button.active{background:rgba(202,255,71,.12)!important;color:var(--x-lime)!important}
.secondary-button{background:rgba(255,255,255,.045)!important;color:var(--x-text)!important;border-color:var(--x-line)!important}
.template-preview{background:linear-gradient(145deg,#20271f,#151a16)!important}

/* Control Center v3 inherits same dark system */
.cc3-shell{color:var(--x-text)!important}
.cc3-surface,.cc3-section{
  background:linear-gradient(145deg,var(--x-surface-2),var(--x-surface))!important;
  border-color:var(--x-line)!important;box-shadow:0 18px 48px rgba(0,0,0,.18)!important
}
.cc3-hero{
  background:
    radial-gradient(circle at 88% 12%,rgba(202,255,71,.08),transparent 30%),
    radial-gradient(circle at 12% 100%,rgba(118,92,255,.08),transparent 32%),
    linear-gradient(145deg,#1a201b,#111512)!important
}
.cc3-stat,.cc3-signal{
  background:rgba(255,255,255,.035)!important;border-color:var(--x-line)!important;color:var(--x-text)!important;
  box-shadow:none!important
}
.cc3-stat strong,.cc3-signal-title,.cc3-list button,.cc3-line-title{color:var(--x-text)!important}
.cc3-stat small,.cc3-signal-meta,.cc3-line-sub,.cc3-date{color:var(--x-muted)!important}
.cc3-list button{border-color:rgba(255,255,255,.07)!important}
.cc3-list button:hover .cc3-line-title{color:var(--x-lime)!important}
.cc3-knowledge-card{
  border:1px solid var(--x-line)!important;color:var(--x-text)!important;
  background:linear-gradient(145deg,#1d231e,#151916)!important
}
.cc3-knowledge-card.primary{background:linear-gradient(145deg,rgba(202,255,71,.09),#151a16)!important}
.cc3-knowledge-card.secondary{background:linear-gradient(145deg,rgba(67,204,157,.08),#151a16)!important}
.cc3-knowledge-card.tertiary{background:linear-gradient(145deg,rgba(239,178,87,.08),#151a16)!important}
.cc3-knowledge-card small{color:var(--x-muted)!important}
.cc3-health button{background:rgba(255,255,255,.045)!important;color:var(--x-text-soft)!important;border:1px solid var(--x-line)!important}

/* Knowledge layer: same visual weight as menu/search, centered instead of side drawer */
.cc3-drawer-backdrop{
  z-index:94!important;background:rgba(3,5,4,.55)!important;backdrop-filter:blur(9px)!important
}
.cc3-drawer{
  z-index:95!important;
  top:50%!important;left:50%!important;right:auto!important;
  width:min(760px,calc(100vw - 28px))!important;height:auto!important;max-height:86dvh!important;
  transform:translate(-50%,-47%) scale(.985)!important;
  opacity:0!important;pointer-events:none!important;
  border:1px solid var(--x-line)!important;border-radius:28px!important;
  background:linear-gradient(145deg,rgba(24,29,25,.95),rgba(13,16,14,.96))!important;
  color:var(--x-text)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.42)!important;
  backdrop-filter:blur(26px) saturate(120%)!important;-webkit-backdrop-filter:blur(26px) saturate(120%)!important;
  transition:.2s ease!important
}
.cc3-drawer.open{transform:translate(-50%,-50%) scale(1)!important;opacity:1!important;pointer-events:auto!important}
.cc3-drawer-inner{padding:30px!important}
.cc3-drawer-close{background:rgba(255,255,255,.055)!important;color:#fff!important;border:1px solid var(--x-line)!important}
.cc3-drawer h2{color:var(--x-text)!important;font-size:clamp(2rem,5vw,3.4rem)!important;line-height:.98!important}
.cc3-drawer p{color:var(--x-muted)!important}
.cc3-detail-block{border-color:rgba(255,255,255,.08)!important}
.cc3-detail-block strong{color:var(--x-lime)!important}
.cc3-source{background:rgba(255,255,255,.045)!important;color:var(--x-text-soft)!important;border:1px solid var(--x-line)!important}

/* Same elevation family for global search/menu/detail */
.x360-flyout,.x360-results,.cc3-drawer,.x360-detail-card{border-radius:26px!important}
.x360-flyout,.x360-results,.cc3-drawer,.x360-detail{z-index:95!important}
.x360-detail{background:rgba(3,5,4,.55)!important}

/* Status colors, restrained */
.cc3-chip.good,.green,.health-badge.green{background:rgba(77,197,151,.10)!important;color:#8ce5bf!important;border-color:rgba(77,197,151,.18)!important}
.cc3-chip.warn,.yellow,.health-badge.yellow{background:rgba(224,178,72,.10)!important;color:#e9c86f!important;border-color:rgba(224,178,72,.18)!important}
.cc3-chip.danger,.red,.health-badge.red{background:rgba(226,91,107,.10)!important;color:#f09ba5!important;border-color:rgba(226,91,107,.18)!important}

@media(max-width:720px){
  .cc3-drawer{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 92px)!important;border-radius:22px!important}
  .cc3-drawer-inner{padding:22px!important}
}


/* Responsive hardening 2026-10-01 */
html,body{max-width:100%;overflow-x:hidden}
.main,.view,.x360-section-head,.x360-card,.website-card,.catalog-card,.panel,.cc3-shell,.cc3-surface,.cc3-section{min-width:0}
img,video,canvas,svg{max-width:100%;height:auto}
button,input,select,textarea{max-width:100%}
@media(max-width:720px){
  .x360-bar{gap:8px}
  .x360-brand{min-width:0;flex:1 1 auto;overflow:hidden}
  .x360-copy{min-width:0}
  .x360-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .x360-actions{flex:0 0 auto}
  .x360-icon{width:40px;height:40px;border-radius:12px}
  .x360-flyout,.x360-results{left:10px!important;right:10px!important;width:auto!important;transform:none!important}
  .x360-flyout.open{transform:none!important}
  .x360-detail{padding:10px}
  .x360-detail-card{width:100%;max-height:calc(100dvh - 20px);padding:22px 17px}
  .x360-detail-card h2{padding-right:42px;font-size:clamp(1.8rem,9vw,2.7rem)}
  .x360-search-panel input,.x360-search-panel select,
  #view-customer-projects .project-tools input,#view-customer-projects .project-tools select{width:100%!important;min-width:0!important}
  #view-customer-projects .project-tools{display:grid!important;grid-template-columns:1fr!important}
  #view-customer-projects .project-summary{scroll-snap-type:x proximity}
  #view-customer-projects .project-summary>div{scroll-snap-align:start}
  .filter-tabs{width:100%!important}
  .cc3-drawer{left:10px!important;right:10px!important;width:auto!important;transform:translateY(-47%) scale(.985)!important}
  .cc3-drawer.open{transform:translateY(-50%) scale(1)!important}
}
@media(max-width:430px){
  body{padding-top:66px!important}
  .main{padding-left:9px!important;padding-right:9px!important}
  .x360-bar{left:max(7px,env(safe-area-inset-left));right:max(7px,env(safe-area-inset-right));top:max(7px,env(safe-area-inset-top));padding:6px 7px;border-radius:15px}
  .x360-mark{width:34px;height:34px}
  .x360-copy strong{font-size:.68rem;letter-spacing:.09em}
  .x360-flyout,.x360-results{left:7px!important;right:7px!important;top:max(64px,calc(env(safe-area-inset-top) + 56px));max-height:calc(100dvh - 72px)}
  .x360-flyout{padding:15px}
  .x360-menu-grid button,.x360-menu-link{grid-template-columns:26px 1fr;padding:12px}
  .x360-section-head h2{font-size:clamp(30px,11vw,42px);overflow-wrap:anywhere}
  .x360-card,.website-card,.catalog-card,.panel,#view-customer-projects .project-card{padding:15px!important;border-radius:18px!important}
  .cc3-drawer{left:7px!important;right:7px!important;max-height:calc(100dvh - 14px)!important;border-radius:20px!important}
  .cc3-drawer-inner{padding:20px 16px!important}
  .cc3-drawer h2{font-size:clamp(1.8rem,10vw,2.8rem)!important;overflow-wrap:anywhere}
}
@media(max-width:320px){
  .x360-copy strong{font-size:.62rem;letter-spacing:.06em}
  .x360-mark{width:32px;height:32px}
  .x360-icon{width:38px;height:38px}
  .x360-section-head h2{font-size:29px}
  .x360-detail-card{padding:20px 14px}
  .cc3-drawer-inner{padding:18px 14px!important}
}
@media(max-height:560px) and (orientation:landscape){
  .x360-flyout,.x360-results{max-height:calc(100dvh - 68px)}
  .x360-detail{place-items:start center;overflow:auto;padding:6px}
  .x360-detail-card{max-height:none}
  .cc3-drawer{max-height:calc(100dvh - 12px)!important;overflow:auto!important}
}


/* Portal parity: shared dark glass language + dashboard knowledge */
:root{--portal-glass:rgba(20,25,21,.72);--portal-glass-strong:rgba(16,20,17,.92);--portal-border:rgba(255,255,255,.10);--portal-glow:rgba(202,255,71,.12)}
.dashboard-knowledge-head{max-width:920px}
.dashboard-knowledge-toolbar{display:grid;grid-template-columns:auto minmax(280px,1fr);gap:14px;align-items:end;margin:0 0 16px}
.dashboard-knowledge-count{display:flex;align-items:baseline;gap:8px;padding:4px 2px}.dashboard-knowledge-count strong{font-size:36px;letter-spacing:-.04em}.dashboard-knowledge-count span{font-size:.72rem;color:var(--x-muted)}
.dashboard-knowledge-search{display:grid;gap:6px;color:var(--x-muted);font-size:.72rem}.dashboard-knowledge-search input{min-height:48px;border:1px solid var(--x-line);border-radius:15px;padding:0 14px;background:rgba(255,255,255,.045);color:var(--x-text);outline:0}.dashboard-knowledge-search input:focus{border-color:rgba(202,255,71,.30);box-shadow:0 0 0 3px rgba(202,255,71,.055)}
.dashboard-knowledge-filters{display:flex;gap:7px;max-width:100%;overflow-x:auto;padding:2px 0 12px;scrollbar-width:thin}.dashboard-knowledge-filters button{flex:0 0 auto;border:1px solid var(--x-line);background:rgba(255,255,255,.035);color:var(--x-text-soft);border-radius:999px;padding:8px 11px;cursor:pointer}.dashboard-knowledge-filters button.active{background:rgba(202,255,71,.11);color:var(--x-lime);border-color:rgba(202,255,71,.24)}
.dashboard-knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.dashboard-knowledge-card{position:relative;overflow:hidden;min-width:0;text-align:left;cursor:pointer;border:1px solid var(--portal-border);border-radius:22px;padding:19px;background:radial-gradient(circle at 100% 0%,rgba(202,255,71,.055),transparent 34%),linear-gradient(145deg,rgba(28,34,29,.88),rgba(16,20,17,.88));color:var(--x-text);box-shadow:0 16px 44px rgba(0,0,0,.18);backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);transition:.18s ease}
.dashboard-knowledge-card:hover{transform:translateY(-2px);border-color:rgba(202,255,71,.24);box-shadow:0 20px 52px rgba(0,0,0,.24)}
.dashboard-knowledge-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.dashboard-knowledge-card-top span,.dashboard-knowledge-card-top b{font-size:.66rem;letter-spacing:.08em}.dashboard-knowledge-card-top span{color:var(--x-lime);text-transform:uppercase}.dashboard-knowledge-card-top b{color:var(--x-muted)}
.dashboard-knowledge-card h3{margin:14px 0 7px;font-size:1.08rem}.dashboard-knowledge-card p{margin:0;color:var(--x-muted);font-size:.82rem;line-height:1.55}.dashboard-knowledge-source{margin-top:15px;padding-top:11px;border-top:1px solid rgba(255,255,255,.07);color:var(--x-text-soft);font-size:.7rem}
.x360-detail-card{background:radial-gradient(circle at 88% 4%,rgba(202,255,71,.06),transparent 30%),linear-gradient(145deg,var(--portal-glass-strong),rgba(12,15,13,.96))!important}
.x360-detail-block{background:transparent!important}.x360-detail-block>div{padding:14px 0;border-top:1px solid rgba(255,255,255,.075)}.x360-detail-block>div:first-child{border-top:0}.x360-detail-block strong{color:var(--x-lime)!important}
@media(max-width:1050px){.dashboard-knowledge-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.dashboard-knowledge-toolbar{grid-template-columns:1fr}.dashboard-knowledge-grid{grid-template-columns:1fr}.dashboard-knowledge-count strong{font-size:32px}}