Revert card/modal/container borders to original light colors

User feedback: Form controls with dark borders (#555) work fine, but
card/modal/container borders looked bad with dark colors.

Reverted to original light borders:
- Cards, card-header, card-footer: #ebeef4 (light gray)
- Modals: #ebeef4 (light gray)
- Dropdowns: #ebeef4 (light gray)
- Breadcrumb: #ebeef4 (light gray)
- List groups: #ebeef4 (light gray)
- Box/Panel components: #ebeef4 (light gray)
- Profile/User cards: #ebeef4 (light gray)
- Dashboard cards: #ebeef4 (light gray)
- Sidebar/Header: #ebeef4 (light gray)
- Tables: #ddd (moderate gray, slightly darker than cards)

KEPT dark borders (user says these work fine):
- Form controls (input, select, textarea): #555 (dark gray)
- Form control focus: #333 (very dark)
- Input groups: #555 (dark gray)
- Select2: #555 (dark gray)
- jQuery UI: #666 (dark gray)

Final result: Dark, highly visible borders only on interactive form
controls. Subtle, professional light borders on structural containers.

app/Views/storestock/_niceadmin_theme.php

@@ -14,7 +14,7 @@
 
 .storestock-ui .box {
     background: #fff;
-    border: 1px solid #999;
+    border: 1px solid #ebeef4;
     border-radius: 12px;
     box-shadow: 0 0 24px rgba(1, 41, 112, 0.06);
     margin-bottom: 1rem;
@@ -23,7 +23,7 @@
 .storestock-ui .box-header,
 .storestock-ui .box-footer {
     padding: .85rem 1rem;
-    border-color: #999;
+    border-color: #ebeef4;
 }
 
 .storestock-ui .box-body {
@@ -46,7 +46,7 @@
     min-height: 94px;
     margin: .35rem;
     padding: .75rem;
-    border: 1px solid #999;
+    border: 1px solid #ebeef4;
     border-radius: 10px;
     background: #fff;
     color: #012970;
@@ -120,18 +120,18 @@
 .storestock-ui .bg-gray {
     background: #f6f9ff;
     color: #012970;
-    border-bottom: 1px solid #999;
+    border-bottom: 1px solid #ebeef4;
 }
 
 .storestock-ui .modal-content {
     border-radius: 12px;
-    border: 1px solid #666;
+    border: 1px solid #ebeef4;
     box-shadow: 0 0 30px rgba(1, 41, 112, 0.15);
 }
 
 .storestock-ui .modal-header {
     background: #f6f9ff;
-    border-bottom: 1px solid #888;
+    border-bottom: 1px solid #ebeef4;
 }
 
 .storestock-ui .modal-title {
@@ -140,7 +140,7 @@
 }
 
 .storestock-ui .module-hero {
-    border: 1px solid #999;
+    border: 1px solid #e9edf5;
     background: linear-gradient(135deg, #f6f9ff 0%, #ffffff 85%);
     border-radius: 14px;
     padding: 1rem 1.1rem;

public/assets/css/custom-theme-dark-borders.css

@@ -49,39 +49,39 @@ textarea:disabled {
 }
 
 /* ========================================
-   Cards - Darker Borders
+   Cards - Keep Original Light Borders
    ======================================== */
 
 .card {
-    border: 1px solid #999 !important;
+    border: 1px solid #ebeef4 !important;
 }
 
 .card-header,
 .card-footer {
-    border-color: #999 !important;
+    border-color: #ebeef4 !important;
 }
 
 /* ========================================
-   Tables - Darker Borders
+   Tables - Keep Moderate Borders
    ======================================== */
 
 .table {
-    border-color: #999 !important;
+    border-color: #ddd !important;
 }
 
 .table > :not(caption) > * > * {
-    border-bottom-color: #aaa !important;
+    border-bottom-color: #ddd !important;
 }
 
 .table > thead > tr > th {
-    border-bottom: 2px solid #777 !important;
+    border-bottom: 2px solid #999 !important;
 }
 
 /* DataTables specific */
 .dataTables_wrapper table.dataTable,
 .dataTables_wrapper table.dataTable thead th,
 .dataTables_wrapper table.dataTable tbody td {
-    border-color: #999 !important;
+    border-color: #ddd !important;
 }
 
 /* ========================================
@@ -102,28 +102,28 @@ textarea:disabled {
 }
 
 /* ========================================
-   Modals - Darker Borders
+   Modals - Keep Original Light Borders
    ======================================== */
 
 .modal-content {
-    border: 1px solid #666 !important;
+    border: 1px solid #ebeef4 !important;
 }
 
 .modal-header,
 .modal-footer {
-    border-color: #888 !important;
+    border-color: #ebeef4 !important;
 }
 
 /* ========================================
-   Dropdowns - Darker Borders
+   Dropdowns - Keep Original Light Borders
    ======================================== */
 
 .dropdown-menu {
-    border: 1px solid #666 !important;
+    border: 1px solid #ebeef4 !important;
 }
 
 .dropdown-divider {
-    border-color: #888 !important;
+    border-color: #ddd !important;
 }
 
 /* ========================================
@@ -243,31 +243,31 @@ textarea:disabled {
 }
 
 /* ========================================
-   Breadcrumb - Darker Borders
+   Breadcrumb - Keep Original Light Borders
    ======================================== */
 
 .breadcrumb {
-    border: 1px solid #999 !important;
+    border: 1px solid #ebeef4 !important;
 }
 
 /* ========================================
-   List Group - Darker Borders
+   List Group - Keep Original Light Borders
    ======================================== */
 
 .list-group-item {
-    border-color: #999 !important;
+    border-color: #ebeef4 !important;
 }
 
 /* ========================================
-   Sidebar & Header - Darker Borders
+   Sidebar & Header - Keep Original Light Borders
    ======================================== */
 
 .sidebar {
-    border-right: 1px solid #777 !important;
+    border-right: 1px solid #ebeef4 !important;
 }
 
 .header {
-    border-bottom: 1px solid #888 !important;
+    border-bottom: 1px solid #ebeef4 !important;
 }
 
 /* ========================================
@@ -283,19 +283,19 @@ textarea:disabled {
 }
 
 /* ========================================
-   Box/Panel Components - Darker Borders
+   Box/Panel Components - Keep Original Light Borders
    ======================================== */
 
 .box,
 .panel {
-    border: 1px solid #999 !important;
+    border: 1px solid #ebeef4 !important;
 }
 
 .box-header,
 .box-footer,
 .panel-heading,
 .panel-footer {
-    border-color: #999 !important;
+    border-color: #ebeef4 !important;
 }
 
 /* ========================================
@@ -308,20 +308,20 @@ hr {
 }
 
 /* ========================================
-   Profile & User Cards - Darker Borders
+   Profile & User Cards - Keep Original Light Borders
    ======================================== */
 
 .profile-card,
 .user-card {
-    border: 1px solid #999 !important;
+    border: 1px solid #ebeef4 !important;
 }
 
 /* ========================================
-   Dashboard Cards - Enhanced Visibility
+   Dashboard Cards - Keep Original Light Borders
    ======================================== */
 
 .dashboard .card,
 .info-card {
-    border: 1px solid #999 !important;
+    border: 1px solid #ebeef4 !important;
     box-shadow: 0 0 24px rgba(1, 41, 112, 0.12) !important;
 }