.portal-shell{
  --portal-page:var(--ui-bg);
  --portal-surface:var(--ui-surface);
  --portal-border:var(--ui-border);
  --portal-soft:var(--ui-text-muted);
  --portal-text:var(--ui-text);
  --portal-focus:var(--ui-primary);
  --portal-focus-ring:color-mix(in srgb, var(--ui-primary) 18%, transparent);
}

body.portal-shell{
  background:var(--portal-surface)!important;
  color:var(--portal-text)!important;
}

.portal-shell,
.portal-shell :where(input,select,textarea,button){
  font-family:"Segoe UI Variable Text","Segoe UI","Aptos","Trebuchet MS",sans-serif;
}

.portal-shell main{
  color:var(--portal-text)!important;
}

.portal-shell main table thead{
  background:var(--ui-surface-muted)!important;
}

.portal-shell main table thead th{
  font-size:.71rem!important;
  font-weight:600!important;
  color:var(--portal-soft)!important;
}

.portal-shell main table tbody td{
  font-size:.78rem!important;
  color:var(--portal-text)!important;
}