feat: atualização da identidade visual com cores e logo da OCI

static/css/style.css

@@ -1,33 +1,48 @@
 :root {
-    --primary-color: #1a237e;
-    --secondary-color: #0d47a1;
-    --accent-color: #2962ff;
-    --background-color: #f5f5f5;
-    --text-color: #212121;
+    --primary-color: #E8000C;
+    --primary-dark: #B5000A;
+    --primary-light: #FF1A1A;
+    --secondary-color: #2D2D2D;
+    --secondary-light: #404040;
+    --secondary-dark: #1A1A1A;
+    --background-color: #FFFFFF;
+    --text-color: #2D2D2D;
+    --text-light: #FFFFFF;
+    --hover-color: #FF1A1A;
+    --disabled-color: #999999;
 }
 
 body {
     background-color: var(--background-color);
     color: var(--text-color);
+    font-family: 'Roboto', sans-serif;
 }
 
 .navbar {
-    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    background: var(--secondary-color) !important;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+    border-top: 3px solid var(--primary-color);
 }
 
 .navbar-brand {
     font-weight: 600;
     font-size: 1.4rem;
+    color: var(--text-light) !important;
+}
+
+.navbar-brand img {
+    height: 40px;
+    margin-right: 10px;
 }
 
 .nav-link {
     font-weight: 500;
     transition: all 0.3s ease;
+    color: var(--text-light) !important;
 }
 
 .nav-link:hover {
-    color: #fff !important;
+    color: var(--primary-color) !important;
     transform: translateY(-2px);
 }
 
@@ -40,20 +55,26 @@ body {
 
 .card:hover {
     transform: translateY(-5px);
+    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
 }
 
 .btn-primary {
-    background-color: var(--accent-color);
+    background-color: var(--primary-color);
     border: none;
     padding: 0.5rem 1.5rem;
     border-radius: 5px;
     font-weight: 500;
+    color: var(--text-light);
 }
 
 .btn-primary:hover {
-    background-color: var(--secondary-color);
+    background-color: var(--hover-color);
     transform: translateY(-2px);
-    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+    box-shadow: 0 2px 5px rgba(232, 0, 12, 0.3);
+}
+
+.btn-primary:disabled {
+    background-color: var(--disabled-color);
 }
 
 .table {
@@ -64,12 +85,16 @@ body {
 }
 
 .table thead th {
-    background-color: var(--primary-color);
-    color: white;
+    background-color: var(--secondary-color);
+    color: var(--text-light);
     font-weight: 500;
     border: none;
 }
 
+.table tbody tr:hover {
+    background-color: rgba(232, 0, 12, 0.05);
+}
+
 .form-control {
     border-radius: 5px;
     border: 1px solid #e0e0e0;
@@ -77,14 +102,20 @@ body {
 }
 
 .form-control:focus {
-    border-color: var(--accent-color);
-    box-shadow: 0 0 0 0.2rem rgba(41, 98, 255, 0.25);
+    border-color: var(--primary-color);
+    box-shadow: 0 0 0 0.2rem rgba(232, 0, 12, 0.25);
 }
 
-.alert {
-    border-radius: 10px;
+.alert-success {
+    background-color: #28a745;
+    color: white;
+    border: none;
+}
+
+.alert-danger {
+    background-color: var(--primary-color);
+    color: white;
     border: none;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
 }
 
 /* Animações para feedback */
@@ -110,4 +141,37 @@ body {
     .card {
         margin-bottom: 1rem;
     }
+}
+
+.dropdown-menu {
+    background-color: var(--secondary-color);
+    border: 1px solid var(--secondary-light);
+    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
+}
+
+.dropdown-item {
+    color: var(--text-light) !important;
+    transition: all 0.2s ease;
+}
+
+.dropdown-item:hover {
+    background-color: var(--primary-color);
+    color: var(--text-light) !important;
+}
+
+.dropdown-divider {
+    border-top: 1px solid var(--secondary-light);
+}
+
+/* Estilo para o menu mobile */
+@media (max-width: 768px) {
+    .navbar-collapse {
+        background-color: var(--secondary-color);
+        padding: 1rem;
+        border-radius: 0 0 10px 10px;
+    }
+    
+    .navbar-brand img {
+        height: 30px;
+    }
 }