/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.3_@types+node@20.19.43_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/.pnpm/next@16.3.3_@types+node@20.19.43_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./components/StorageEntitySurface.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* LeyonneMind Sovereign Storage Governance Surface Styles */
/* Adheres to Outfit + JetBrains Mono, 24px padding, 14px radius, light frosted glass */

.StorageEntitySurface_surface__ifhcN {
  --font-sans: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --canvas-bg: #f4f6fb;
  --panel-bg: rgba(255, 255, 255, 0.88);
  --panel-card: #ffffff;
  --panel-border: rgba(2, 132, 199, 0.16);
  --line: rgba(203, 213, 225, 0.7);
  --text-primary: #0f172a;
  --text-secondary: #54607a;
  --text-muted: #8392a5;
  --sky-primary: #0284c7;
  --sky-hover: #0369a1;
  --sky-subtle: #f0f7ff;
  --emerald-success: #059669;
  --amber-warning: #d97706;
  --rose-danger: #dc2626;
  --radius-md: 14px;
  --radius-sm: 8px;
  --radius-pill: 9999px;
  --shadow-subtle: 0 4px 18px rgba(15, 23, 42, 0.05);
  --shadow-elevated: 0 16px 36px rgba(15, 23, 42, 0.08);

  min-height: 100vh;
  background: var(--canvas-bg);
  color: var(--text-primary);
  font-family: var(--font-sans);
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* Top Dimension Navigation & Identity */
.StorageEntitySurface_topNav__flod5 {
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--panel-border);
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  position: sticky;
  top: 0;
  z-index: 40;
}

.StorageEntitySurface_navLeft___ib19 {
  display: flex;
  align-items: center;
  gap: 14px;
}

.StorageEntitySurface_brandPill__mE7NF {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #e0f2fe;
  color: #0369a1;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  padding: 6px 12px;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(2, 132, 199, 0.2);
}

.StorageEntitySurface_brandDot__64PvE {
  width: 8px;
  height: 8px;
  background: #0284c7;
  border-radius: 50%;
  animation: StorageEntitySurface_pulseDot__gSZPs 2s infinite;
}

@keyframes StorageEntitySurface_pulseDot__gSZPs {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.3); opacity: 0.6; }
}

.StorageEntitySurface_routeSwitcher__gVwFi {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #f1f5f9;
  padding: 4px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}

.StorageEntitySurface_routeBtn__f7wIA {
  padding: 5px 12px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
  text-decoration: none;
}

.StorageEntitySurface_routeBtn__f7wIA:hover {
  color: var(--text-primary);
}

.StorageEntitySurface_routeBtnActive__28T7Y {
  background: #ffffff;
  color: var(--sky-primary);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.StorageEntitySurface_navRight__2SasH {
  display: flex;
  align-items: center;
  gap: 10px;
}

.StorageEntitySurface_hostBadge__AvvMZ {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #ffffff;
  border: 1px solid var(--line);
  padding: 5px 10px;
  border-radius: 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--text-secondary);
}

.StorageEntitySurface_hostDot__tWVKA {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--emerald-success);
}

/* Header & Key Metrics */
.StorageEntitySurface_headerHero__CcI5E {
  padding: 24px 32px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.StorageEntitySurface_titleArea__aW12e {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}

.StorageEntitySurface_titleMain__D4a9W h1 {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 4px;
  color: var(--text-primary);
}

.StorageEntitySurface_titleSub__BAw_r {
  font-size: 13px;
  color: var(--text-secondary);
  margin: 0;
}

.StorageEntitySurface_metricsBar__Nj8gC {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  margin-top: 8px;
}

.StorageEntitySurface_metricCard__pVpZl {
  background: var(--panel-card);
  border: 1px solid var(--panel-border);
  border-radius: var(--radius-md);
  padding: 14px 16px;
  box-shadow: var(--shadow-subtle);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.StorageEntitySurface_metricCardDanger__GkfaM {
  border-color: rgba(220, 38, 38, 0.3);
  background: #fff8f8;
}

.StorageEntitySurface_metricCardSuccess__raed_ {
  border-color: rgba(5, 150, 105, 0.3);
  background: #f4fdf8;
}

.StorageEntitySurface_metricLabel__gopzF {
  font-size: 11px;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
}

.StorageEntitySurface_metricValue__iXp2A {
  font-size: 20px;
  font-weight: 800;
  font-family: var(--font-mono);
  color: var(--text-primary);
}

.StorageEntitySurface_metricValueDanger__cBws_ {
  color: var(--rose-danger);
}

.StorageEntitySurface_metricValueSuccess__oKN5h {
  color: var(--emerald-success);
}

.StorageEntitySurface_metricSub__6x7st {
  font-size: 11px;
  color: var(--text-secondary);
}

/* AI Command & Prompt Bar */
.StorageEntitySurface_aiBarSection__0wZCe {
  padding: 0 32px 16px;
}

.StorageEntitySurface_aiBarCard__AesMk {
  background: #ffffff;
  border: 1px solid rgba(2, 132, 199, 0.25);
  border-radius: var(--radius-md);
  padding: 12px 16px;
  box-shadow: var(--shadow-subtle);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.StorageEntitySurface_aiInputRow__t1yw0 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.StorageEntitySurface_aiInput__zEpgr {
  flex: 1;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  font-family: var(--font-sans);
  font-size: 13px;
  outline: none;
  transition: border-color 0.15s ease;
}

.StorageEntitySurface_aiInput__zEpgr:focus {
  border-color: var(--sky-primary);
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.12);
}

.StorageEntitySurface_aiSubmitBtn__aZGG_ {
  background: var(--sky-primary);
  color: #ffffff;
  border: none;
  padding: 10px 18px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.15s ease;
}

.StorageEntitySurface_aiSubmitBtn__aZGG_:hover {
  background: var(--sky-hover);
}

.StorageEntitySurface_aiPromptPills__k7pDl {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.StorageEntitySurface_aiPill__8klBP {
  background: #f1f5f9;
  border: 1px solid rgba(203, 213, 225, 0.6);
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 11px;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

.StorageEntitySurface_aiPill__8klBP:hover {
  background: #e0f2fe;
  color: #0369a1;
  border-color: #bae6fd;
}

.StorageEntitySurface_aiOutputBox__brAZO {
  background: #f8fafc;
  border-left: 3px solid var(--sky-primary);
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 12px;
  color: var(--text-primary);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

/* Tabs Bar */
.StorageEntitySurface_tabsContainer__mFNFs {
  padding: 0 32px;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.6);
  display: flex;
  gap: 4px;
  overflow-x: auto;
}

.StorageEntitySurface_tabBtn__gU5R7 {
  padding: 12px 18px;
  border: none;
  background: transparent;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all 0.15s ease;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 6px;
}

.StorageEntitySurface_tabBtn__gU5R7:hover {
  color: var(--text-primary);
}

.StorageEntitySurface_tabBtnActive___YZf7 {
  color: var(--sky-primary);
  border-bottom-color: var(--sky-primary);
  font-weight: 700;
}

.StorageEntitySurface_tabBadge__bFoqH {
  background: #e0f2fe;
  color: #0369a1;
  font-size: 10px;
  font-family: var(--font-mono);
  padding: 2px 6px;
  border-radius: 6px;
}

/* Tab Content Viewport */
.StorageEntitySurface_contentArea__WGU_Z {
  padding: 24px 32px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Volume Grid */
.StorageEntitySurface_volumeGrid__mn_AY {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
}

.StorageEntitySurface_volumeCard__7ttjb {
  background: #ffffff;
  border: 1px solid var(--panel-border);
  border-radius: var(--radius-md);
  padding: 18px;
  box-shadow: var(--shadow-subtle);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
}

.StorageEntitySurface_volumeHeader__OakSH {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.StorageEntitySurface_volumeTitle__q5grN {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 2px;
}

.StorageEntitySurface_volumeMount__8XWHJ {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--text-muted);
}

.StorageEntitySurface_healthBadge__Ovn5W {
  font-size: 10px;
  font-family: var(--font-mono);
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 6px;
  text-transform: uppercase;
}

.StorageEntitySurface_healthCritical__TOsUW {
  background: #fee2e2;
  color: var(--rose-danger);
  border: 1px solid #fecaca;
}

.StorageEntitySurface_healthHealthy__bOhW_ {
  background: #dcfce7;
  color: var(--emerald-success);
  border: 1px solid #bbf7d0;
}

.StorageEntitySurface_healthRemote__jBXwl {
  background: #e0e7ff;
  color: #4338ca;
  border: 1px solid #c7d2fe;
}

.StorageEntitySurface_progressBarTrack__GlZg0 {
  height: 8px;
  background: #f1f5f9;
  border-radius: 999px;
  overflow: hidden;
  margin: 6px 0;
}

.StorageEntitySurface_progressBarFill___AgtD {
  height: 100%;
  border-radius: 999px;
  transition: width 0.3s ease;
}

.StorageEntitySurface_progressCritical__1qRzb {
  background: var(--rose-danger);
}

.StorageEntitySurface_progressNormal__E6Wve {
  background: var(--sky-primary);
}

.StorageEntitySurface_progressEmpty__puSaX {
  background: var(--emerald-success);
}

.StorageEntitySurface_volumeStatsRow__EMzwr {
  display: flex;
  justify-content: space-between;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--text-secondary);
}

/* File Table */
.StorageEntitySurface_tableContainer__rVQYS {
  background: #ffffff;
  border: 1px solid var(--panel-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-subtle);
  overflow: hidden;
}

.StorageEntitySurface_tableToolbar__fHrs6 {
  padding: 12px 18px;
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.StorageEntitySurface_filterInput__wRFuX {
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: 12px;
  width: 260px;
  outline: none;
}

.StorageEntitySurface_fileTable___Q6Je {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 12px;
}

.StorageEntitySurface_fileTable___Q6Je th {
  padding: 10px 16px;
  font-family: var(--font-mono);
  font-size: 11px;
  text-transform: uppercase;
  color: var(--text-muted);
  background: #f8fafc;
  border-bottom: 1px solid var(--line);
}

.StorageEntitySurface_fileTable___Q6Je td {
  padding: 12px 16px;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
}

.StorageEntitySurface_fileRow__qPw1E:hover {
  background: #f8fafc;
}

.StorageEntitySurface_fileNameCol__QLVQn {
  display: flex;
  align-items: center;
  gap: 10px;
}

.StorageEntitySurface_fileIcon__pdwPv {
  font-size: 16px;
}

.StorageEntitySurface_fileName__w5Krk {
  font-weight: 700;
  color: var(--text-primary);
}

.StorageEntitySurface_filePath__8kVxB {
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--text-muted);
}

.StorageEntitySurface_actionBtnRow__r6vBN {
  display: flex;
  gap: 6px;
}

.StorageEntitySurface_btnAction__gt2ek {
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid var(--line);
  background: #ffffff;
  color: var(--text-secondary);
  transition: all 0.15s ease;
}

.StorageEntitySurface_btnAction__gt2ek:hover {
  background: #f1f5f9;
  color: var(--text-primary);
}

.StorageEntitySurface_btnActionPrimary__qF_ZD {
  background: #e0f2fe;
  color: #0369a1;
  border-color: #bae6fd;
}

.StorageEntitySurface_btnActionPrimary__qF_ZD:hover {
  background: #bae6fd;
}

/* Relocation & Duplicates View */
.StorageEntitySurface_cardList__9pSMD {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.StorageEntitySurface_actionCard__Ao_gE {
  background: #ffffff;
  border: 1px solid var(--panel-border);
  border-radius: var(--radius-md);
  padding: 18px;
  box-shadow: var(--shadow-subtle);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.StorageEntitySurface_actionCardHeader___PMCK {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.StorageEntitySurface_badgeReview__F3jWj {
  background: #fef3c7;
  color: var(--amber-warning);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 6px;
}

.StorageEntitySurface_badgeCaution__b8Yqm {
  background: #fee2e2;
  color: var(--rose-danger);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 6px;
}

/* Modals */
.StorageEntitySurface_modalOverlay__95kvO {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  padding: 16px;
}

.StorageEntitySurface_modalBox__XBGbi {
  background: #ffffff;
  border-radius: 20px;
  padding: 24px;
  max-width: 580px;
  width: 100%;
  box-shadow: var(--shadow-elevated);
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: 90vh;
  overflow-y: auto;
}

.StorageEntitySurface_modalHeader__EWhM_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding-bottom: 12px;
}

.StorageEntitySurface_modalCloseBtn__Kye_S {
  background: #f1f5f9;
  border: none;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  font-size: 14px;
  color: var(--text-secondary);
  cursor: pointer;
}

/* Cloud Calculator Slider */
.StorageEntitySurface_calcSliderCard__ciLFa {
  background: #ffffff;
  border: 1px solid var(--panel-border);
  border-radius: var(--radius-md);
  padding: 24px;
  box-shadow: var(--shadow-subtle);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.StorageEntitySurface_sliderRow__vz_CL {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.StorageEntitySurface_calcSlider__AAUTy {
  width: 100%;
  accent-color: var(--sky-primary);
  height: 6px;
  cursor: pointer;
}

.StorageEntitySurface_matrixTable__H0Yl3 {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  margin-top: 8px;
}

.StorageEntitySurface_matrixTable__H0Yl3 th {
  text-align: left;
  padding: 8px 12px;
  background: #f8fafc;
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 11px;
}

.StorageEntitySurface_matrixTable__H0Yl3 td {
  padding: 10px 12px;
  border-bottom: 1px solid #f1f5f9;
}

.StorageEntitySurface_highlightRow__9I0wG {
  background: #f0fdf4;
  font-weight: 700;
  color: var(--emerald-success);
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.3_@types+node@20.19.43_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/.pnpm/next@16.3.3_@types+node@20.19.43_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./components/UniversalEntitySurface.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Universal Sovereign Entity Surface Styles */
/* Adheres to Outfit + JetBrains Mono, 24px padding, 14px radius, light frosted glass */

.UniversalEntitySurface_surface__UagO3 {
  --font-sans: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --canvas-bg: #f4f6fb;
  --panel-bg: rgba(255, 255, 255, 0.88);
  --panel-card: #ffffff;
  --panel-border: rgba(2, 132, 199, 0.16);
  --line: rgba(203, 213, 225, 0.7);
  --text-primary: #0f172a;
  --text-secondary: #54607a;
  --text-muted: #8392a5;
  --sky-primary: #0284c7;
  --sky-hover: #0369a1;
  --emerald-success: #059669;
  --amber-warning: #d97706;
  --rose-danger: #dc2626;
  --radius-md: 14px;
  --radius-sm: 8px;
  --radius-pill: 9999px;
  --shadow-subtle: 0 4px 18px rgba(15, 23, 42, 0.05);
  --shadow-elevated: 0 16px 36px rgba(15, 23, 42, 0.08);

  min-height: 100vh;
  background: var(--canvas-bg);
  color: var(--text-primary);
  font-family: var(--font-sans);
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* Top Navigation Bar */
.UniversalEntitySurface_topNav__Y8_3K {
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--panel-border);
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  position: sticky;
  top: 0;
  z-index: 40;
}

.UniversalEntitySurface_navLeft__g79Nr {
  display: flex;
  align-items: center;
  gap: 14px;
}

.UniversalEntitySurface_brandPill__Q3EPM {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #e0f2fe;
  color: #0369a1;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  padding: 6px 12px;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(2, 132, 199, 0.2);
}

.UniversalEntitySurface_brandDot__RhTVw {
  width: 8px;
  height: 8px;
  background: #0284c7;
  border-radius: 50%;
  animation: UniversalEntitySurface_pulseDot__vX80x 2s infinite;
}

@keyframes UniversalEntitySurface_pulseDot__vX80x {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.3); opacity: 0.6; }
}

.UniversalEntitySurface_routeSwitcher__zgWaM {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #f1f5f9;
  padding: 4px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}

.UniversalEntitySurface_routeBtn__xmxQa {
  padding: 5px 12px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
  text-decoration: none;
}

.UniversalEntitySurface_routeBtn__xmxQa:hover {
  color: var(--text-primary);
}

.UniversalEntitySurface_routeBtnActive__HDn51 {
  background: #ffffff;
  color: var(--sky-primary);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.UniversalEntitySurface_navRight__IyptQ {
  display: flex;
  align-items: center;
  gap: 10px;
}

.UniversalEntitySurface_nodePill__rimeZ {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #ffffff;
  border: 1px solid var(--line);
  padding: 5px 12px;
  border-radius: 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--text-secondary);
}

.UniversalEntitySurface_nodeDot__iML9m {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--emerald-success);
}

/* Header Hero */
.UniversalEntitySurface_headerHero__qvMe_ {
  padding: 24px 32px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.UniversalEntitySurface_spaceBadgeRow__wUzMv {
  display: flex;
  align-items: center;
  gap: 8px;
}

.UniversalEntitySurface_roomTypeBadge__A1wNY {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  background: #f1f5f9;
  color: var(--text-secondary);
  border: 1px solid var(--line);
  padding: 3px 8px;
  border-radius: 6px;
}

.UniversalEntitySurface_titleMain__7R1po h1 {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 4px 0;
  color: var(--text-primary);
}

.UniversalEntitySurface_titleSub__av5Sm {
  font-size: 13px;
  color: var(--text-secondary);
  margin: 0;
}

/* Metrics Grid */
.UniversalEntitySurface_metricsGrid__uI_WQ {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin-top: 8px;
}

.UniversalEntitySurface_metricCard__eU_4I {
  background: var(--panel-card);
  border: 1px solid var(--panel-border);
  border-radius: var(--radius-md);
  padding: 14px 16px;
  box-shadow: var(--shadow-subtle);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.UniversalEntitySurface_metricCardSuccess__B3CYo {
  border-color: rgba(5, 150, 105, 0.3);
  background: #f4fdf8;
}

.UniversalEntitySurface_metricCardDanger__QVmxR {
  border-color: rgba(220, 38, 38, 0.3);
  background: #fff8f8;
}

.UniversalEntitySurface_metricLabel__d_zxE {
  font-size: 11px;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
}

.UniversalEntitySurface_metricValue__bhefS {
  font-size: 18px;
  font-weight: 800;
  font-family: var(--font-mono);
  color: var(--text-primary);
}

.UniversalEntitySurface_metricValueSuccess__Id7_P {
  color: var(--emerald-success);
}

.UniversalEntitySurface_metricValueDanger__A7qOM {
  color: var(--rose-danger);
}

.UniversalEntitySurface_metricNote__Wt3g1 {
  font-size: 11px;
  color: var(--text-secondary);
}

/* AI Command & Prompt Bar */
.UniversalEntitySurface_aiBarSection__ukQmM {
  padding: 0 32px 16px;
}

.UniversalEntitySurface_aiBarCard__GZL6z {
  background: #ffffff;
  border: 1px solid rgba(2, 132, 199, 0.25);
  border-radius: var(--radius-md);
  padding: 14px 18px;
  box-shadow: var(--shadow-subtle);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.UniversalEntitySurface_agentHeader__mQW_q {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.UniversalEntitySurface_agentName__JURJF {
  font-weight: 700;
  font-size: 12px;
  color: #0369a1;
  display: flex;
  align-items: center;
  gap: 6px;
}

.UniversalEntitySurface_agentRole__gTcT4 {
  font-size: 11px;
  color: var(--text-muted);
  font-mono: true;
}

.UniversalEntitySurface_aiInputRow__ZI6zA {
  display: flex;
  align-items: center;
  gap: 10px;
}

.UniversalEntitySurface_aiInput__FMpMT {
  flex: 1;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  font-family: var(--font-sans);
  font-size: 13px;
  outline: none;
  transition: border-color 0.15s ease;
}

.UniversalEntitySurface_aiInput__FMpMT:focus {
  border-color: var(--sky-primary);
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.12);
}

.UniversalEntitySurface_aiSubmitBtn__9yO8a {
  background: var(--sky-primary);
  color: #ffffff;
  border: none;
  padding: 10px 18px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.15s ease;
}

.UniversalEntitySurface_aiSubmitBtn__9yO8a:hover {
  background: var(--sky-hover);
}

.UniversalEntitySurface_aiPromptPills__7ATC5 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.UniversalEntitySurface_aiPill__pNElX {
  background: #f1f5f9;
  border: 1px solid rgba(203, 213, 225, 0.6);
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 11px;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

.UniversalEntitySurface_aiPill__pNElX:hover {
  background: #e0f2fe;
  color: #0369a1;
  border-color: #bae6fd;
}

.UniversalEntitySurface_aiOutputBox__fiOnV {
  background: #f8fafc;
  border-left: 3px solid var(--sky-primary);
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 12px;
  color: var(--text-primary);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

/* Content Area */
.UniversalEntitySurface_contentArea__d9Z19 {
  padding: 16px 32px 32px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.UniversalEntitySurface_cardSection__Dom1F {
  background: #ffffff;
  border: 1px solid var(--panel-border);
  border-radius: var(--radius-md);
  padding: 20px;
  box-shadow: var(--shadow-subtle);
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.UniversalEntitySurface_cardSectionHeader__4qbK8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.UniversalEntitySurface_cardSectionTitle__ZLXSg {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}

.UniversalEntitySurface_cardSectionSub__fcCht {
  font-size: 12px;
  color: var(--text-secondary);
  margin: 2px 0 0;
}

/* Pipeline Stepper */
.UniversalEntitySurface_stepperGrid__CyDwM {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}

.UniversalEntitySurface_stepCard__x9Z1J {
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-mono: true;
}

.UniversalEntitySurface_stepNumber__4XrzF {
  font-size: 10px;
  font-weight: 700;
  color: var(--sky-primary);
  text-transform: uppercase;
}

.UniversalEntitySurface_stepLabel__s0DmF {
  font-size: 12px;
  font-weight: 700;
  color: var(--text-primary);
}

.UniversalEntitySurface_stepEndpoint__3_mCD {
  font-size: 11px;
  color: var(--text-muted);
  font-family: var(--font-mono);
  word-break: break-all;
}

.UniversalEntitySurface_stepStatus__IiMtM {
  font-size: 10px;
  font-weight: 700;
  color: var(--emerald-success);
  margin-top: 4px;
}

/* Audio Adapters Grid */
.UniversalEntitySurface_adaptersGrid__i94L_ {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
}

.UniversalEntitySurface_adapterCard__Dft5_ {
  background: #ffffff;
  border: 1px solid var(--panel-border);
  border-radius: 12px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  transition: border-color 0.15s ease;
}

.UniversalEntitySurface_adapterCardActive__A5pik {
  border-color: var(--sky-primary);
  box-shadow: 0 0 0 2px rgba(2, 132, 199, 0.2);
}

.UniversalEntitySurface_adapterName__ZoGJU {
  font-size: 13px;
  font-weight: 700;
  color: var(--text-primary);
}

.UniversalEntitySurface_adapterFormat__6z_it {
  font-family: var(--font-mono);
  font-size: 11px;
  color: #0369a1;
  font-weight: 600;
}

.UniversalEntitySurface_adapterDesc__NgblR {
  font-size: 11px;
  color: var(--text-secondary);
}

.UniversalEntitySurface_adapterFooter__FhaPQ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 10px;
  font-family: var(--font-mono);
  color: var(--text-muted);
  padding-top: 8px;
  border-top: 1px solid #f1f5f9;
}