/* =========================================================
   Unya 2 - Ultra-modern Post-modern Compact Dashboard
   - Drop-in baseline CSS (import after ui-core.css)
   - Uses your token bridge if present, with smart fallbacks
   ========================================================= */

/* ---------- Token Bridge + Fallbacks ---------- */
.unya-main-interface{ /* was :root */
  /* Primary accent: use your platform token if available, else fallback */
  --unya-accent: var(--unya-brand-1, var(--ctl-c1, #ec8639));

  /* Surfaces */
  --unya-bg: rgba(9, 10, 14, 0.72);
  --unya-bg-2: rgba(14, 16, 22, 0.58);
  --unya-card: rgba(14, 16, 22, 0.64);
  --unya-card-2: rgba(18, 20, 28, 0.54);
  --unya-stroke: rgba(255,255,255,0.10);
  --unya-stroke-2: rgba(255,255,255,0.14);
  --unya-panel-ink: rgba(0,0,0,.22);
  --unya-panel-ink-strong: rgba(0,0,0,.36);
  --unya-panel-ink-soft: rgba(0,0,0,.20);
  --unya-panel-ink-muted: rgba(0,0,0,.18);
  --unya-panel-ink-faint: rgba(0,0,0,.14);
  --unya-veil-soft: rgba(255,255,255,.03);
  --unya-veil: rgba(255,255,255,.05);
  --unya-veil-strong: rgba(255,255,255,.06);
  --unya-veil-hover: rgba(255,255,255,.07);
  --unya-veil-active: rgba(255,255,255,.08);
  --unya-veil-border: rgba(255,255,255,.14);
  --unya-veil-border-soft: rgba(255,255,255,.10);
  --unya-veil-border-strong: rgba(255,255,255,.18);
  --unya-text-strong: rgba(255,255,255,.85);
  --unya-text-placeholder: rgba(235,235,245,.45);
  --unya-text-label: rgba(235,235,245,.52);
  --unya-shadow-soft: 0 8px 22px rgba(0,0,0,.22);
  --unya-shadow-strong: 0 18px 46px rgba(0,0,0,.36);
  --unya-status-good: #0ee08a;
  --unya-status-warning-bg: rgba(255,178,66,.18);
  --unya-status-warning-text: #ffd79a;
  --unya-status-info-bg: rgba(88,174,255,.18);
  --unya-status-info-text: #bfe1ff;
  --unya-status-success-bg: rgba(48,212,134,.18);
  --unya-status-success-text: #b7ffd8;
  --unya-status-danger-bg: rgba(255,110,110,.18);
  --unya-status-danger-text: #ffc0c0;

  /* Text */
  --unya-text: rgba(245,245,250,0.92);
  --unya-muted: rgba(235,235,245,0.62);
  --unya-faint: rgba(235,235,245,0.42);

  /* etc... keep the rest as-is */
}

.unya-main-interface .unya2.is-compact{ /* was .unya2.is-compact */
  --unya-pad: 10px;
  --unya-gap: 10px;
  --unya-font: 12px;
  --unya-row-h: 46px;
}


/* ---------- Root ---------- */
.unya2{
  position: relative;
  color: var(--unya-text);
  font-size: var(--unya-font);
  line-height: var(--unya-line);
  letter-spacing: .2px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  isolation: isolate;
}

/* Ambient background */
.unya2-bg{
  position:absolute; inset:-40px;
  pointer-events:none;
  z-index:0;
}
.unya2-bg__orb{
  position:absolute; width:520px; height:520px;
  border-radius: 999px;
  filter: blur(26px);
  opacity: .22;
  background: radial-gradient(circle at 30% 30%, var(--unya-accent), transparent 60%);
}
.unya2-bg__orb--a{ left:-120px; top:-160px; transform: rotate(12deg); }
.unya2-bg__orb--b{ right:-160px; bottom:-220px; opacity:.16; }
.unya2-bg__grid{
  position:absolute; inset:0;
  background:
    linear-gradient(to bottom, rgba(255,255,255,0.05), transparent 25%),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,0.06), transparent 55%),
    repeating-linear-gradient(90deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 54px),
    repeating-linear-gradient(0deg, rgba(255,255,255,0.03) 0 1px, transparent 1px 54px);
  opacity: .18;
}

/* Ensure content stacks above bg */
.unya2 > *{ position:relative; z-index:1; }

/* ---------- Topbar ---------- */
.unya2-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: var(--unya-gap);
  padding: calc(var(--unya-pad) + 2px) var(--unya-pad);
  border-radius: var(--unya-r-lg);
  border: 1px solid var(--unya-stroke);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  backdrop-filter: blur(var(--unya-blur));
  box-shadow: var(--unya-shadow);
}

.unya2-topbar__left{
  display:flex; align-items:center; gap: 14px;
  min-width: 260px;
}
.unya2-topbar__center{
  flex:1;
  display:flex;
  justify-content:center;
}
.unya2-topbar__right{
  display:flex; align-items:center; justify-content:flex-end;
  min-width: 260px;
}

/* Brand */
.unya2-brand{
  display:flex; gap:12px; align-items:center;
}
.unya2-brand__mark{
  width:38px; height:38px;
  display:grid; place-items:center;
  border-radius: 14px;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.16), rgba(255,255,255,.04));
  border: 1px solid var(--unya-stroke);
  box-shadow: var(--unya-shadow-2);
  font-weight: 800;
  letter-spacing: .4px;
}
.unya2-brand__title{
  font-size: 14px;
  font-weight: 800;
  display:flex; align-items:baseline; gap:8px;
}
.unya2-brand__version{
  font-size: 11px;
  color: var(--unya-muted);
  font-weight: 700;
}
.unya2-brand__subtitle{
  margin-top:2px;
  color: var(--unya-muted);
  font-size: 12px;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  max-width: 420px;
}

/* Status pill */
.unya2-statuspill{
  display:flex; align-items:center; gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid var(--unya-stroke);
  background: var(--unya-panel-ink);
  backdrop-filter: blur(var(--unya-blur));
}
.unya2-dot{
  width:8px; height:8px; border-radius: 99px;
  box-shadow: 0 0 0 3px rgba(255,255,255,.06);
}
.unya2-dot--good{ background: var(--unya-status-good); }
.unya2-statuspill__label{ font-weight: 800; font-size: 12px; }
.unya2-statuspill__meta{ color: var(--unya-muted); font-size: 12px; }

/* Global Search */
.unya2-search{
  width: min(720px, 100%);
  display:flex; align-items:center; gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid var(--unya-stroke);
  background: var(--unya-panel-ink);
  backdrop-filter: blur(var(--unya-blur));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.unya2-search__icon{
  opacity:.9;
  color: var(--unya-text-strong);
}
.unya2-search__input{
  flex:1;
  border:0;
  outline:0;
  background: transparent;
  color: var(--unya-text);
  font-size: 13px;
  padding: 2px 0;
}
.unya2-search__input::placeholder{ color: var(--unya-text-placeholder); }
.unya2-search__hint{
  font-size: 11px;
  color: var(--unya-text-label);
  border: 1px solid var(--unya-veil-border);
  border-bottom-color: var(--unya-veil-border-soft);
  padding: 3px 7px;
  border-radius: 10px;
  background: var(--unya-veil);
}

/* Quick actions */
.unya2-quick{ display:flex; gap:10px; align-items:center; }

/* ---------- Buttons ---------- */
.unya2-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--unya-stroke);
  background: var(--unya-veil);
  color: var(--unya-text);
  cursor: pointer;
  user-select: none;
  transition: transform .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease;
  box-shadow: var(--unya-shadow-soft);
}
.unya2-btn:hover{
  background: var(--unya-veil-hover);
  border-color: var(--unya-veil-border-strong);
  transform: translateY(-1px);
}
.unya2-btn:active{ transform: translateY(0); }
.unya2-btn__icon{ opacity:.9; font-size: 14px; }
.unya2-btn--xs{ padding: 6px 10px; border-radius: 12px; font-size: 12px; }
.unya2-btn--ghost{
  background: var(--unya-panel-ink-soft);
  box-shadow: none;
}
.unya2-btn--primary{
  border-color: color-mix(in srgb, var(--unya-accent) 70%, rgba(255,255,255,.12));
  background:
    radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--unya-accent) 35%, transparent), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  box-shadow: var(--unya-shadow-strong);
}
.unya2-btn--primary:hover{
  border-color: color-mix(in srgb, var(--unya-accent) 92%, rgba(255,255,255,.22));
}

/* Icon buttons */
.unya2-iconbtn{
  width:38px; height:38px;
  display:grid; place-items:center;
  border-radius: 14px;
  border:1px solid var(--unya-stroke);
  background: var(--unya-panel-ink);
  color: var(--unya-text);
  cursor:pointer;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.unya2-iconbtn:hover{
  background: var(--unya-veil-strong);
  border-color: var(--unya-veil-border-strong);
  transform: translateY(-1px);
}

/* ---------- KPI Strip ---------- */
.unya2-kpis{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: var(--unya-gap);
}
.unya2-kpi{
  padding: 12px 12px;
  border-radius: var(--unya-r-lg);
  border: 1px solid var(--unya-stroke);
  background: var(--unya-panel-ink);
  backdrop-filter: blur(var(--unya-blur));
  box-shadow: var(--unya-shadow-2);
  min-height: 62px;
}
.unya2-kpi--accent{
  border-color: color-mix(in srgb, var(--unya-accent) 55%, rgba(255,255,255,.12));
  background:
    radial-gradient(circle at 25% 10%, color-mix(in srgb, var(--unya-accent) 25%, transparent), transparent 62%),
    rgba(0,0,0,.22);
}
.unya2-kpi__label{
  color: var(--unya-muted);
  font-size: 11px;
  letter-spacing: .35px;
  text-transform: uppercase;
}
.unya2-kpi__value{
  margin-top: 6px;
  font-size: 18px;
  font-weight: 850;
}
.unya2-kpi__meta{
  margin-top: 2px;
  color: var(--unya-faint);
  font-size: 12px;
}

/* ---------- Viewport + Screens ---------- */
.unya2-viewport{
  margin-top: 12px;
  position: relative;
}
.unya2-screen{ display:none; }
.unya2-screen.is-active{ display:block; }

.unya2-grid{
  display:grid;
  grid-template-columns: 320px minmax(0, 1fr) 320px;
  gap: var(--unya-gap);
  align-items: start;
}

.unya2-full{
  padding: 2px;
}

/* ---------- Cards ---------- */
.unya2-card{
  border-radius: var(--unya-r-lg);
  border: 1px solid var(--unya-stroke);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  backdrop-filter: blur(var(--unya-blur));
  box-shadow: var(--unya-shadow-2);
  overflow: hidden;
}
.unya2-card--tight .unya2-card__body{ padding: 12px; }
.unya2-card--stretch{ height: calc(100vh - 280px); min-height: 520px; display:flex; flex-direction:column; }
.unya2-card__head{
  display:flex; align-items:baseline; justify-content:space-between;
  padding: 12px 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.unya2-card__head--sticky{
  position: sticky;
  top: 0;
  z-index: 3;
  background: linear-gradient(180deg, rgba(12,13,18,.84), rgba(12,13,18,.56));
  backdrop-filter: blur(var(--unya-blur));
}
.unya2-card__title{
  font-weight: 850;
  font-size: 13px;
  letter-spacing: .3px;
}
.unya2-card__hint{
  color: var(--unya-muted);
  font-size: 12px;
}
.unya2-card__body{
  padding: var(--unya-pad);
}
.unya2-card__body--noPad{ padding: 0; }

/* Headline */
.unya2-headline{ display:flex; flex-direction:column; gap:4px; }
.unya2-headline__title{ font-weight: 900; font-size: 14px; }
.unya2-headline__sub{ color: var(--unya-muted); font-size: 12px; }

/* Tools on header */
.unya2-tools{ display:flex; gap:8px; align-items:center; }

/* ---------- Rail / Right columns ---------- */
.unya2-rail, .unya2-right{ display:flex; flex-direction:column; gap: var(--unya-gap); }
.unya2-center{ min-width: 0; }

/* ---------- Forms ---------- */
.unya2-formgrid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.unya2-field{ display:flex; flex-direction:column; gap:6px; }
.unya2-field__label{
  color: var(--unya-muted);
  font-size: 11px;
  letter-spacing: .35px;
  text-transform: uppercase;
}
.unya2-input, .unya2-select{
  width:100%;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.24);
  color: var(--unya-text);
  padding: 10px 12px;
  outline: none;
  transition: border-color .12s ease, background .12s ease, transform .12s ease;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.unya2-input:focus, .unya2-select:focus{
  border-color: color-mix(in srgb, var(--unya-accent) 55%, rgba(255,255,255,.18));
  background: rgba(0,0,0,.28);
}
.unya2-select{ appearance:none; }

/* Divider */
.unya2-divider{
  height:1px;
  background: var(--unya-veil-active);
  margin: 12px 0;
}

/* Chips */
.unya2-chipbar{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
}
.unya2-chip{
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: var(--unya-veil);
  color: rgba(245,245,250,.90);
  cursor:pointer;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}
.unya2-chip:hover{ transform: translateY(-1px); border-color: var(--unya-veil-border-strong); }
.unya2-chip.is-active{
  border-color: color-mix(in srgb, var(--unya-accent) 65%, rgba(255,255,255,.14));
  background:
    radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--unya-accent) 28%, transparent), transparent 60%),
    rgba(255,255,255,.06);
}

/* Mini stats */
.unya2-mini{ display:flex; flex-direction:column; gap: 8px; }
.unya2-mini__row{ display:flex; justify-content:space-between; gap:10px; }
.unya2-mini__k{ color: var(--unya-muted); }
.unya2-mini__v{ font-weight: 850; }

/* Feed */
.unya2-feed{ display:flex; flex-direction:column; gap: 10px; }
.unya2-feed__empty{ color: var(--unya-muted); }

/* ---------- Table ---------- */
.unya2-table{
  width:100%;
  display:grid;
  grid-template-rows: auto 1fr;
}
.unya2-table__head{
  display:grid;
  grid-template-columns: 120px 1.15fr 1.4fr 1fr 120px 120px 140px;
  gap: 0;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: var(--unya-panel-ink-soft);
  position: sticky;
  top: 56px; /* below sticky card head */
  z-index: 2;
  backdrop-filter: blur(var(--unya-blur));
}
.unya2-th{
  color: var(--unya-muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .35px;
}
.unya2-table__rows{
  display:flex;
  flex-direction:column;
}
.unya2-table__empty{
  display:none;
  padding: 16px 14px;
  color: var(--unya-muted);
}
.unya2-table.is-empty .unya2-table__empty{ display:block; }

/* Generic row style your JS can match */
.unya2-row{
  display:grid;
  grid-template-columns: 120px 1.15fr 1.4fr 1fr 120px 120px 140px;
  align-items:center;
  padding: 0 12px;
  min-height: var(--unya-row-h);
  border-bottom: 1px solid rgba(255,255,255,.07);
  transition: background .12s ease, transform .12s ease;
}
.unya2-row:hover{
  background: rgba(255,255,255,.04);
}
.unya2-cell{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.unya2-pill{
  display:inline-flex; align-items:center; gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: var(--unya-panel-ink);
  font-weight: 750;
}
.unya2-pill--accent{
  border-color: color-mix(in srgb, var(--unya-accent) 55%, rgba(255,255,255,.14));
}

/* ---------- Insights ---------- */
.unya2-insightgrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.unya2-insight{
  padding: 10px 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}
.unya2-insight__k{
  color: var(--unya-muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .35px;
}
.unya2-insight__v{
  margin-top: 6px;
  font-size: 15px;
  font-weight: 900;
}

.unya2-callouts{
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.unya2-callout{
  padding: 10px 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  display:flex; justify-content:space-between; gap:10px;
}
.unya2-callout__k{ color: var(--unya-muted); }
.unya2-callout__v{ font-weight: 900; }

/* ---------- Messages (modern wrapper around existing bindings) ---------- */
.unya2-msg{
  display:grid;
  grid-template-columns: 360px minmax(0, 1fr);
  min-height: calc(100vh - 260px);
}
.unya2-msg__list{
  border-right: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.18);
}
.unya2-msg__listHead{
  display:flex; align-items:center; justify-content:space-between;
  padding: 12px 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  position: sticky; top: 0;
  background: var(--unya-panel-ink);
  backdrop-filter: blur(var(--unya-blur));
}
.unya2-msg__h{ font-weight: 900; }
.unya2-msg__items{ padding: 12px; display:flex; flex-direction:column; gap:10px; }
.unya2-msg__detail{ display:flex; flex-direction:column; min-width:0; }
.unya2-msg__detailHead{
  display:flex; align-items:center; justify-content:space-between;
  padding: 12px 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.14);
}
.unya2-badge{
  display:inline-flex;
  align-items:center;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: var(--unya-veil-strong);
  font-size: 11px;
  color: rgba(245,245,250,.90);
}
.unya2-msg__peer{ display:flex; align-items:center; gap:10px; min-width:0; }
.unya2-msg__peerLabel{ font-weight: 850; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.unya2-msg__meta{ color: var(--unya-muted); }
.unya2-msg__body{
  padding: 12px;
  flex:1;
  overflow:auto;
}
.unya2-msg__compose{
  padding: 12px;
  border-top: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.14);
}
.unya2-msg__composeRow{
  margin-top: 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.unya2-msg__status{ color: var(--unya-muted); }

/* ---------- Muted text ---------- */
.unya2-muted{ color: var(--unya-muted); }

/* ---------- Bottom Dock ---------- */
.unya2-dock{
  position: sticky;
  bottom: 0;
  margin-top: 12px;
  padding: 10px 0 0;
}
.unya2-dock__inner{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px 10px;
  border-radius: 20px;
  border: 1px solid var(--unya-stroke);
  background: rgba(0,0,0,.26);
  backdrop-filter: blur(var(--unya-blur));
  box-shadow: var(--unya-shadow);
}
.unya2-dockbtn{
  display:flex; align-items:center; gap:10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: var(--unya-veil);
  color: var(--unya-text);
  cursor:pointer;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}
.unya2-dockbtn:hover{ transform: translateY(-1px); border-color: var(--unya-veil-border-strong); }
.unya2-dockbtn.is-active{
  border-color: color-mix(in srgb, var(--unya-accent) 65%, rgba(255,255,255,.14));
  background:
    radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--unya-accent) 22%, transparent), transparent 60%),
    rgba(255,255,255,.06);
}
.unya2-dockbtn__ico{ opacity:.9; }
.unya2-dockbtn__txt{ font-weight: 800; }

/* ---------- Responsive ---------- */
@media (max-width: 1200px){
  .unya2-grid{
    grid-template-columns: 320px minmax(0,1fr);
  }
  .unya2-right{ display:none; }
  .unya2-table__head,
  .unya2-row{
    grid-template-columns: 120px 1.2fr 1.5fr 1fr 120px 120px 140px;
  }
}

@media (max-width: 980px){
  .unya2-topbar{
    flex-wrap: wrap;
    justify-content: stretch;
  }
  .unya2-topbar__left,
  .unya2-topbar__right{
    min-width: 0;
    flex: 1 1 320px;
  }
  .unya2-topbar__center{
    order: 3;
    width: 100%;
  }
  .unya2-kpis{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .unya2-grid{
    grid-template-columns: 1fr;
  }
  .unya2-rail{ order: 2; }
  .unya2-center{ order: 1; }
  .unya2-card--stretch{ height: auto; min-height: 520px; }
  .unya2-msg{ grid-template-columns: 1fr; }
  .unya2-msg__list{ border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
}

@media (max-width: 640px){
  .unya2-brand__subtitle{ display:none; }
  .unya2-statuspill{ display:none; }
  .unya2-search__hint{ display:none; }

  /* Mobile table: allow wrapping and reduce columns visually via horizontal scroll */
  .unya2-table{ overflow:auto; }
  .unya2-table__head,
  .unya2-row{
    min-width: 860px;
  }
}

/* ---------- Expanded Console Panels ---------- */
.unya2-opsbar{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: var(--unya-gap);
  padding: 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.14);
}
.unya2-opsbar__item,
.unya2-statcard,
.unya2-directorycard,
.unya2-rostercard,
.unya2-detailsection,
.unya2-detailhero,
.unya2-detailcard,
.unya2-listrow,
.unya2-profileline{
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.18);
}
.unya2-opsbar__item,
.unya2-statcard{
  padding: 12px 14px;
  border-radius: 16px;
}
.unya2-opsbar__label,
.unya2-statcard__label,
.unya2-profileline__label,
.unya2-detailcard__eyebrow{
  color: var(--unya-muted);
  font-size: 11px;
  letter-spacing: .35px;
  text-transform: uppercase;
}
.unya2-opsbar__value,
.unya2-statcard__value,
.unya2-detailhero__name{
  margin-top: 6px;
  font-size: 18px;
  font-weight: 850;
}
.unya2-orders-layout,
.unya2-splitview{
  display:grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(320px, .95fr);
  gap: 16px;
  padding: 14px;
}
.unya2-screenlayout,
.unya2-screenhero,
.unya2-toolbar,
.unya2-detailcard__head,
.unya2-detailhero,
.unya2-listrow,
.unya2-profileline,
.unya2-directorycard__head,
.unya2-directorycard__foot,
.unya2-rostercard__top,
.unya2-rostercard__foot,
.unya2-feeditem,
.unya2-techline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}
.unya2-screenlayout{
  display:block;
}
.unya2-screenhero{
  align-items:flex-start;
  padding-bottom: 14px;
}
.unya2-screenhero__title{
  font-size: 22px;
  font-weight: 900;
}
.unya2-screenhero__copy,
.unya2-detailhero__meta,
.unya2-listrow__meta,
.unya2-directorycard__meta,
.unya2-rostercard__meta,
.unya2-feeditem__meta,
.unya2-techline__meta,
.unya2-detailsection__meta{
  color: var(--unya-muted);
}
.unya2-screenstats,
.unya2-statgrid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.unya2-toolbar{
  margin-bottom: 14px;
}
.unya2-toolbar__search{
  flex:1;
}
.unya2-pillset{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
}
.unya2-pillbtn,
.unya2-pill--soft{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: var(--unya-veil);
  color: var(--unya-text);
}
.unya2-pillbtn{
  cursor:pointer;
}
.unya2-pillbtn.is-active,
.unya2-directorycard.is-active,
.unya2-rostercard.is-active,
.unya2-row.is-active{
  border-color: color-mix(in srgb, var(--unya-accent) 60%, rgba(255,255,255,.18));
  background: var(--unya-veil-active);
}
.unya2-directory,
.unya2-roster,
.unya2-liststack,
.unya2-detailstack{
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.unya2-directorycard,
.unya2-rostercard,
.unya2-detailsection,
.unya2-detailhero,
.unya2-listrow{
  border-radius: 16px;
  padding: 12px 14px;
}
.unya2-directorycard,
.unya2-rostercard{
  width:100%;
  color: inherit;
  text-align:left;
  cursor:pointer;
}
.unya2-directorycard__title,
.unya2-rostercard__name,
.unya2-listrow__title,
.unya2-feeditem__title,
.unya2-techline__name,
.unya2-detailsection__title,
.unya2-detailcard__title{
  font-weight: 800;
}
.unya2-detailcard{
  border-radius: 22px;
  overflow:hidden;
}
.unya2-detailcard__head,
.unya2-detailcard__body{
  padding: 16px;
}
.unya2-detailcard__head{
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.unya2-detailcard__link{
  color: var(--unya-text);
  text-decoration:none;
}
.unya2-detailhero{
  align-items:flex-start;
}
.unya2-detailhero__main{
  flex:1;
}
.unya2-detailhero__badge,
.unya2-pill.is-pending,
.unya2-pill.is-processing,
.unya2-pill.is-completed,
.unya2-pill.is-on-hold,
.unya2-pill.is-assigned,
.unya2-pill.is-available,
.unya2-pill.is-working,
.unya2-pill.is-unavailable{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 800;
  border: 1px solid rgba(255,255,255,.12);
}
.unya2-detailhero__badge.is-pending,
.unya2-pill.is-pending,
.unya2-detailhero__badge.is-on-hold,
.unya2-pill.is-on-hold{
  background: var(--unya-status-warning-bg);
  color: var(--unya-status-warning-text);
}
.unya2-detailhero__badge.is-processing,
.unya2-pill.is-processing,
.unya2-detailhero__badge.is-working,
.unya2-pill.is-working,
.unya2-detailhero__badge.is-assigned,
.unya2-pill.is-assigned{
  background: var(--unya-status-info-bg);
  color: var(--unya-status-info-text);
}
.unya2-detailhero__badge.is-completed,
.unya2-pill.is-completed,
.unya2-detailhero__badge.is-available,
.unya2-pill.is-available{
  background: var(--unya-status-success-bg);
  color: var(--unya-status-success-text);
}
.unya2-detailhero__badge.is-unavailable,
.unya2-pill.is-unavailable,
.unya2-detailhero__badge.is-cancelled,
.unya2-pill.is-cancelled{
  background: var(--unya-status-danger-bg);
  color: var(--unya-status-danger-text);
}
.unya2-profilegrid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}
.unya2-profileline{
  padding: 10px 12px;
  border-radius: 14px;
  align-items:flex-start;
  flex-direction:column;
}
.unya2-profileline__value{
  font-weight: 700;
}
.unya2-listempty{
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px dashed rgba(255,255,255,.14);
  color: var(--unya-muted);
}
.unya2-feeditem,
.unya2-techline{
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.16);
}
.unya2-techline__dot,
.unya2-rostercard__dot{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex: 0 0 auto;
}
@media (max-width: 1100px){
  .unya2-orders-layout,
  .unya2-splitview{
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px){
  .unya2-opsbar,
  .unya2-screenstats,
  .unya2-statgrid,
  .unya2-profilegrid{
    grid-template-columns: 1fr 1fr;
  }
  .unya2-screenhero,
  .unya2-toolbar,
  .unya2-detailcard__head,
  .unya2-detailhero,
  .unya2-directorycard__head,
  .unya2-directorycard__foot,
  .unya2-rostercard__top,
  .unya2-rostercard__foot{
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 520px){
  .unya2-opsbar,
  .unya2-screenstats,
  .unya2-statgrid,
  .unya2-profilegrid{
    grid-template-columns: 1fr;
  }
  .unya2-orders-layout,
  .unya2-splitview{
    padding: 10px;
  }
}

.unya2-card--stretch > .unya2-card__body {
  flex: 1;
  overflow: auto;
}

.unya2-dashpanels {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 0 14px 14px;
}

.unya2-dashpanel {
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.16);
  overflow: hidden;
  min-height: 208px;
}

.unya2-dashpanel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.unya2-dashpanel__eyebrow {
  color: var(--unya-muted);
  font-size: 11px;
  letter-spacing: .35px;
  text-transform: uppercase;
}

.unya2-dashpanel__title {
  margin-top: 4px;
  font-weight: 800;
}

.unya2-dashpanel__metric {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: var(--unya-veil-strong);
  font-weight: 900;
}

.unya2-dashpanel__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 14px 14px;
}

@media (max-width: 1360px) {
  .unya2-dashpanels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .unya2-dashpanels {
    grid-template-columns: 1fr;
    padding: 0 10px 10px;
  }

  .unya2-dashpanel {
    min-height: 0;
  }
}
/* ---------- Themed grouping pass ---------- */
.unya2[data-unya-main-interface] {
  --unya-accent-strong: color-mix(in srgb, var(--unya-accent) 72%, #fff 8%);
  --unya-accent-soft: color-mix(in srgb, var(--unya-accent) 24%, transparent);
  --unya-accent-wash: color-mix(in srgb, var(--unya-accent) 12%, rgba(10,12,18,.94));
  --unya-zone-rail: linear-gradient(180deg, color-mix(in srgb, var(--unya-accent) 10%, rgba(255,255,255,.03)), rgba(0,0,0,.08) 48%, rgba(0,0,0,.20));
  --unya-zone-center: linear-gradient(180deg, color-mix(in srgb, var(--unya-accent) 18%, rgba(255,255,255,.05)), rgba(0,0,0,.10) 46%, rgba(0,0,0,.22));
  --unya-zone-detail: linear-gradient(180deg, color-mix(in srgb, var(--unya-accent) 14%, rgba(255,255,255,.04)), rgba(0,0,0,.10) 40%, rgba(0,0,0,.20));
  --unya-row-tint: color-mix(in srgb, var(--unya-accent) 8%, rgba(255,255,255,.03));
  --unya-row-tint-strong: color-mix(in srgb, var(--unya-accent) 16%, rgba(255,255,255,.05));
}

.unya2-topbar,
.unya2-kpi,
.unya2-dock__inner {
  box-shadow:
    0 22px 44px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.unya2-kpi,
.unya2-opsbar__item,
.unya2-statcard,
.unya2-dashpanel__metric,
.unya2-pill,
.unya2-pillbtn,
.unya2-directorycard,
.unya2-rostercard,
.unya2-detailsection,
.unya2-profileline,
.unya2-listrow,
.unya2-feeditem,
.unya2-techline,
.unya2-row {
  transition:
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease,
    transform .16s ease;
}

.unya2-rail > .unya2-card:first-child {
  background: var(--unya-zone-rail);
  border-color: color-mix(in srgb, var(--unya-accent) 18%, rgba(255,255,255,.10));
  box-shadow: 0 22px 46px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
}

.unya2-rail > .unya2-card:last-child {
  background: linear-gradient(180deg, color-mix(in srgb, var(--unya-accent) 7%, rgba(255,255,255,.04)), rgba(0,0,0,.08) 38%, rgba(0,0,0,.18));
  border-color: color-mix(in srgb, var(--unya-accent) 12%, rgba(255,255,255,.10));
}

.unya2-center > .unya2-card,
.unya2-screenlayout > .unya2-card,
.unya2-screen > .unya2-full > .unya2-card {
  background: var(--unya-zone-center);
  border-color: color-mix(in srgb, var(--unya-accent) 22%, rgba(255,255,255,.10));
  box-shadow:
    0 26px 56px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(255,255,255,.02);
}

.unya2-card__head {
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(90deg, color-mix(in srgb, var(--unya-accent) 12%, transparent), transparent 42%);
}

.unya2-card__head--sticky {
  background:
    linear-gradient(180deg, rgba(12,13,18,.92), rgba(12,13,18,.72)),
    linear-gradient(90deg, color-mix(in srgb, var(--unya-accent) 16%, transparent), transparent 52%);
}

.unya2-headline__title,
.unya2-dashpanel__title,
.unya2-detailcard__title,
.unya2-screenhero__title {
  text-shadow: 0 1px 0 rgba(0,0,0,.24);
}

.unya2-opsbar {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--unya-accent) 10%, rgba(255,255,255,.03)), rgba(0,0,0,.14));
}

.unya2-opsbar__item {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--unya-accent) 13%, rgba(255,255,255,.04)), rgba(0,0,0,.18));
  border-color: color-mix(in srgb, var(--unya-accent) 18%, rgba(255,255,255,.08));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.unya2-opsbar__item:hover,
.unya2-statcard:hover,
.unya2-profileline:hover,
.unya2-listrow:hover,
.unya2-feeditem:hover,
.unya2-techline:hover {
  background: linear-gradient(180deg, var(--unya-row-tint-strong), rgba(0,0,0,.20));
  border-color: color-mix(in srgb, var(--unya-accent) 24%, rgba(255,255,255,.12));
}

.unya2-dashpanel {
  position: relative;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.20));
  border-color: color-mix(in srgb, var(--unya-accent) 18%, rgba(255,255,255,.08));
  box-shadow: 0 18px 36px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
}

.unya2-dashpanel::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--unya-accent) 55%, transparent), color-mix(in srgb, var(--unya-accent) 92%, #fff 8%), color-mix(in srgb, var(--unya-accent) 45%, transparent));
  opacity: .9;
}

.unya2-dashpanel:nth-child(1) {
  background: linear-gradient(180deg, color-mix(in srgb, var(--unya-accent) 18%, rgba(255,255,255,.04)), rgba(0,0,0,.20));
}

.unya2-dashpanel:nth-child(2) {
  background: linear-gradient(180deg, color-mix(in srgb, var(--unya-accent) 14%, rgba(255,255,255,.03)), rgba(0,0,0,.18));
}

.unya2-dashpanel:nth-child(3) {
  background: linear-gradient(180deg, color-mix(in srgb, var(--unya-accent) 11%, rgba(255,255,255,.03)), rgba(0,0,0,.20));
}

.unya2-dashpanel:nth-child(4) {
  background: linear-gradient(180deg, color-mix(in srgb, var(--unya-accent) 16%, rgba(255,255,255,.035)), rgba(0,0,0,.21));
}

.unya2-dashpanel__head {
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
}

.unya2-dashpanel__metric {
  color: color-mix(in srgb, var(--unya-accent) 82%, #fff 18%);
  border-color: color-mix(in srgb, var(--unya-accent) 30%, rgba(255,255,255,.14));
  background: linear-gradient(180deg, color-mix(in srgb, var(--unya-accent) 14%, rgba(255,255,255,.08)), rgba(0,0,0,.16));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.unya2-orders-layout__detail .unya2-detailcard,
.unya2-splitview__aside .unya2-detailcard {
  background: var(--unya-zone-detail);
  border-color: color-mix(in srgb, var(--unya-accent) 18%, rgba(255,255,255,.10));
  box-shadow: 0 18px 40px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05);
}

.unya2-detailcard__head,
.unya2-detailhero,
.unya2-detailsection,
.unya2-statcard,
.unya2-profileline,
.unya2-directorycard,
.unya2-rostercard,
.unya2-listrow,
.unya2-feeditem,
.unya2-techline {
  background:
    linear-gradient(180deg, var(--unya-row-tint), rgba(0,0,0,.16));
  border-color: color-mix(in srgb, var(--unya-accent) 12%, rgba(255,255,255,.08));
}

.unya2-detailcard__head {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--unya-accent) 10%, rgba(255,255,255,.04)), rgba(0,0,0,.08));
}

.unya2-table__head {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--unya-accent) 12%, rgba(255,255,255,.04)), rgba(0,0,0,.18));
  border-bottom-color: color-mix(in srgb, var(--unya-accent) 18%, rgba(255,255,255,.08));
}

.unya2-row {
  position: relative;
  background:
    linear-gradient(90deg, transparent 0, var(--unya-row-tint) 12%, transparent 44%),
    rgba(0,0,0,.08);
}

.unya2-row::before,
.unya2-directorycard::before,
.unya2-rostercard::before,
.unya2-listrow::before,
.unya2-feeditem::before,
.unya2-techline::before {
  content: '';
  position: absolute;
  inset: 10px auto 10px 0;
  width: 3px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--unya-accent) 48%, transparent);
  opacity: .42;
}

.unya2-directorycard,
.unya2-rostercard,
.unya2-listrow,
.unya2-feeditem,
.unya2-techline,
.unya2-row {
  position: relative;
}

.unya2-row:hover,
.unya2-directorycard:hover,
.unya2-rostercard:hover {
  background:
    linear-gradient(90deg, transparent 0, var(--unya-row-tint-strong) 16%, transparent 46%),
    rgba(255,255,255,.05);
  border-color: color-mix(in srgb, var(--unya-accent) 26%, rgba(255,255,255,.16));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 20px rgba(0,0,0,.14);
}

.unya2-row.is-active,
.unya2-directorycard.is-active,
.unya2-rostercard.is-active {
  border-color: color-mix(in srgb, var(--unya-accent) 42%, rgba(255,255,255,.18));
  background:
    linear-gradient(90deg, transparent 0, color-mix(in srgb, var(--unya-accent) 20%, rgba(255,255,255,.08)) 20%, transparent 58%),
    rgba(255,255,255,.08);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), 0 14px 28px rgba(0,0,0,.16);
}

.unya2-row.is-active::before,
.unya2-directorycard.is-active::before,
.unya2-rostercard.is-active::before,
.unya2-dashpanel:hover::before {
  opacity: .9;
}

.unya2-feeditem__title,
.unya2-techline__name,
.unya2-listrow__title,
.unya2-directorycard__title,
.unya2-rostercard__name,
.unya2-detailhero__name {
  color: color-mix(in srgb, var(--unya-accent) 18%, var(--unya-text));
}

.unya2-pill,
.unya2-pillbtn,
.unya2-pill--soft,
.unya2-detailhero__badge,
.unya2-badge {
  border-color: color-mix(in srgb, var(--unya-accent) 22%, rgba(255,255,255,.12));
  background: linear-gradient(180deg, color-mix(in srgb, var(--unya-accent) 10%, rgba(255,255,255,.07)), rgba(0,0,0,.18));
}

.unya2-statcard__value,
.unya2-opsbar__value,
.unya2-dashpanel__metric,
.unya2-kpi__value {
  letter-spacing: -.02em;
}

/* Compact product-style refresh */
.unya2[data-unya-main-interface] {
  --unya-font: 13px;
  --unya-line: 1.42;
  --unya-pad: 10px;
  --unya-gap: 10px;
  --unya-row-h: 54px;
  --unya-r-lg: 22px;
  --unya-r-md: 16px;
  --unya-r-sm: 12px;
  --unya-blur: 18px;
  --unya-bg: color-mix(in srgb, var(--unya-accent) 6%, #120a09);
  --unya-bg-2: rgba(25, 15, 12, 0.78);
  --unya-card: rgba(29, 18, 15, 0.82);
  --unya-card-2: rgba(20, 12, 11, 0.88);
  --unya-panel-ink: rgba(17, 10, 9, 0.72);
  --unya-panel-ink-strong: rgba(16, 9, 8, 0.86);
  --unya-panel-ink-soft: rgba(255, 255, 255, 0.025);
  --unya-panel-ink-muted: rgba(255, 255, 255, 0.045);
  --unya-veil: rgba(255, 255, 255, 0.045);
  --unya-veil-soft: rgba(255, 255, 255, 0.032);
  --unya-veil-strong: rgba(255, 255, 255, 0.065);
  --unya-veil-hover: rgba(255, 255, 255, 0.085);
  --unya-veil-active: rgba(255, 255, 255, 0.11);
  --unya-stroke: rgba(255, 236, 224, 0.11);
  --unya-stroke-2: rgba(255, 236, 224, 0.18);
  --unya-shadow: 0 26px 60px rgba(9, 4, 3, 0.36);
  --unya-shadow-2: 0 16px 34px rgba(9, 4, 3, 0.22);
  --unya-shadow-soft: 0 10px 22px rgba(9, 4, 3, 0.18);
  --unya-shadow-strong: 0 20px 42px rgba(9, 4, 3, 0.32);
  font-family: "Aptos", "Segoe UI Variable Display", "Segoe UI", sans-serif;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 12px 10px 12px;
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--unya-accent) 16%, transparent), transparent 36%),
    radial-gradient(circle at top right, rgba(255, 230, 209, 0.08), transparent 32%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 18%),
    linear-gradient(180deg, rgba(14, 8, 7, 0.94), rgba(10, 6, 6, 0.98));
}

.brxe-shortcode > .unya2[data-unya-main-interface] {
  width: calc(100% + 64px);
  margin-inline: -32px;
}

.unya2[data-unya-main-interface]::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 72px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.02) 0 1px, transparent 1px 72px);
  opacity: 0.12;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.55), transparent 82%);
}

.unya2[data-unya-main-interface].is-compact {
  --unya-pad: 8px;
  --unya-gap: 8px;
  --unya-row-h: 48px;
}

.unya2-bg {
  inset: 0;
}

.unya2-bg__orb {
  filter: blur(44px);
  opacity: 0.32;
}

.unya2-bg__orb--a {
  left: -60px;
  top: -100px;
}

.unya2-bg__orb--b {
  right: -110px;
  bottom: -120px;
}

.unya2-bg__grid {
  opacity: 0.12;
}

.unya2-topbar {
  position: sticky;
  top: 16px;
  z-index: 30;
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(300px, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 26px;
  border-color: var(--unya-stroke-2);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.02)),
    linear-gradient(90deg, color-mix(in srgb, var(--unya-accent) 18%, transparent), transparent 40%);
}

.unya2-topbar__left,
.unya2-topbar__right {
  min-width: 0;
}

.unya2-brand {
  gap: 10px;
}

.unya2-brand__mark {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  border-color: color-mix(in srgb, var(--unya-accent) 26%, rgba(255, 255, 255, 0.16));
  background:
    radial-gradient(circle at 28% 26%, rgba(255, 255, 255, 0.28), transparent 46%),
    linear-gradient(155deg, color-mix(in srgb, var(--unya-accent) 42%, rgba(255, 255, 255, 0.1)), rgba(34, 17, 15, 0.98));
  box-shadow: 0 12px 28px rgba(7, 4, 3, 0.24);
  font-size: 14px;
}

.unya2-brand__title {
  font-size: 15px;
  gap: 10px;
}

.unya2-brand__subtitle {
  max-width: 520px;
  color: rgba(245, 232, 226, 0.68);
}

.unya2-statuspill {
  gap: 8px;
  padding: 7px 11px;
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
}

.unya2-search {
  width: min(680px, 100%);
  min-height: 46px;
  padding: 0 14px;
  border-radius: 18px;
  border-color: rgba(255, 255, 255, 0.09);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(11, 7, 7, 0.72);
}

.unya2-search__input {
  font-size: 13px;
}

.unya2-search__hint {
  min-width: 42px;
  text-align: center;
  padding: 4px 8px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.055);
}

.unya2-quick {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.unya2-btn,
.unya2-chip,
.unya2-pillbtn,
.unya2-dockbtn,
.unya2-iconbtn {
  font: inherit;
}

.unya2-btn {
  min-height: 40px;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 14px;
  border-color: rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015)),
    rgba(11, 7, 7, 0.7);
}

.unya2-btn__text {
  font-weight: 700;
}

.unya2-btn--primary {
  color: #fff6f2;
  border-color: color-mix(in srgb, var(--unya-accent) 42%, rgba(255, 255, 255, 0.16));
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.14), transparent 40%),
    linear-gradient(135deg, color-mix(in srgb, var(--unya-accent) 56%, #2f1712), #1b100f);
}

.unya2-btn--ghost,
.unya2-iconbtn {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),
    rgba(11, 7, 7, 0.56);
}

.unya2-iconbtn {
  width: 36px;
  height: 36px;
  border-radius: 12px;
}

.unya2-kpis {
  margin-top: 14px;
  gap: 8px;
}

.unya2-kpi {
  min-height: 78px;
  padding: 12px 14px;
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015)),
    rgba(16, 10, 9, 0.78);
}

.unya2-kpi__label,
.unya2-field__label,
.unya2-opsbar__label,
.unya2-dashpanel__eyebrow,
.unya2-th,
.unya2-statcard__label,
.unya2-detailcard__eyebrow,
.unya2-profileline__label {
  font-size: 10px;
  letter-spacing: 0.11em;
}

.unya2-kpi__value {
  margin-top: 10px;
  font-size: 28px;
  line-height: 1;
}

.unya2-kpi__meta {
  margin-top: 6px;
  font-size: 11px;
}

.unya2-viewport {
  margin-top: 10px;
}

.unya2-grid {
  grid-template-columns: 264px minmax(0, 1fr);
  gap: 10px;
}

.unya2-card,
.unya2-dashpanel,
.unya2-detailcard,
.unya2-directorycard,
.unya2-rostercard,
.unya2-listrow,
.unya2-feeditem,
.unya2-techline,
.unya2-profileline,
.unya2-statcard,
.unya2-opsbar__item {
  border-radius: 20px;
}

.unya2-card {
  border-color: rgba(255, 236, 224, 0.1);
}

.unya2-card--stretch {
  min-height: 0;
  height: auto;
}

.unya2-card__head {
  padding: 10px 12px;
}

.unya2-card__body {
  padding: 10px;
}

.unya2-headline__title {
  font-size: 16px;
}

.unya2-headline__sub,
.unya2-card__hint,
.unya2-screenhero__copy,
.unya2-detailhero__meta,
.unya2-listrow__meta,
.unya2-directorycard__meta,
.unya2-rostercard__meta,
.unya2-feeditem__meta,
.unya2-techline__meta,
.unya2-detailsection__meta {
  color: rgba(245, 232, 226, 0.62);
}

.unya2-formgrid,
.unya2-feed,
.unya2-mini,
.unya2-directory,
.unya2-roster,
.unya2-liststack,
.unya2-detailstack {
  gap: 8px;
}

.unya2-field {
  gap: 5px;
}

.unya2-input,
.unya2-select {
  min-height: 40px;
  padding: 9px 11px;
  border-radius: 14px;
  border-color: rgba(255, 236, 224, 0.1);
  background: rgba(9, 6, 6, 0.74);
}

.unya2-divider {
  margin: 10px 0;
}

.unya2-chipbar {
  gap: 6px;
}

.unya2-chip,
.unya2-pillbtn,
.unya2-pill--soft,
.unya2-pill,
.unya2-badge {
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 999px;
}

.unya2-mini__k,
.unya2-mini__v {
  font-size: 12px;
}

.unya2-feed__empty,
.unya2-listempty,
.unya2-muted {
  color: rgba(245, 232, 226, 0.58);
}

.unya2-opsbar {
  gap: 8px;
  padding: 10px 12px;
}

.unya2-opsbar__item,
.unya2-statcard {
  padding: 10px 11px;
}

.unya2-opsbar__value,
.unya2-statcard__value {
  font-size: 22px;
  line-height: 1;
}

.unya2-dashpanels {
  gap: 8px;
  padding: 0 12px 12px;
}

.unya2-dashpanel {
  min-height: 172px;
}

.unya2-dashpanel__head,
.unya2-detailcard__head,
.unya2-detailcard__body {
  padding: 11px 12px;
}

.unya2-dashpanel__body {
  gap: 7px;
  padding: 9px 10px 10px;
}

.unya2-listrow,
.unya2-feeditem,
.unya2-techline,
.unya2-directorycard,
.unya2-rostercard {
  padding: 10px 12px;
}

.unya2-listrow__title,
.unya2-directorycard__title,
.unya2-rostercard__name,
.unya2-detailhero__name {
  font-size: 13px;
}

.unya2-orders-layout,
.unya2-splitview {
  align-items: start;
  gap: 10px;
  padding: 10px 12px 12px;
}

.unya2-orders-layout {
  grid-template-columns: minmax(0, 1.9fr) minmax(270px, 0.82fr);
}

.unya2-orders-layout__detail .unya2-detailcard,
.unya2-splitview__aside .unya2-detailcard {
  position: sticky;
  top: 88px;
}

.unya2-table {
  border: 1px solid rgba(255, 236, 224, 0.08);
  border-radius: 18px;
  overflow: hidden;
}

.unya2-table__head,
.unya2-row {
  grid-template-columns: 82px minmax(0, 1.1fr) minmax(0, 1.45fr) minmax(0, 0.85fr) 102px 84px 112px;
}

.unya2-table__head {
  padding: 8px 10px;
}

.unya2-table__rows {
  max-height: 460px;
  overflow: auto;
}

.unya2-row {
  width: 100%;
  min-height: 56px;
  padding: 0 10px;
  border: 0;
  appearance: none;
  text-align: left;
  color: inherit;
  cursor: pointer;
}

.unya2-cell__title {
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.unya2-cell__meta {
  margin-top: 2px;
  color: rgba(245, 232, 226, 0.56);
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.unya2-detailhero {
  gap: 10px;
}

.unya2-detailhero__badge {
  white-space: nowrap;
}

.unya2-profilegrid {
  gap: 8px;
}

.unya2-profileline {
  min-height: 72px;
  padding: 10px 12px;
}

.unya2-profileline__value {
  margin-top: 4px;
}

.unya2-screenhero__title {
  font-size: 24px;
  line-height: 1.08;
}

.unya2-toolbar {
  gap: 10px;
}

.unya2-toolbar__search .unya2-input {
  min-height: 44px;
}

.unya2-msg {
  grid-template-columns: 320px minmax(0, 1fr);
  min-height: min(780px, calc(100vh - 230px));
}

.unya2-msg__listHead,
.unya2-msg__detailHead,
.unya2-msg__compose {
  padding: 12px 14px;
}

.unya2-msg__items,
.unya2-msg__body {
  padding: 10px;
}

.unya-message-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 11px 12px;
  border: 1px solid rgba(255, 236, 224, 0.08);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(11, 7, 7, 0.74);
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

.unya-message-item:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--unya-accent) 28%, rgba(255, 255, 255, 0.12));
  box-shadow: 0 10px 22px rgba(9, 4, 3, 0.16);
}

.unya-message-item.is-active {
  border-color: color-mix(in srgb, var(--unya-accent) 48%, rgba(255, 255, 255, 0.14));
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--unya-accent) 12%, transparent), transparent 75%),
    rgba(255, 255, 255, 0.08);
}

.unya-message-item-header,
.unya-message-item-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.unya-message-peer,
.unya-message-date,
.unya-message-snippet {
  display: block;
}

.unya-message-peer {
  font-weight: 700;
}

.unya-message-date,
.unya-message-snippet,
.unya-messages-empty,
.unya-messages-placeholder {
  color: rgba(245, 232, 226, 0.6);
  font-size: 12px;
}

.unya-message-snippet,
.unya2-msg__peerLabel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.unya-badge--inbound {
  color: var(--unya-status-info-text);
  background: var(--unya-status-info-bg);
}

.unya-badge--outbound {
  color: var(--unya-status-success-text);
  background: var(--unya-status-success-bg);
}

.unya2-dock {
  position: sticky;
  left: auto;
  bottom: 8px;
  z-index: 50;
  width: 100%;
  margin: 10px 0 0;
  padding: 0;
  transform: none;
}

.unya2-dock__inner {
  width: 100%;
  padding: 6px;
  gap: 6px;
  flex-wrap: nowrap;
  border-radius: 24px;
  border-color: rgba(255, 236, 224, 0.11);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
    rgba(10, 6, 6, 0.86);
}

.unya2-dockbtn {
  flex: 1 1 0;
  justify-content: center;
  min-width: 0;
  min-height: 38px;
  padding: 7px 8px;
  gap: 6px;
  border-radius: 14px;
}

.unya2-dockbtn__txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

@media (min-width: 1121px) {
  .unya2[data-unya-main-interface] {
    height: var(--unya-available-height, auto);
    max-height: var(--unya-available-height, none);
    display: flex;
    flex-direction: column;
  }

  .unya2-viewport {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
  }

  .unya2-dock {
    position: static;
    bottom: auto;
    margin-top: 8px;
  }

  .unya2-screen[data-unya-screen="orders"].is-active,
  .unya2-screen[data-unya-screen="orders"].is-active > .unya2-grid,
  .unya2-screen[data-unya-screen="orders"] .unya2-center,
  .unya2-screen[data-unya-screen="orders"] .unya2-center > .unya2-card,
  .unya2-screen[data-unya-screen="orders"] .unya2-center > .unya2-card > .unya2-card__body,
  .unya2-screen[data-unya-screen="orders"] .unya2-orders-layout,
  .unya2-screen[data-unya-screen="orders"] .unya2-orders-layout__table,
  .unya2-screen[data-unya-screen="orders"] .unya2-orders-layout__detail {
    height: 100%;
    min-height: 0;
  }

  .unya2-screen[data-unya-screen="orders"].is-active > .unya2-grid {
    align-items: stretch;
  }

  .unya2-screen[data-unya-screen="orders"] .unya2-center > .unya2-card > .unya2-card__body {
    overflow: hidden;
  }

  .unya2-screen[data-unya-screen="orders"] .unya2-rail {
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
  }

  .unya2-screen[data-unya-screen="orders"] .unya2-rail > .unya2-card:last-child {
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
  }

  .unya2-screen[data-unya-screen="orders"] .unya2-rail > .unya2-card:last-child .unya2-card__body {
    min-height: 0;
    overflow: auto;
  }

  .unya2-grid {
    grid-template-columns: 232px minmax(0, 1fr);
    gap: 8px;
  }

  .unya2-kpis {
    gap: 8px;
  }

  .unya2-kpi {
    min-height: 72px;
    padding: 10px 12px;
  }

  .unya2-kpi__value {
    font-size: 24px;
  }

  .unya2-card__head {
    padding: 9px 11px;
  }

  .unya2-orders-layout {
    grid-template-columns: minmax(0, 1.78fr) minmax(308px, 0.86fr);
    gap: 8px;
    padding: 8px 10px 10px;
    align-items: stretch;
  }

  .unya2-orders-layout__table {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
  }

  .unya2-orders-layout__detail {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
  }

  .unya2-opsbar--queue {
    padding: 0;
    border-bottom: 0;
    background: transparent;
  }

  .unya2-opsbar--queue .unya2-opsbar__item {
    padding: 9px 10px;
    border-radius: 16px;
  }

  .unya2-opsbar--queue .unya2-opsbar__value {
    font-size: 20px;
  }

  .unya2-dashpanels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 0;
    align-content: start;
  }

  .unya2-dashpanel {
    min-height: 0;
  }

  .unya2-dashpanel__head {
    padding: 10px 11px;
  }

  .unya2-dashpanel__title {
    margin-top: 2px;
    font-size: 12px;
  }

  .unya2-dashpanel__body {
    gap: 6px;
    min-height: 0;
    max-height: 130px;
    overflow: auto;
    padding: 8px 9px 9px;
  }

  .unya2-detailcard {
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
  }

  .unya2-orders-layout__detail .unya2-detailcard {
    position: static;
    top: auto;
  }

  .unya2-detailcard__body {
    min-height: 0;
    overflow: auto;
  }

  .unya2-table {
    height: 100%;
    min-height: 0;
    grid-template-rows: auto auto minmax(0, 1fr);
  }

  .unya2-table__head {
    top: 0;
    padding: 8px 10px;
  }

  .unya2-table__rows {
    min-height: 0;
    max-height: none;
    overflow: auto;
  }

  .unya2-row {
    min-height: 50px;
    padding: 0 10px;
  }

  .unya2[data-unya-main-interface].is-compact .unya2-kpi {
    min-height: 66px;
  }

  .unya2[data-unya-main-interface].is-compact .unya2-kpi__value,
  .unya2[data-unya-main-interface].is-compact .unya2-opsbar__value,
  .unya2[data-unya-main-interface].is-compact .unya2-statcard__value {
    font-size: 20px;
  }

  .unya2[data-unya-main-interface].is-compact .unya2-orders-layout {
    gap: 6px;
    padding: 6px 8px 8px;
  }

  .unya2[data-unya-main-interface].is-compact .unya2-dashpanel__body {
    max-height: 112px;
  }

  .unya2[data-unya-main-interface].is-compact .unya2-row {
    min-height: 46px;
  }
}

@media (max-width: 1280px) {
  .brxe-shortcode > .unya2[data-unya-main-interface] {
    width: calc(100% + 32px);
    margin-inline: -16px;
  }

  .unya2-topbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .unya2-topbar__center {
    order: 3;
  }

  .unya2-grid {
    grid-template-columns: 252px minmax(0, 1fr);
  }

  .unya2-dashpanels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1120px) {
  .unya2-grid,
  .unya2-orders-layout,
  .unya2-splitview,
  .unya2-msg {
    grid-template-columns: 1fr;
  }

  .unya2-rail {
    order: 2;
  }

  .unya2-center {
    order: 1;
  }

  .unya2-orders-layout__detail .unya2-detailcard,
  .unya2-splitview__aside .unya2-detailcard {
    position: static;
  }

  .unya2-dock {
    bottom: 10px;
  }

  .unya2-dock__inner {
    flex-wrap: wrap;
  }

  .unya2-dockbtn {
    flex: 1 1 calc(25% - 8px);
  }
}

@media (max-width: 760px) {
  .unya2[data-unya-main-interface] {
    padding: 10px 8px 112px;
  }

  .brxe-shortcode > .unya2[data-unya-main-interface] {
    width: 100%;
    margin-inline: 0;
  }

  .unya2-topbar {
    top: 10px;
    padding: 10px;
  }

  .unya2-kpis,
  .unya2-opsbar,
  .unya2-screenstats,
  .unya2-statgrid,
  .unya2-profilegrid,
  .unya2-dashpanels {
    grid-template-columns: 1fr 1fr;
  }

  .unya2-orders-layout,
  .unya2-splitview,
  .unya2-msg {
    padding: 8px;
  }

  .unya2-table__head,
  .unya2-row {
    min-width: 860px;
  }

  .unya2-dockbtn {
    flex: 1 1 calc(50% - 8px);
  }
}

@media (max-width: 560px) {
  .unya2-kpis,
  .unya2-opsbar,
  .unya2-screenstats,
  .unya2-statgrid,
  .unya2-profilegrid,
  .unya2-dashpanels {
    grid-template-columns: 1fr;
  }

  .unya2-brand__subtitle,
  .unya2-statuspill,
  .unya2-search__hint {
    display: none;
  }

  .unya2-quick {
    width: 100%;
    justify-content: stretch;
  }

  .unya2-btn {
    flex: 1 1 calc(50% - 8px);
    justify-content: center;
  }

  .unya2-dockbtn__txt {
    font-size: 11px;
  }
}