FIla de espera

src/pages/style/FilaEspera.css

@@ -0,0 +1,71 @@
+:root {
+    --bg-light: #f7f9fc;
+    --bg-container: #ffffff;
+    --border-color: #e0e0e0;
+    --text-color: #333333;
+    --text-subtle: #666666;
+    --blue-primary: #1a73e8;
+}
+
+.fila-container {
+    margin-top: -1px;
+    padding: 24px;
+    background: #ffffff;
+    border: 1px solid #dbe9f6;
+    border-top: none;
+   border-radius: 15px 0px 25px 5px;
+    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
+    font-family: "Segoe UI", Tahoma, sans-serif;
+    max-width: 2500px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.fila-titulo {
+    font-size: 20px;
+    font-weight: 600;       
+    color: var(--text-color, #333);
+    margin-top: 0;
+    margin-bottom: 20px;
+    padding-bottom: 15px;
+    border-bottom: 1px solid var(--border-color, #e0e0e0);
+}
+
+.fila-tabela {
+    table-layout: fixed;
+    width: 100%;
+}
+
+.fila-tabela th {
+    text-align: left;
+    padding: 12px 15px;
+    font-weight: bold;
+    font-size: 13px;
+    color: var(--text-subtle, #666);
+    text-transform: uppercase;
+    border-bottom: 2px solid var(--border-color, #e0e0e0);
+}
+
+.fila-tabela td {
+    padding: 15px;
+    border-bottom: 1px solid var(--border-color, #e0e0e0);
+    color: var(--text-color, #333);
+    font-size: 15px;
+}
+
+.fila-tabela tbody tr:nth-child(odd) {
+    background-color: #f2f2f2; 
+}
+
+.fila-tabela tbody tr:nth-child(even) {
+    background-color: #ffffff;
+}
+
+.fila-tabela tbody tr:last-child td {
+    border-bottom: none;
+}
+
+.fila-tabela tbody tr:hover {
+    background-color: #dcdcdc; 
+    cursor: pointer;
+}