From f8dfe812fff6d0a5d315e7ef660b258d099c8cdc Mon Sep 17 00:00:00 2001
From: KodekaTeam <kodekateam@gmail.com>
Date: Mon, 20 Jul 2026 03:14:05 +0700
Subject: [PATCH] chore: update globals.css

---
 src/app/globals.css | 31 +++++++++++++++++++------------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 5d3e68d..d549837 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -140,7 +140,7 @@ html[data-theme="light"] {
   --scrollbar-track: #e2e8f0;
   --scrollbar-thumb: #cbd5e1;
 
-  /* Toast tones — light */
+  /* Toast tones — light */
   --toast-success-border: 1px solid rgba(16, 185, 129, 0.22);
   --toast-success-bg: #ecfdf5;
   --toast-success-title: #14532d;
@@ -384,8 +384,20 @@ body {
   flex: 1 1 240px;
 }
 
-.deployment-filter-toolbar { display: flex; align-items: flex-end; justify-content: flex-end; gap: 12px; flex-wrap: wrap; }
-.deployment-filter-control { display: grid; gap: 4px; min-width: 160px; flex: 0 1 190px; }
+.deployment-filter-toolbar {
+  display: flex;
+  align-items: flex-end;
+  justify-content: flex-end;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.deployment-filter-control {
+  display: grid;
+  gap: 4px;
+  min-width: 160px;
+  flex: 0 1 190px;
+}
 
 @media (max-width: 768px) {
   .ui-responsive-toolbar,
@@ -419,9 +431,6 @@ body {
   .ui-tab-scroll {
     width: 100%;
   }
-
-  .deployment-filter-toolbar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; justify-content: stretch; }
-  .deployment-filter-control { min-width: 0; width: 100%; flex: none; }
 }
 
 /* Gradient text */
@@ -809,7 +818,7 @@ body {
 .btn-primary:disabled,
 .btn-primary[aria-disabled="true"] {
   background: #022ab1;
-  color: var(--text-muted);
+  color: #94a3b8;
 }
 .btn-ghost {
   background: transparent;
@@ -911,7 +920,7 @@ body {
   position: relative;
   background: var(--bg-card);
   border: 1px solid var(--border);
-  border-radius: 14px;
+  border-radius: 4px;
   box-sizing: border-box;
   padding: 24px;
   width: 100%;
@@ -1009,8 +1018,7 @@ body {
   .modal-overlay {
     align-items: flex-start;
     padding: max(8px, env(safe-area-inset-top))
-      max(8px, env(safe-area-inset-right))
-      max(8px, env(safe-area-inset-bottom))
+      max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom))
       max(8px, env(safe-area-inset-left));
   }
 
@@ -1026,8 +1034,7 @@ body {
 
   .modal-overlay-wide {
     padding: max(8px, env(safe-area-inset-top))
-      max(8px, env(safe-area-inset-right))
-      max(8px, env(safe-area-inset-bottom))
+      max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom))
       max(8px, env(safe-area-inset-left));
   }