feat: implement media download functionality and enhance case handling in reports

resources/css/Client/ui/button.css

@@ -41,19 +41,11 @@
 
 
 .ui-button--success.p-button {
-  @apply !bg-success !border-success font-normal !text-white;
-}
-
-.ui-button--success.p-button:hover {
-  @apply !bg-success-active !border-success-active;
-}
-
-.ui-button--success.p-button:active {
-  @apply !bg-success-active !border-success-active;
+  @apply !bg-complement-700 !border-complement-700 !text-white;
 }
 
 .ui-button--success.p-button:focus {
-  box-shadow: 0 0 0 2px rgb(80 205 137 / 0.25);
+  box-shadow: 0 0 0 2px rgb(87 105 137 / 0.25);
 }
 
 .ui-button-icon {

resources/css/Client/ui/fast-request.css

@@ -41,12 +41,6 @@
     padding: 8px 16px !important;
 }
 
-.fast-request-dialog .ui-button .p-button.p-button-success {
-    background: #576989 !important;
-    border-color: #576989 !important;
-    color: #FFFFFF !important;
-}
-
 .fast-request-dialog .p-inputtext::placeholder {
     color: #6E91C9;
 }
@@ -87,26 +81,3 @@
     background: #576989 !important;
 }
 
-.fast-request-dialog .p-fileupload-choose-button,
-.fast-request-dialog .p-fileupload-header {
-    display: none !important;
-}
-
-.fast-request-dialog .p-fileupload {
-    width: 100% !important;
-    height: 100% !important;
-    display: flex !important;
-    align-items: center !important;
-    justify-content: center !important;
-}
-
-.fast-request-dialog .p-fileupload-content {
-    pointer-events: auto !important;
-    width: 100%;
-}
-
-.fast-request-dialog .p-fileupload-advanced {
-    border: 2px solid #C1D0E8 !important;
-    border-style: dashed !important;
-    border-radius: 6px !important;
-}

resources/css/Client/ui/file-upload.css

@@ -0,0 +1,41 @@
+.ui-file-upload .p-fileupload {
+  @apply w-full;
+  border: 1.5px dashed #C1D0E8;
+  border-radius: 16px;
+  background: #F8FAFC;
+  transition: border-color 0.2s, background-color 0.2s;
+}
+
+.ui-file-upload .p-fileupload-header {
+  display: none;
+}
+
+.ui-file-upload--filled .p-fileupload {
+  border-style: solid;
+  border-color: #DEE3EB;
+  background: #FFFFFF;
+}
+
+.ui-file-upload:hover .p-fileupload,
+.ui-file-upload--dragging .p-fileupload {
+  border-color: #365891;
+  background: #EEF2F8;
+}
+
+.ui-file-upload .p-fileupload-content {
+  @apply w-full p-3;
+  pointer-events: auto;
+}
+
+.ui-file-upload-dropzone {
+  @apply w-full min-h-[8.5rem] flex flex-col items-center justify-center gap-1 text-center cursor-pointer;
+}
+
+.ui-file-upload-icon {
+  @apply w-11 h-11 mb-1 flex items-center justify-center rounded-full bg-[#EEF2F8] text-[#365891] transition-transform;
+}
+
+.ui-file-upload:hover .ui-file-upload-icon,
+.ui-file-upload--dragging .ui-file-upload-icon {
+  @apply scale-110 bg-white;
+}

resources/css/client.css

@@ -8,6 +8,7 @@
 @import "./Client/ui/card.css";
 @import "./Client/ui/select.css";
 @import "./Client/ui/fast-request.css";
+@import "./Client/ui/file-upload.css";
 @import "./Client/ui/table.css";
 @import "./Shared/shift-calendar.css";
 @import "tailwindcss";