Refacto QSS, add comments

styles/styles.qss

@@ -209,3 +209,91 @@ QSlider::handle:horizontal:pressed {
     background: #E65100;
     border-radius: 8px;
 }
+
+/* ----------------------------------------------
+ Custom Message Box
+ ----------------------------------------------*/
+
+QWidget#MsgBoxMainContainer {
+    border-radius: 15px;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+QWidget#MsgBoxMainContainer[iconType="info"] {
+    background: qlineargradient(
+        x1: 0, y1: 0, x2: 1, y2: 1,
+        stop: 0 #101624,
+        stop: 1 #248277
+    );
+}
+
+QWidget#MsgBoxMainContainer[iconType="warning"] {
+    background: qlineargradient(
+        x1: 0, y1: 0, x2: 1, y2: 1,
+        stop: 0 #101624,
+        stop: 1 #cf5b16
+    );
+}
+
+QWidget#MsgBoxMainContainer QLabel,
+QWidget#MsgBoxMainContainer QPushButton
+{
+    color: white;
+    font-family: 'Segoe UI';
+}
+
+QPushButton#MsgBoxOkButton,
+QPushButton#MsgBoxCancelButton {
+    border-radius: 6px;
+    /* color: white;*/
+    padding: 8px 20px;
+    font-weight: bold;
+    font-size: 12px;
+    border: 1px solid rgba(255,255,255,0.05);
+}
+
+QPushButton#MsgBoxOkButton {
+  background: #248277;
+}
+
+QPushButton#MsgBoxCancelButton {
+  background: #2a313d;
+}
+
+QPushButton#MsgBoxOkButton:hover,
+QPushButton#MsgBoxCancelButton:hover{
+  background: #363d4a;
+  border: 1px solid white;
+}
+
+QPushButton#MsgBoxCloseButton {
+  background: transparent;
+  color: white;
+  border: none;
+  font-size: 14px;
+  /* Rayon identique au container (15px) pour épouser parfaitement le coin */
+  border-top-right-radius: 15px;
+  border-bottom-left-radius: 10px;
+}
+
+QPushButton#MsgBoxCloseButton:hover {
+  background-color: #e74c3c;
+  color: white;
+}
+
+QLabel#MsgBoxTitleLabel {
+  font-weight: bold;
+  font-size: 10px;
+  color: rgba(255,255,255,0.7);
+  letter-spacing: 1px;
+}
+
+QLabel#MsgBoxMessageLabel {
+  font-size: 14px;
+  color: #f0f0f0;
+}
+
+QLabel#MsgBoxIconLabel {
+  font-size: 35px;
+  margin-right: 10px;
+}