diff --git a/resources/views/admin/invoice.blade.php b/resources/views/admin/invoice.blade.php
index 84aa37a..708cc9b 100644
--- a/resources/views/admin/invoice.blade.php
+++ b/resources/views/admin/invoice.blade.php
@@ -27,7 +27,7 @@
justify-content: space-between;
align-items: center;
border-radius: 17px 17px 0 0;
- background: #fceeb8ff;
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 54px;
padding: 15px 26px 10px 22px;
border-bottom: 1.4px solid #e8e2cf;
@@ -37,7 +37,7 @@
.invoice-management-title {
font-size: 1.32rem;
font-weight: 800;
- color: #2451af;
+ color: #ffffffff;
letter-spacing: .08em;
display: flex;
align-items: center;
@@ -223,7 +223,7 @@
/* Center all table content */
.table thead tr {
- background: #feebbe !important;
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.table thead th:first-child {
@@ -237,7 +237,7 @@
background: transparent !important;
border: none;
font-weight: 700;
- color: #343535;
+ color: #ffffffff;
letter-spacing: 0.02em;
font-size: 14px;
padding: 20px 15px;
@@ -258,25 +258,33 @@
/* Soft blue background for ALL table rows */
.table-striped tbody tr {
- background: #f0f8ff !important;
- transition: all 0.2s ease;
- border-radius: 12px;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
- }
+ background: #f0f8ff !important;
+ transition: all 0.15s ease;
+
+
+ border-radius: 6px;
+ box-shadow: 0 1px 4px rgba(0,0,0,0.05);
+}
+
+
+.table-striped tbody tr td {
+ padding: 6px 10px;
+ font-size: 14px;
+}
+
+.table-striped tbody tr:hover {
+ background: #e6f3ff !important;
+ box-shadow: 0 2px 6px rgba(0,0,0,0.08);
+ transform: translateY(-0.5px);
+}
- .table-striped tbody tr:hover {
- background: #e6f3ff !important;
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
- transform: translateY(-1px);
- }
- /* Remove striped pattern - all rows same soft blue */
.table-striped tbody tr:nth-of-type(odd),
.table-striped tbody tr:nth-of-type(even) {
background: #f0f8ff !important;
}
- /* Center all table cells with proper spacing */
+
.table td {
padding: 18px 15px;
border: none;
@@ -291,7 +299,7 @@
font-weight: 400;
}
- /* First and last cell rounded corners */
+
.table td:first-child {
padding-left: 30px;
font-weight: 600;
@@ -587,7 +595,7 @@
}
.date-separator {
- color: #64748b;
+ color: #000000ff;
font-weight: 500;
font-family: 'Inter', sans-serif;
}
diff --git a/resources/views/admin/shipments.blade.php b/resources/views/admin/shipments.blade.php
index afb33d2..7baca29 100644
--- a/resources/views/admin/shipments.blade.php
+++ b/resources/views/admin/shipments.blade.php
@@ -30,24 +30,32 @@
max-width: 100% !important;
}
- .table-responsive {
+ /* .table-responsive {
width: 100% !important;
- max-width: 100vw !important;
- overflow-x: auto !important;
+ max-width: 100vw !important
+ overflow-x: auto !important;
+ overflow-x: hidden !important;
margin: 0 !important;
padding: 0 !important;
-webkit-overflow-scrolling: touch;
- }
+ } */
+
+ .table-responsive {
+ overflow-x: hidden !important; /* auto ऐवजी hidden जर full remove करायचं असेल तर */
+}
+
+
/* Table specific fixes */
.table {
- width: 100% !important;
- min-width: 1200px !important;
- margin: 0 !important;
- border-collapse: separate;
- border-spacing: 0;
- table-layout: auto !important;
- }
+ width: 100% !important;
+ /* min-width: 1200px !important; */
+ margin: 0 !important;
+ border-collapse: separate;
+ border-spacing: 0;
+ table-layout: auto !important;
+}
+
.table thead th,
.table tbody td {
@@ -227,7 +235,7 @@
/* Table Styles */
.table-responsive {
border-radius: 0 0 16px 16px;
- overflow-x: auto !important;
+ overflow-x: auto !important;
width: 100% !important;
}
@@ -290,68 +298,84 @@
}
/* Status-specific badges */
- .badge-shipment_ready {
- background: linear-gradient(135deg, #dbeafe, #93c5fd) !important;
- color: #1e40af !important;
- border-color: #3b82f6 !important;
- width: 160px;
- }
-
- .badge-export_custom {
- background: linear-gradient(135deg, #e9d5ff, #c4b5fd) !important;
- color: #6b21a8 !important;
- border-color: #8b5cf6 !important;
- width: 160px;
- }
-
- .badge-international_transit {
- background: linear-gradient(135deg, #fef3c7, #fde68a) !important;
- color: #d97706 !important;
- border-color: #f59e0b !important;
- width: 160px;
- }
-
- .badge-arrived_india {
- background: linear-gradient(135deg, #a7f3d0, #6ee7b7) !important;
- color: #065f46 !important;
- border-color: #10b981 !important;
- width: 160px;
- }
-
- .badge-import_custom {
- background: linear-gradient(135deg, #fde68a, #fbbf24) !important;
- color: #92400e !important;
- border-color: #f59e0b !important;
- width: 160px;
- }
-
- .badge-warehouse {
- background: linear-gradient(135deg, #c4b5fd, #a78bfa) !important;
- color: #5b21b6 !important;
- border-color: #7c3aed !important;
- width: 160px;
- }
-
- .badge-domestic_distribution {
- background: linear-gradient(135deg, #93c5fd, #60a5fa) !important;
- color: #1e40af !important;
- border-color: #3b82f6 !important;
- width: 160px;
- }
-
- .badge-out_for_delivery {
- background: linear-gradient(135deg, #fbcfe8, #f9a8d4) !important;
- color: #be185d !important;
- border-color: #ec4899 !important;
- width: 160px;
- }
-
- .badge-delivered {
- background: linear-gradient(135deg, #d1fae5, #a7f3d0) !important;
- color: #065f46 !important;
- border-color: #10b981 !important;
- width: 160px;
- }
+ /* 1️⃣ Shipment Ready – ORANGE (Process Start) */
+.badge-shipment_ready {
+ background: linear-gradient(135deg, #ffedd5, #fdba74) !important;
+ color: #9a3412 !important;
+ border-color: #f97316 !important;
+ width: 160px;
+
+}
+
+/* 2️⃣ Export Custom – PURPLE (Official / Docs) */
+.badge-export_custom {
+ background: linear-gradient(135deg, #ede9fe, #c4b5fd) !important;
+ color: #5b21b6 !important;
+ border-color: #8b5cf6 !important;
+ width: 160px;
+}
+
+
+/* 3️⃣ International Transit – YELLOW (In-Transit / Alert) */
+.badge-international_transit {
+ background: linear-gradient(135deg, #fef9c3, #fde047) !important;
+ color: #a16207 !important;
+ border-color: #facc15 !important;
+ width: 160px;
+}
+
+
+/* 4️⃣ Arrived India – GREEN (Safe Arrival) */
+.badge-arrived_india {
+ background: linear-gradient(135deg, #dcfce7, #86efac) !important;
+ color: #166534 !important;
+ border-color: #22c55e !important;
+ width: 160px;
+}
+
+
+/* 5️⃣ Import Custom – AMBER (Verification / Hold) */
+.badge-import_custom {
+ background: linear-gradient(135deg, #fef3c7, #fbbf24) !important;
+ color: #92400e !important;
+ border-color: #f59e0b !important;
+ width: 160px;
+
+}
+
+/* 6️⃣ Warehouse – INDIGO (Storage / Control) */
+.badge-warehouse {
+ background: linear-gradient(135deg, #e0e7ff, #a5b4fc) !important;
+ color: #312e81 !important;
+ border-color: #6366f1 !important;
+ width: 160px;
+}
+
+/* 7️⃣ Domestic Distribution – BLUE (Movement) */
+.badge-domestic_distribution {
+ background: linear-gradient(135deg, #dbeafe, #60a5fa) !important;
+ color: #1e3a8a !important;
+ border-color: #3b82f6 !important;
+ width: 160px;
+}
+
+/* 8️⃣ Out For Delivery – PINK (Final Action) */
+.badge-out_for_delivery {
+ background: linear-gradient(135deg, #fce7f3, #f9a8d4) !important;
+ color: #9d174d !important;
+ border-color: #ec4899 !important;
+ width: 160px;
+
+}
+
+/* 9️⃣ Delivered – DARK GREEN (Success) */
+.badge-delivered {
+ background: linear-gradient(135deg, #d1fae5, #6ee7b7) !important;
+ color: #065f46 !important;
+ border-color: #10b981 !important;
+ width: 150px;
+}
+
/* Default badge styles - SAME SIZE */
.badge.bg-info {
@@ -1763,12 +1787,12 @@
-