9remote 2.0.59 → 2.0.65

package/dist/ui/assets/{index-DbeWsL_A.css → index-CMuW3Xmi.css}

@@ -825,6 +825,17 @@ button {
     border-radius: var(--radius-brand);
     transition: background-color 0.3s ease, border-color 0.3s ease;
   }
+/* Elevated cards — soft shadow, no flat border (web parity) */
+.card-elev {
+    background: var(--surface);
+    box-shadow: var(--shadow-elev);
+    border: 1px solid var(--border-subtle);
+    border-radius: var(--radius-brand-lg);
+    transition: box-shadow 0.2s ease, border-color 0.2s ease;
+  }
+.card-elev:hover {
+    border-color: var(--border);
+  }
 /* Glass card — kept for backward compat */
 .glass-card {
     background: var(--glass-bg);
@@ -992,6 +1003,9 @@ button {
 .mb-2{
   margin-bottom: 0.5rem;
 }
+.mb-2\.5{
+  margin-bottom: 0.625rem;
+}
 .mb-3{
   margin-bottom: 0.75rem;
 }
@@ -1037,6 +1051,9 @@ button {
 .h-1\.5{
   height: 0.375rem;
 }
+.h-10{
+  height: 2.5rem;
+}
 .h-16{
   height: 4rem;
 }
@@ -1085,6 +1102,9 @@ button {
 .w-1\.5{
   width: 0.375rem;
 }
+.w-10{
+  width: 2.5rem;
+}
 .w-11{
   width: 2.75rem;
 }
@@ -1331,10 +1351,6 @@ button {
 .bg-black\/40{
   background-color: rgb(0 0 0 / 0.4);
 }
-.bg-gray-400{
-  --tw-bg-opacity: 1;
-  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
-}
 .bg-green-400{
   --tw-bg-opacity: 1;
   background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
@@ -1343,10 +1359,6 @@ button {
   --tw-bg-opacity: 1;
   background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
 }
-.bg-red-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
-}
 .bg-transparent{
   background-color: transparent;
 }
@@ -1431,9 +1443,9 @@ button {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
-.py-4{
-  padding-top: 1rem;
-  padding-bottom: 1rem;
+.py-5{
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
 }
 .py-8{
   padding-top: 2rem;
@@ -1445,18 +1457,21 @@ button {
 .pb-3{
   padding-bottom: 0.75rem;
 }
+.pb-4{
+  padding-bottom: 1rem;
+}
 .pl-12{
   padding-left: 3rem;
 }
+.pl-6{
+  padding-left: 1.5rem;
+}
 .pr-8{
   padding-right: 2rem;
 }
 .pt-2{
   padding-top: 0.5rem;
 }
-.pt-4{
-  padding-top: 1rem;
-}
 .pt-5{
   padding-top: 1.25rem;
 }
@@ -1488,8 +1503,11 @@ button {
 .text-\[16px\]{
   font-size: 16px;
 }
-.text-\[18px\]{
-  font-size: 18px;
+.text-\[19px\]{
+  font-size: 19px;
+}
+.text-\[22px\]{
+  font-size: 22px;
 }
 .text-base{
   font-size: 1rem;
@@ -1548,10 +1566,6 @@ button {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity, 1));
 }
-.text-green-400{
-  --tw-text-opacity: 1;
-  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
-}
 .text-red-400{
   --tw-text-opacity: 1;
   color: rgb(248 113 113 / var(--tw-text-opacity, 1));
@@ -1612,6 +1626,9 @@ button {
 .duration-300{
   transition-duration: 300ms;
 }
+.duration-500{
+  transition-duration: 500ms;
+}
 .ease-linear{
   transition-timing-function: linear;
 }
@@ -1620,8 +1637,8 @@ button {
 }
 /* Design tokens — synced with web/app/globals.css */
 :root {
-  --radius-brand: 10px;
-  --radius-brand-lg: 14px;
+  --radius-brand: 12px;
+  --radius-brand-lg: 18px;
 }
 /* Light theme — GitBook-style softer brand (web light) */
 :root[data-theme="light"] {
@@ -1645,6 +1662,20 @@ button {
   --glass-hover: rgba(255, 255, 255, 0.8);
   --grid-opacity: 0.08;
   --header-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+  --surface-3: #E7E7E9;
+  --text-subtle: #9CA3AF;
+  --success: #10B981;
+  --success-rgb: 16, 185, 129;
+  --danger: #CF222E;
+  --danger-rgb: 207, 34, 46;
+  --warn: #D97706;
+  --warn-rgb: 217, 119, 6;
+  --info: #7C3AED;
+  --shadow-soft: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+  --shadow-elev:
+    inset 0 1px 0 0 rgba(255, 255, 255, 0.9),
+    0 1px 2px rgba(15, 23, 42, 0.05),
+    0 16px 44px -12px rgba(15, 23, 42, 0.16);
 }
 /* Dark theme — Claude-like neutral warm dark (web default) */
 :root[data-theme="dark"] {
@@ -1668,6 +1699,20 @@ button {
   --glass-hover: rgba(48, 48, 48, 0.8);
   --grid-opacity: 0.04;
   --header-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+  --surface-3: #3A3A3A;
+  --text-subtle: #6B7280;
+  --success: #22C55E;
+  --success-rgb: 34, 197, 94;
+  --danger: #EF4444;
+  --danger-rgb: 239, 68, 68;
+  --warn: #F59E0B;
+  --warn-rgb: 245, 158, 11;
+  --info: #A855F7;
+  --shadow-soft: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  --shadow-elev:
+    inset 0 1px 0 0 rgba(255, 255, 255, 0.06),
+    0 2px 4px rgba(0, 0, 0, 0.4),
+    0 20px 56px -12px rgba(0, 0, 0, 0.7);
 }
 /* Brand-tinted text selection (9router) */
 ::-moz-selection {
@@ -1836,9 +1881,9 @@ button {
     padding-left: 2.5rem;
     padding-right: 2.5rem;
   }
-  .lg\:text-xl{
-    font-size: 1.25rem;
-    line-height: 1.75rem;
+  .lg\:text-2xl{
+    font-size: 1.5rem;
+    line-height: 2rem;
   }
 }
 @media (min-width: 1280px){