@cyber-harbour/ui 2.2.43 → 3.0.0-fix-button-focus-visible.0

package/dist/styles/legacy-token-aliases.css

@@ -0,0 +1,26 @@
+/* RESIDUAL — last legacy tokens without a Figma counterpart.
+   - Warm-gray tag family (AppCard2/StatCard2 "restricted/locked" badge,
+     used via Tag2 `warmGray` color).
+   - Skeleton tile background.
+   Delete this file once Figma ships these tokens and the consumers
+   migrate to the named equivalents. */
+
+@theme {
+  --color-radar-skeleton-background-tile: rgba(237, 239, 242, 0.5);
+  --color-radar-tag-warm-gray-default: #e5e0df;
+  --color-radar-tag-warm-gray-hover: #cac5c4;
+  --color-radar-tag-warm-gray-pressed: #ada8a8;
+  --color-radar-tag-warm-gray-label: #171414;
+  --color-radar-tag-warm-gray-border: #beaaa6;
+}
+
+@layer base {
+  :where(.dark, .dark *) {
+    --color-radar-skeleton-background-tile: rgba(34, 34, 34, 0.5);
+    --color-radar-tag-warm-gray-default: #393939;
+    --color-radar-tag-warm-gray-hover: #474747;
+    --color-radar-tag-warm-gray-pressed: #525252;
+    --color-radar-tag-warm-gray-label: #f4f4f4;
+    --color-radar-tag-warm-gray-border: #525252;
+  }
+}

package/dist/styles/tailwind.css

@@ -1,3 +1,477 @@
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-200:oklch(91% .096 180.426);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-800:oklch(43.7% .078 188.216);--color-teal-900:oklch(38.6% .063 188.416);--color-teal-950:oklch(27.7% .046 192.524);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-900:oklch(21% .006 285.885);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start-1\/2{inset-inline-start:50%}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-8{top:calc(var(--spacing)*8)}.right-0{right:calc(var(--spacing)*0)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-8{right:calc(var(--spacing)*8)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-3{bottom:calc(var(--spacing)*3)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-8{bottom:calc(var(--spacing)*8)}.left-0{left:calc(var(--spacing)*0)}.left-4{left:calc(var(--spacing)*4)}.left-8{left:calc(var(--spacing)*8)}.z-50{z-index:50}.z-9999{z-index:9999}.row-1{grid-row:1}.row-2{grid-row:2}.row-3{grid-row:3}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-5{margin-inline:calc(var(--spacing)*5)}.mx-auto{margin-inline:auto}.ms-auto{margin-inline-start:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5\.5{margin-top:calc(var(--spacing)*5.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-3{margin-left:calc(var(--spacing)*3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3\.5\!{height:calc(var(--spacing)*3.5)!important}.h-4{height:calc(var(--spacing)*4)}.h-4\.5{height:calc(var(--spacing)*4.5)}.h-5\.5{height:calc(var(--spacing)*5.5)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-\[47px\]\!{height:47px!important}.h-\[50px\]{height:50px}.h-\[76px\]{height:76px}.h-\[220px\]{height:220px}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-auto{height:auto}.h-full{height:100%}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-screen{min-height:100vh}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3\.5\!{width:calc(var(--spacing)*3.5)!important}.w-4\.5{width:calc(var(--spacing)*4.5)}.w-5{width:calc(var(--spacing)*5)}.w-5\.5{width:calc(var(--spacing)*5.5)}.w-7{width:calc(var(--spacing)*7)}.w-10{width:calc(var(--spacing)*10)}.w-48{width:calc(var(--spacing)*48)}.w-\[50px\]{width:50px}.w-\[64px\]\!{width:64px!important}.w-\[82px\]{width:82px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-full{width:100%}.max-w-\[100\%\],.max-w-full{max-width:100%}.max-w-none{max-width:none}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-11{min-width:calc(var(--spacing)*11)}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-4{--tw-translate-y:calc(var(--spacing)*-4);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.\[appearance\:textfield\]{appearance:textfield}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.25{gap:calc(var(--spacing)*1.25)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border,.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-\[var\(--section-border\,\#aeadac\)\]{border-color:var(--section-border,#aeadac)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-200\!{border-color:var(--color-blue-200)!important}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-teal-200{border-color:var(--color-teal-200)}.border-yellow-200{border-color:var(--color-yellow-200)}.border-s-transparent{border-inline-start-color:#0000}.bg-\[rgba\(251\,250\,250\,0\.9\)\]{background-color:#fbfafae6}.bg-\[var\(--sidebar-bg\,\#f7f6f5\)\]{background-color:var(--sidebar-bg,#f7f6f5)}.bg-blue-50\!{background-color:var(--color-blue-50)!important}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\!{background-color:var(--color-gray-50)!important}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-500{background-color:var(--color-green-500)}.bg-neutral-400{background-color:var(--color-neutral-400)}.bg-neutral-900\!{background-color:var(--color-neutral-900)!important}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.p-2{padding:calc(var(--spacing)*2)}.p-2\!{padding:calc(var(--spacing)*2)!important}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-8\.5{padding:calc(var(--spacing)*8.5)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8\.5{padding-inline:calc(var(--spacing)*8.5)}.py-1\.5\!{padding-block:calc(var(--spacing)*1.5)!important}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-5\.5{padding-block:calc(var(--spacing)*5.5)}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pr-3{padding-right:calc(var(--spacing)*3)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.text-center{text-align:center}.text-end{text-align:end}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[14px\]{font-size:14px}.text-\[14px\]\!{font-size:14px!important}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-medium\!{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-black{color:var(--color-black)}.text-blue-400\!{color:var(--color-blue-400)!important}.text-blue-500{color:var(--color-blue-500)}.text-blue-600\!{color:var(--color-blue-600)!important}.text-blue-700\!{color:var(--color-blue-700)!important}.text-blue-800{color:var(--color-blue-800)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-500\!{color:var(--color-gray-500)!important}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-400\!{color:var(--color-green-400)!important}.text-green-700\!{color:var(--color-green-700)!important}.text-neutral-500\!{color:var(--color-neutral-500)!important}.text-orange-400\!{color:var(--color-orange-400)!important}.text-orange-500\!{color:var(--color-orange-500)!important}.text-red-400\!{color:var(--color-red-400)!important}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-red-800\!{color:var(--color-red-800)!important}.text-teal-800{color:var(--color-teal-800)}.text-violet-400\!{color:var(--color-violet-400)!important}.text-violet-500\!{color:var(--color-violet-500)!important}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.text-zinc-900{color:var(--color-zinc-900)}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-\[600ms\]{--tw-duration:.6s;transition-duration:.6s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.\[scrollbar-color\:var\(--color-neutral-500\)_var\(--color-neutral-300\)\]{scrollbar-color:var(--color-neutral-500)var(--color-neutral-300)}.\[scrollbar-width\:thin\]{scrollbar-width:thin}@media (hover:hover){.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:text-blue-200:hover{color:var(--color-blue-200)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:opacity-100:hover{opacity:1}}.focus\:opacity-100:focus{opacity:1}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.enabled\:cursor-pointer:enabled{cursor:pointer}@media (hover:hover){.enabled\:hover\:bg-black\/5:enabled:hover{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.enabled\:hover\:bg-black\/5:enabled:hover{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-gray-300:disabled{border-color:var(--color-gray-300)}.disabled\:bg-blue-300:disabled{background-color:var(--color-blue-300)}.disabled\:text-gray-200:disabled{color:var(--color-gray-200)}.disabled\:text-gray-300:disabled{color:var(--color-gray-300)}@media (min-width:48rem){.md\:flex-nowrap{flex-wrap:nowrap}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-0{top:calc(var(--spacing)*0)}.lg\:flex\!{display:flex!important}}.dark\:border-amber-900:where(.dark,.dark *){border-color:var(--color-amber-900)}.dark\:border-blue-900:where(.dark,.dark *){border-color:var(--color-blue-900)}.dark\:border-neutral-500\!:where(.dark,.dark *){border-color:var(--color-neutral-500)!important}.dark\:border-neutral-600:where(.dark,.dark *){border-color:var(--color-neutral-600)}.dark\:border-neutral-700:where(.dark,.dark *){border-color:var(--color-neutral-700)}.dark\:border-neutral-800:where(.dark,.dark *){border-color:var(--color-neutral-800)}.dark\:border-red-900:where(.dark,.dark *){border-color:var(--color-red-900)}.dark\:border-teal-900:where(.dark,.dark *){border-color:var(--color-teal-900)}.dark\:bg-\[rgba\(12\,10\,18\,0\.9\)\]:where(.dark,.dark *){background-color:#0c0a12e6}.dark\:bg-amber-950:where(.dark,.dark *){background-color:var(--color-amber-950)}.dark\:bg-blue-900\/30:where(.dark,.dark *){background-color:#1c398e4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.dark\:bg-blue-950:where(.dark,.dark *){background-color:var(--color-blue-950)}.dark\:bg-gray-900:where(.dark,.dark *){background-color:var(--color-gray-900)}.dark\:bg-neutral-700:where(.dark,.dark *){background-color:var(--color-neutral-700)}.dark\:bg-neutral-700\!:where(.dark,.dark *){background-color:var(--color-neutral-700)!important}.dark\:bg-neutral-800:where(.dark,.dark *){background-color:var(--color-neutral-800)}.dark\:bg-neutral-900:where(.dark,.dark *){background-color:var(--color-neutral-900)}.dark\:bg-red-900\/20:where(.dark,.dark *){background-color:#82181a33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}}.dark\:bg-red-950:where(.dark,.dark *){background-color:var(--color-red-950)}.dark\:bg-teal-950:where(.dark,.dark *){background-color:var(--color-teal-950)}.dark\:text-blue-400\!:where(.dark,.dark *){color:var(--color-blue-400)!important}.dark\:text-blue-500:where(.dark,.dark *){color:var(--color-blue-500)}.dark\:text-gray-300:where(.dark,.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:where(.dark,.dark *){color:var(--color-gray-400)}.dark\:text-neutral-100:where(.dark,.dark *){color:var(--color-neutral-100)}.dark\:text-neutral-200:where(.dark,.dark *){color:var(--color-neutral-200)}.dark\:text-neutral-500:where(.dark,.dark *){color:var(--color-neutral-500)}.dark\:text-neutral-600:where(.dark,.dark *){color:var(--color-neutral-600)}.dark\:text-red-400:where(.dark,.dark *){color:var(--color-red-400)}.dark\:text-red-500:where(.dark,.dark *){color:var(--color-red-500)}.dark\:text-teal-500:where(.dark,.dark *){color:var(--color-teal-500)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:text-yellow-500:where(.dark,.dark *){color:var(--color-yellow-500)}.dark\:\[scrollbar-color\:var\(--color-neutral-500\)_var\(--color-neutral-700\)\]:where(.dark,.dark *){scrollbar-color:var(--color-neutral-500)var(--color-neutral-700)}@media (hover:hover){.dark\:hover\:bg-neutral-700:where(.dark,.dark *):hover{background-color:var(--color-neutral-700)}.enabled\:dark\:hover\:bg-white\/10:enabled:where(.dark,.dark *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.enabled\:dark\:hover\:bg-white\/10:enabled:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}}.dark\:disabled\:border-neutral-700:where(.dark,.dark *):disabled{border-color:var(--color-neutral-700)}.dark\:disabled\:text-neutral-600:where(.dark,.dark *):disabled{color:var(--color-neutral-600)}.\[\&_textarea\]\:pb-1\! textarea{padding-bottom:calc(var(--spacing)*1)!important}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{appearance:none}.\[\&\:\:-webkit-scrollbar\]\:h-2\.5::-webkit-scrollbar{height:calc(var(--spacing)*2.5)}.\[\&\:\:-webkit-scrollbar\]\:w-2\.5::-webkit-scrollbar{width:calc(var(--spacing)*2.5)}.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb{border-radius:3.40282e38px}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-neutral-500::-webkit-scrollbar-thumb{background-color:var(--color-neutral-500)}.dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-neutral-500:where(.dark,.dark *)::-webkit-scrollbar-thumb{background-color:var(--color-neutral-500)}.\[\&\:\:-webkit-scrollbar-track\]\:bg-neutral-300::-webkit-scrollbar-track{background-color:var(--color-neutral-300)}.dark\:\[\&\:\:-webkit-scrollbar-track\]\:bg-neutral-700:where(.dark,.dark *)::-webkit-scrollbar-track{background-color:var(--color-neutral-700)}.\[\&\>div\.docx-wrapper\]\:box-border>div.docx-wrapper{box-sizing:border-box}.\[\&\>div\.docx-wrapper\]\:min-h-full>div.docx-wrapper{min-height:100%}.\[\&\>div\.docx-wrapper\]\:w-full\!>div.docx-wrapper{width:100%!important}.\[\&\>div\.docx-wrapper\]\:min-w-fit\!>div.docx-wrapper{min-width:fit-content!important}.\[\&\>div\.docx-wrapper\]\:bg-neutral-400\!>div.docx-wrapper{background-color:var(--color-neutral-400)!important}.dark\:\[\&\>div\.docx-wrapper\]\:bg-neutral-800\!:where(.dark,.dark *)>div.docx-wrapper{background-color:var(--color-neutral-800)!important}.\[\&\>div\.docx-wrapper_\*\]\:max-w-full\!>div.docx-wrapper *{max-width:100%!important}.\[\&\>div\.docx-wrapper_image\]\:h-auto\!>div.docx-wrapper image{height:auto!important}.\[\&\>div\.docx-wrapper_image\]\:max-w-full\!>div.docx-wrapper image{max-width:100%!important}.\[\&\>div\.docx-wrapper_img\]\:h-auto\!>div.docx-wrapper img{height:auto!important}.\[\&\>div\.docx-wrapper_img\]\:max-w-full\!>div.docx-wrapper img,.\[\&\>div\.docx-wrapper_svg\]\:max-w-full\!>div.docx-wrapper svg{max-width:100%!important}.\[\&\>div\.docx-wrapper_table\]\:w-full\!>div.docx-wrapper table{width:100%!important}.\[\&\>div\.docx-wrapper_table\]\:max-w-full\!>div.docx-wrapper table{max-width:100%!important}.\[\&\>div\.docx-wrapper_table\]\:table-fixed\!>div.docx-wrapper table{table-layout:fixed!important}.\[\&\>div\.docx-wrapper_table\]\:border-collapse\!>div.docx-wrapper table{border-collapse:collapse!important}.\[\&\>div\.docx-wrapper_table_\*\]\:wrap-break-word\!>div.docx-wrapper table *{overflow-wrap:break-word!important}.\[\&\>div\.docx-wrapper_table_col\]\:w-fit\!>div.docx-wrapper table col,.\[\&\>div\.docx-wrapper_table_td\]\:w-fit\!>div.docx-wrapper table td{width:fit-content!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
-/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
-/*# sourceMappingURL=tailwind.css.map */
+@import 'tailwindcss';
+/* Semantic design tokens (light @theme + dark override) — generated from
+   tokens/{Light,Dark}.tokens.json by scripts/build-tokens.mjs. */
+@import './design-tokens.css';
+/* TRANSITIONAL legacy `--color-radar-*` aliases — deleted in Stage 3. */
+@import './legacy-token-aliases.css';
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+@theme {
+  /* ── Gray ── */
+  --color-gray-15: #fafafa;
+  --color-gray-25: #eeeeee;
+  --color-gray-50: #d9d8d4;
+  --color-gray-100: #c7c5c5;
+  --color-gray-200: #99989c;
+  --color-gray-300: #535353;
+  --color-gray-400: #3f3f47;
+  --color-gray-500: #2a2627;
+  --color-gray-600: #1b1718;
+  --color-gray-700: #1e2226;
+  --color-gray-800: #0f1317;
+  --color-gray-900: #101010;
+  --color-gray-1000: #000000;
+
+  /* ── Red ── */
+  --color-red-15: #fef2f2;
+  --color-red-25: #ffe2e2;
+  --color-red-50: #ffc9c9;
+  --color-red-100: #ffa2a2;
+  --color-red-200: #ff6467;
+  --color-red-300: #fb2c36;
+  --color-red-400: #ff0303;
+  --color-red-500: #e7000b;
+  --color-red-600: #c93939;
+  --color-red-700: #c10007;
+  --color-red-800: #9f0712;
+  --color-red-900: #82181a;
+  --color-red-1000: #460809;
+
+  /* ── Orange ── */
+  --color-orange-15: #fdf8f4;
+  --color-orange-25: #ffedd4;
+  --color-orange-50: #ffd7a8;
+  --color-orange-100: #ffb86a;
+  --color-orange-200: #ff8904;
+  --color-orange-300: #ff6900;
+  --color-orange-400: #f54a00;
+  --color-orange-500: #ca3500;
+  --color-orange-600: #9f2d00;
+  --color-orange-700: #7e2a0c;
+  --color-orange-800: #441306;
+  --color-orange-900: #431306;
+  --color-orange-1000: #230700;
+
+  /* ── Yellow ── */
+  --color-yellow-15: #fffbe0;
+  --color-yellow-25: #fef9c2;
+  --color-yellow-50: #fff085;
+  --color-yellow-100: #ffdf20;
+  --color-yellow-200: #fdc700;
+  --color-yellow-300: #f0b100;
+  --color-yellow-400: #ffb900;
+  --color-yellow-500: #fdc700;
+  --color-yellow-600: #deb839;
+  --color-yellow-700: #d3741b;
+  --color-yellow-800: #894b00;
+  --color-yellow-900: #733e0a;
+  --color-yellow-1000: #432004;
+
+  /* ── Green ── */
+  --color-green-15: #f0fdf4;
+  --color-green-25: #dcfce7;
+  --color-green-50: #b9f8cf;
+  --color-green-100: #7bf1a8;
+  --color-green-200: #05df72;
+  --color-green-300: #2cb42c;
+  --color-green-400: #00a63e;
+  --color-green-500: #008236;
+  --color-green-600: #016630;
+  --color-green-700: #0d542b;
+  --color-green-800: #032e15;
+  --color-green-900: #011e0d;
+  --color-green-1000: #011b0c;
+
+  /* ── Emerald ── */
+  --color-emerald-15: #ecfdf5;
+  --color-emerald-25: #d0fae5;
+  --color-emerald-50: #a4f4cf;
+  --color-emerald-100: #5ee9b5;
+  --color-emerald-200: #00d492;
+  --color-emerald-300: #00bc7d;
+  --color-emerald-400: #009966;
+  --color-emerald-500: #007a55;
+  --color-emerald-600: #006045;
+  --color-emerald-700: #004f3b;
+  --color-emerald-800: #002c22;
+  --color-emerald-900: #00271e;
+  --color-emerald-1000: #001c16;
+
+  /* ── Teal ── */
+  --color-teal-15: #f0fdfa;
+  --color-teal-25: #cbfbf1;
+  --color-teal-50: #96f7e4;
+  --color-teal-100: #46edd5;
+  --color-teal-200: #00d5be;
+  --color-teal-300: #00bba7;
+  --color-teal-400: #009689;
+  --color-teal-500: #00786f;
+  --color-teal-600: #005f5a;
+  --color-teal-700: #0b4f4a;
+  --color-teal-800: #022f2e;
+  --color-teal-900: #012423;
+  --color-teal-1000: #01201f;
+
+  /* ── Cyan ── */
+  --color-cyan-15: #ecfeff;
+  --color-cyan-25: #cefafe;
+  --color-cyan-50: #a2f4fd;
+  --color-cyan-100: #53eafd;
+  --color-cyan-200: #00d3f3;
+  --color-cyan-300: #00b8db;
+  --color-cyan-400: #0092b8;
+  --color-cyan-500: #007595;
+  --color-cyan-600: #005f78;
+  --color-cyan-700: #104e64;
+  --color-cyan-800: #053345;
+  --color-cyan-900: #032b3b;
+  --color-cyan-1000: #021e2a;
+
+  /* ── Sky ── */
+  --color-sky-15: #f3f7ff;
+  --color-sky-25: #dff2fe;
+  --color-sky-50: #b8e6fe;
+  --color-sky-100: #74d4ff;
+  --color-sky-200: #00bcff;
+  --color-sky-300: #158eff;
+  --color-sky-400: #0084d1;
+  --color-sky-500: #0073e6;
+  --color-sky-600: #00598a;
+  --color-sky-700: #024a71;
+  --color-sky-800: #052f4a;
+  --color-sky-900: #00253d;
+  --color-sky-1000: #001421;
+
+  /* ── Blue ── */
+  --color-blue-15: #f7f8fc;
+  --color-blue-25: #e5ecfd;
+  --color-blue-50: #bedbff;
+  --color-blue-100: #8ec5ff;
+  --color-blue-200: #51a2ff;
+  --color-blue-300: #4d7bf2;
+  --color-blue-400: #155dfc;
+  --color-blue-500: #0042ec;
+  --color-blue-600: #193cb8;
+  --color-blue-700: #1c398e;
+  --color-blue-800: #162556;
+  --color-blue-900: #10253a;
+  --color-blue-1000: #0a1330;
+
+  /* ── Indigo ── */
+  --color-indigo-15: #eef2ff;
+  --color-indigo-25: #e0e7ff;
+  --color-indigo-50: #c6d2ff;
+  --color-indigo-100: #80a0f5;
+  --color-indigo-200: #7c86ff;
+  --color-indigo-300: #615fff;
+  --color-indigo-400: #4f39f6;
+  --color-indigo-500: #432dd7;
+  --color-indigo-600: #372aac;
+  --color-indigo-700: #312c85;
+  --color-indigo-800: #1e1a4d;
+  --color-indigo-900: #17143a;
+  --color-indigo-1000: #131031;
+
+  /* ── Violet ── */
+  --color-violet-15: #f5f3ff;
+  --color-violet-25: #ede9fe;
+  --color-violet-50: #ddd6ff;
+  --color-violet-100: #c4b4ff;
+  --color-violet-200: #a684ff;
+  --color-violet-300: #9966ff;
+  --color-violet-400: #7f22fe;
+  --color-violet-500: #7008e7;
+  --color-violet-600: #5d0ec0;
+  --color-violet-700: #4d179a;
+  --color-violet-800: #2f0d68;
+  --color-violet-900: #23094e;
+  --color-violet-1000: #150530;
+
+  /* ── Purple ── */
+  --color-purple-15: #faf5ff;
+  --color-purple-25: #f3e8ff;
+  --color-purple-50: #e9d4ff;
+  --color-purple-100: #dab2ff;
+  --color-purple-200: #c27aff;
+  --color-purple-300: #ad46ff;
+  --color-purple-400: #9810fa;
+  --color-purple-500: #8200db;
+  --color-purple-600: #6e11b0;
+  --color-purple-700: #59168b;
+  --color-purple-800: #3c0366;
+  --color-purple-900: #290941;
+  --color-purple-1000: #1a0628;
+
+  /* ── Pink ── */
+  --color-pink-15: #fdf2f8;
+  --color-pink-25: #fce7f3;
+  --color-pink-50: #fccee8;
+  --color-pink-100: #fda5d6;
+  --color-pink-200: #fb64b6;
+  --color-pink-300: #f44586;
+  --color-pink-400: #e60076;
+  --color-pink-500: #c6005c;
+  --color-pink-600: #a3004c;
+  --color-pink-700: #861043;
+  --color-pink-800: #510424;
+  --color-pink-900: #370319;
+  --color-pink-1000: #290212;
+
+  /* ── Slate ── */
+  --color-slate-15: #fcf9fa;
+  --color-slate-25: #f9f3f4;
+  --color-slate-50: #e2e8f0;
+  --color-slate-100: #cad5e2;
+  --color-slate-200: #90a1b9;
+  --color-slate-300: #62748e;
+  --color-slate-400: #45556c;
+  --color-slate-500: #34404c;
+  --color-slate-600: #1d293d;
+  --color-slate-700: #0f172b;
+  --color-slate-800: #020618;
+  --color-slate-900: #020514;
+  --color-slate-1000: #01030d;
+
+  /* ── Zinc ── */
+  --color-zinc-15: #fafafa;
+  --color-zinc-25: #ebebeb;
+  --color-zinc-50: #e7e3e4;
+  --color-zinc-100: #d8d3d4;
+  --color-zinc-200: #9f9fa9;
+  --color-zinc-300: #71717b;
+  --color-zinc-400: #52525c;
+  --color-zinc-500: #3f3f47;
+  --color-zinc-600: #2a2627;
+  --color-zinc-700: #1b1718;
+  --color-zinc-800: #080a0c;
+  --color-zinc-900: #0c090a;
+  --color-zinc-1000: #140e10;
+
+  /* ── Sidebar ── */
+  --color-sidebar-bg: #ffffff;
+  --color-sidebar-bg-dark: #0f1317;
+  --color-sidebar-border: #ebebeb;
+  --color-sidebar-border-dark: #1e2226;
+
+
+  /* ── Skeleton shimmer animation ── */
+  --animate-radar-shimmer: radar-shimmer 1.6s linear infinite;
+
+
+  /* ── Font families (IBM Plex — new-gen components) ──
+     Single source of truth for font tokens; consumers (e.g. frontend-svc)
+     inherit these via `@import '@cyber-harbour/ui/styles'`. */
+  --font-sans: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
+  --font-plex: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
+  /* trailing `monospace, monospace` is intentional: defeats Chrome's
+     Fixed-width-font (13px) default that otherwise shrinks mono text
+     on Linux when IBM Plex Mono falls back to the generic monospace */
+  --font-numeric: 'IBM Plex Mono', ui-monospace, monospace, monospace;
+
+  /* ── Typography: restore line-height to browser default (normal) ── */
+  /* Tailwind v4 text-{size} sets both font-size AND line-height.       */
+  /* Old styled-components code relied on browser default (normal ~1.14) */
+  --text-2xs: 0.625rem; /* 10px — extends scale below text-xs */
+  --text-2xs--line-height: normal;
+  --text-xs--line-height: normal;
+  --text-sm--line-height: normal;
+  --text-base--line-height: normal;
+  --text-lg--line-height: normal;
+  --text-xl--line-height: normal;
+  --text-2xl--line-height: normal;
+  --text-3xl--line-height: normal;
+
+  /* ── Shadows ── */
+  --shadow-md: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
+  --shadow-lg: 0px 4px 16px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06);
+  --shadow-radar-overlay: 0 0 27px rgba(0, 0, 0, 0.1);
+
+  /* DataGrid pinned-column edge shadow (no Figma token — project token).
+     Dark variant overridden below. */
+  --color-table-pin-shadow: rgb(0 0 0 / 0.1);
+
+  /* Media scrim / image hover-darken + chip interaction tint (no Figma
+     token — project token). Solid black; per-use alpha via Tailwind opacity
+     modifier (`bg-media-scrim/45`). Theme-invariant: a scrim over imagery
+     stays black in light & dark, so no dark override. */
+  --color-media-scrim: #000000;
+}
+
+@layer base {
+  :where(.dark, .dark *) {
+    --color-table-pin-shadow: rgb(0 0 0 / 0.4);
+  }
+}
+
+@keyframes radar-shimmer {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .animate-radar-shimmer {
+    animation: none;
+  }
+}
+
+/* ═══ DataGrid pinned-column shadows + scroll-edge overlays ═══ */
+.datagrid-pin-left-last::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: -6px;
+  bottom: 0;
+  width: 6px;
+  background: linear-gradient(to right, var(--color-table-pin-shadow), transparent);
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 150ms ease-out;
+  z-index: 1;
+  will-change: opacity;
+}
+.datagrid-pin-right-first::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: -6px;
+  bottom: 0;
+  width: 6px;
+  background: linear-gradient(to left, var(--color-table-pin-shadow), transparent);
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 150ms ease-out;
+  z-index: 1;
+  will-change: opacity;
+}
+.is-scrolled-left .datagrid-pin-left-last::after {
+  opacity: 1;
+}
+.is-scrolled-right .datagrid-pin-right-first::before {
+  opacity: 1;
+}
+
+/* Scroll-edge fade overlays — above non-pinned header (z:20) and pinned body
+   (z:10), below pinned header (z:30). */
+.datagrid-overlay {
+  position: absolute;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 150ms ease-out;
+  z-index: 25;
+}
+.datagrid-overlay-top {
+  height: 72px;
+  background: linear-gradient(
+    to bottom,
+    var(--color-table-row-bg) 0%,
+    color-mix(in srgb, var(--color-table-row-bg) 85%, transparent) 25%,
+    color-mix(in srgb, var(--color-table-row-bg) 50%, transparent) 60%,
+    transparent 100%
+  );
+}
+.datagrid-overlay-bottom {
+  height: 72px;
+  background: linear-gradient(
+    to top,
+    var(--color-table-row-bg) 0%,
+    color-mix(in srgb, var(--color-table-row-bg) 85%, transparent) 25%,
+    color-mix(in srgb, var(--color-table-row-bg) 50%, transparent) 60%,
+    transparent 100%
+  );
+}
+.datagrid-overlay-left {
+  width: 72px;
+  background: linear-gradient(
+    to right,
+    var(--color-table-row-bg) 0%,
+    color-mix(in srgb, var(--color-table-row-bg) 85%, transparent) 25%,
+    color-mix(in srgb, var(--color-table-row-bg) 50%, transparent) 60%,
+    transparent 100%
+  );
+}
+.datagrid-overlay-right {
+  width: 72px;
+  background: linear-gradient(
+    to left,
+    var(--color-table-row-bg) 0%,
+    color-mix(in srgb, var(--color-table-row-bg) 85%, transparent) 25%,
+    color-mix(in srgb, var(--color-table-row-bg) 50%, transparent) 60%,
+    transparent 100%
+  );
+}
+.is-scrolled-top .datagrid-overlay-top {
+  opacity: 1;
+}
+.is-scrolled-bottom .datagrid-overlay-bottom {
+  opacity: 1;
+}
+.is-scrolled-left .datagrid-overlay-left {
+  opacity: 1;
+}
+.is-scrolled-right .datagrid-overlay-right {
+  opacity: 1;
+}
+
+@layer utilities {
+  .scrollbar-radar {
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-border-subtle) transparent;
+  }
+  .scrollbar-radar::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+  .scrollbar-radar::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  .scrollbar-radar::-webkit-scrollbar-thumb {
+    background: var(--color-border-subtle);
+    border-radius: 9999px;
+  }
+  .scrollbar-radar::-webkit-scrollbar-thumb:hover {
+    background: var(--color-input-border);
+  }
+  .scrollbar-radar::-webkit-scrollbar-corner {
+    background: transparent;
+  }
+  :where(.dark, .dark *) .scrollbar-radar {
+    scrollbar-color: var(--color-text-tertiary) transparent;
+  }
+  :where(.dark, .dark *) .scrollbar-radar::-webkit-scrollbar-thumb {
+    background: var(--color-text-tertiary);
+  }
+  :where(.dark, .dark *) .scrollbar-radar::-webkit-scrollbar-thumb:hover {
+    background: var(--color-text-disabled);
+  }
+
+  .scrollbar-radar-dark {
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-text-tertiary) transparent;
+  }
+  .scrollbar-radar-dark::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+  .scrollbar-radar-dark::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  .scrollbar-radar-dark::-webkit-scrollbar-thumb {
+    background: var(--color-text-tertiary);
+    border-radius: 9999px;
+  }
+  .scrollbar-radar-dark::-webkit-scrollbar-thumb:hover {
+    background: var(--color-text-disabled);
+  }
+  .scrollbar-radar-dark::-webkit-scrollbar-corner {
+    background: transparent;
+  }
+
+  .scrollbar-radar-overlay {
+    scrollbar-gutter: stable;
+  }
+}

package/dist/utils/index.d.mts

@@ -0,0 +1,7 @@
+import { ClassValue } from 'clsx';
+export { F as FileWithFolderPath, g as getFilesFromDataTransfer, u as useBodyScrollLock, a as useEscapeLayer, b as useOutclickLayer, c as useScrollGuard, d as useScrollLockTarget } from '../utils-jfCLo6l4.mjs';
+import 'react';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/utils/index.d.ts

@@ -0,0 +1,7 @@
+import { ClassValue } from 'clsx';
+export { F as FileWithFolderPath, g as getFilesFromDataTransfer, u as useBodyScrollLock, a as useEscapeLayer, b as useOutclickLayer, c as useScrollGuard, d as useScrollLockTarget } from '../utils-jfCLo6l4.js';
+import 'react';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/utils/index.js

@@ -0,0 +1,2 @@
+'use strict';var chunkHFG4KP6L_js=require('../chunk-HFG4KP6L.js'),chunkNQZUCXJV_js=require('../chunk-NQZUCXJV.js');require('../chunk-AYDF3IFZ.js');Object.defineProperty(exports,"getFilesFromDataTransfer",{enumerable:true,get:function(){return chunkHFG4KP6L_js.a}});Object.defineProperty(exports,"useBodyScrollLock",{enumerable:true,get:function(){return chunkHFG4KP6L_js.b}});Object.defineProperty(exports,"useEscapeLayer",{enumerable:true,get:function(){return chunkHFG4KP6L_js.e}});Object.defineProperty(exports,"useOutclickLayer",{enumerable:true,get:function(){return chunkHFG4KP6L_js.f}});Object.defineProperty(exports,"useScrollGuard",{enumerable:true,get:function(){return chunkHFG4KP6L_js.d}});Object.defineProperty(exports,"useScrollLockTarget",{enumerable:true,get:function(){return chunkHFG4KP6L_js.c}});Object.defineProperty(exports,"cn",{enumerable:true,get:function(){return chunkNQZUCXJV_js.a}});//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/utils/index.mjs

@@ -0,0 +1,2 @@
+export{a as getFilesFromDataTransfer,b as useBodyScrollLock,e as useEscapeLayer,f as useOutclickLayer,d as useScrollGuard,c as useScrollLockTarget}from'../chunk-XP4PPF7V.mjs';export{a as cn}from'../chunk-7LHQWEWV.mjs';import'../chunk-QWPVIX2T.mjs';//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/utils/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/utils-jfCLo6l4.d.mts

@@ -0,0 +1,26 @@
+import React__default from 'react';
+
+type FileWithFolderPath = File & {
+    folder_path?: string;
+};
+declare const getFilesFromDataTransfer: (dataTransferItems: DataTransferItemList) => Promise<FileWithFolderPath[]>;
+declare const useBodyScrollLock: (isLocked: boolean) => void;
+/**
+ * Реєструє додатковий scroll-контейнер, який треба блокувати разом із body
+ * на час дії useBodyScrollLock. Якщо лок уже активний на момент монтування —
+ * контейнер блокується одразу.
+ */
+declare const useScrollLockTarget: (ref: React__default.RefObject<HTMLElement | null>) => void;
+declare const useScrollGuard: (panelRef: React__default.RefObject<HTMLElement | null>) => void;
+/**
+ * Хук для реєстрації компонента у глобальному стеку Escape.
+ * При натисканні Escape закривається тільки найвищий шар (LIFO).
+ */
+declare const useEscapeLayer: (onEscape: () => void, isActive?: boolean, autoDismiss?: boolean) => void;
+/**
+ * Хук для реєстрації компонента у глобальному стеку outclick.
+ * При кліку поза компонентом закривається тільки найвищий шар (LIFO).
+ */
+declare const useOutclickLayer: (ref: React__default.RefObject<Element | null>, onOutclick: () => void, isActive?: boolean) => void;
+
+export { type FileWithFolderPath as F, useEscapeLayer as a, useOutclickLayer as b, useScrollGuard as c, useScrollLockTarget as d, getFilesFromDataTransfer as g, useBodyScrollLock as u };

package/dist/utils-jfCLo6l4.d.ts

@@ -0,0 +1,26 @@
+import React__default from 'react';
+
+type FileWithFolderPath = File & {
+    folder_path?: string;
+};
+declare const getFilesFromDataTransfer: (dataTransferItems: DataTransferItemList) => Promise<FileWithFolderPath[]>;
+declare const useBodyScrollLock: (isLocked: boolean) => void;
+/**
+ * Реєструє додатковий scroll-контейнер, який треба блокувати разом із body
+ * на час дії useBodyScrollLock. Якщо лок уже активний на момент монтування —
+ * контейнер блокується одразу.
+ */
+declare const useScrollLockTarget: (ref: React__default.RefObject<HTMLElement | null>) => void;
+declare const useScrollGuard: (panelRef: React__default.RefObject<HTMLElement | null>) => void;
+/**
+ * Хук для реєстрації компонента у глобальному стеку Escape.
+ * При натисканні Escape закривається тільки найвищий шар (LIFO).
+ */
+declare const useEscapeLayer: (onEscape: () => void, isActive?: boolean, autoDismiss?: boolean) => void;
+/**
+ * Хук для реєстрації компонента у глобальному стеку outclick.
+ * При кліку поза компонентом закривається тільки найвищий шар (LIFO).
+ */
+declare const useOutclickLayer: (ref: React__default.RefObject<Element | null>, onOutclick: () => void, isActive?: boolean) => void;
+
+export { type FileWithFolderPath as F, useEscapeLayer as a, useOutclickLayer as b, useScrollGuard as c, useScrollLockTarget as d, getFilesFromDataTransfer as g, useBodyScrollLock as u };