Polish AnchorHost.eu neobrutalist interface

src/components/DashboardComponents.js

@@ -186,12 +186,12 @@ export const parseStorageValue = (storageStr) => {
 export const PortTooltip = ({ portTooltip }) => {
   return (
     <div
-      className="absolute z-50 bottom-full left-1/2 -translate-x-1/2 mb-2 w-64 max-w-[min(16rem,calc(100vw-2rem))] p-3.5 rounded-xl border border-dash-border bg-dash-surfaceElevated/95 backdrop-blur-md shadow-lg shadow-black/40 text-left"
+      className="ah-tooltip ah-tooltip-detail absolute z-50 bottom-full left-1/2 -translate-x-1/2 mb-2 w-64 max-w-[min(16rem,calc(100vw-2rem))] p-3.5 text-left"
       role="tooltip"
     >
-      <div className="font-semibold mb-1.5 text-sm text-primary">{portTooltip.name}</div>
-      <div className="mb-2.5 text-xs text-dash-textMuted leading-relaxed">{portTooltip.description}</div>
-      <div className="font-mono text-xs px-2.5 py-2 rounded-lg border border-dash-border bg-brightBlack/80 text-dash-text">
+      <div className="ah-tooltip-heading">{portTooltip.name}</div>
+      <div className="ah-tooltip-description">{portTooltip.description}</div>
+      <div className="ah-tooltip-code">
         {portTooltip.connection}
       </div>
     </div>
@@ -274,7 +274,7 @@ export const UnifiedTooltip = ({
     <div
       id={tooltipId}
       role="tooltip"
-      className={`fixed z-[12000] px-3.5 py-2.5 rounded-xl border border-dash-border bg-dash-surfaceElevated/95 backdrop-blur-md shadow-lg shadow-black/35 text-sm text-dash-text pointer-events-none ${wrapClass}`}
+      className={`ah-tooltip fixed z-[12000] px-3.5 py-2.5 text-sm pointer-events-none ${wrapClass}`}
       style={{
         top: getTopPosition(),
         left: `${position.left}px`,
@@ -1291,4 +1291,4 @@ export {
   NumberSpinner,
   Dropdown,
   InlineDropdown
-} from './dashboardPrimitives';
+} from './dashboardPrimitives';