@pmidc/upyog-css 1.2.36-dev.1.35 → 1.2.36-dev.1.37

package/src/modules/rentAndLease/index.scss

@@ -283,187 +283,6 @@
   margin-top: 30px;
 }
 
-.ral-payment-history {
-  margin-top: 24px;
-}
-
-.ral-payment-history__header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 24px;
-  margin-bottom: 20px;
-}
-
-.ral-payment-history__consumer {
-  margin: 4px 0 0;
-  color: #5b6b82;
-  font-size: 14px;
-}
-
-.ral-payment-history__totals {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
-}
-
-.ral-payment-history__totals > div {
-  min-width: 126px;
-  padding: 10px 14px;
-  border: 1px solid #dbe7f5;
-  border-radius: 8px;
-  background: #f7fbff;
-}
-
-.ral-payment-history__totals span,
-.ral-payment-history__totals strong {
-  display: block;
-}
-
-.ral-payment-history__totals span {
-  color: #5b6b82;
-  font-size: 12px;
-}
-
-.ral-payment-history__totals strong {
-  margin-top: 4px;
-  color: #173f73;
-  font-size: 16px;
-}
-
-.ral-payment-history__table-wrap {
-  overflow-x: auto;
-  border: 1px solid #dbe7f5;
-  border-radius: 8px;
-}
-
-.ral-payment-history__table {
-  width: 100%;
-  min-width: 780px;
-  border-collapse: collapse;
-  color: #23354d;
-  font-size: 14px;
-}
-
-.ral-payment-history__table th,
-.ral-payment-history__table td {
-  padding: 14px 16px;
-  border-bottom: 1px solid #e4edf7;
-  text-align: left;
-  vertical-align: middle;
-}
-
-.ral-payment-history__table th {
-  color: #5b6b82;
-  background: #f7faff;
-  font-size: 12px;
-  font-weight: 700;
-  letter-spacing: 0.03em;
-  text-transform: uppercase;
-}
-
-.ral-payment-history__table tbody tr:last-child td {
-  border-bottom: 0;
-}
-
-.ral-payment-history__month-button {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  color: #0b63ce;
-  font: inherit;
-  font-weight: 700;
-  cursor: pointer;
-}
-
-.ral-payment-history__month-button:disabled {
-  color: #23354d;
-  cursor: default;
-}
-
-.ral-payment-history__month-button span {
-  width: 10px;
-  color: #287e37;
-  font-size: 18px;
-  line-height: 1;
-}
-
-.ral-payment-history__status {
-  display: inline-block;
-  padding: 5px 9px;
-  border-radius: 999px;
-  font-size: 12px;
-  font-weight: 700;
-  white-space: nowrap;
-}
-
-.ral-payment-history__status--paid {
-  color: #16733a;
-  background: #eaf8ee;
-}
-
-.ral-payment-history__status--partially_paid {
-  color: #9a5b00;
-  background: #fff4dd;
-}
-
-.ral-payment-history__status--due {
-  color: #b42318;
-  background: #fff0ef;
-}
-
-.ral-payment-history__receipts-row td {
-  padding: 0;
-  background: #f7fbff;
-}
-
-.ral-payment-history__receipts {
-  padding: 8px 16px;
-}
-
-.ral-payment-history__receipt {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px 18px;
-  padding: 10px 0;
-  border-bottom: 1px solid #e4edf7;
-}
-
-.ral-payment-history__receipt:last-child {
-  border-bottom: 0;
-}
-
-.ral-payment-history__receipt strong {
-  color: #173f73;
-}
-
-.ral-payment-history__message {
-  padding: 24px 0;
-  color: #5b6b82;
-}
-
-.ral-payment-history__message--error {
-  color: #b42318;
-}
-
-@media (max-width: 768px) {
-  .ral-payment-history__header,
-  .ral-payment-history__totals {
-    flex-direction: column;
-  }
-
-  .ral-payment-history__totals {
-    width: 100%;
-  }
-
-  .ral-payment-history__totals > div {
-    width: 100%;
-  }
-}
-
 .ral-bill-generate {
   max-width: 100%;
 }
@@ -766,6 +585,147 @@
   margin: 0;
 }
 
+.ral-new-inbox-filters .ndc-new-inbox-filter-card {
+  margin: 0 !important;
+}
+
+.ral-new-inbox-search {
+  align-items: flex-end;
+}
+
+.ral-new-inbox-search-fields {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(180px, 1fr));
+  flex: 1;
+  gap: 14px;
+}
+
+.ral-new-inbox-search-fields label {
+  display: flex;
+  flex-direction: column;
+  gap: 7px;
+  color: var(--mseva-text, #132447);
+  font-size: 13px;
+  font-weight: 700;
+}
+
+.ral-new-inbox-search-fields input {
+  width: 100%;
+  min-height: 42px;
+  box-sizing: border-box;
+  padding: 9px 12px;
+  border: 1px solid #d4e1ef;
+  border-radius: 8px;
+  background: #ffffff;
+  color: var(--mseva-text, #132447);
+  font: inherit;
+}
+
+.ral-new-inbox-search-fields input:focus {
+  border-color: #0b63ce;
+  outline: none;
+}
+
+.ral-new-inbox-search-actions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.ral-new-inbox-search-button,
+.ral-new-inbox-clear-button {
+  min-height: 42px;
+  padding: 0 18px;
+  border-radius: 8px;
+  font: inherit;
+  font-size: 14px;
+  font-weight: 700;
+  cursor: pointer;
+}
+
+.ral-new-inbox-search-button {
+  border: 1px solid #0756a8;
+  background: #0756a8;
+  color: #ffffff;
+}
+
+.ral-new-inbox-search-button:hover {
+  background: #063a78;
+}
+
+.ral-new-inbox-clear-button {
+  border: 0;
+  background: transparent;
+  color: #0756a8;
+}
+
+.ral-new-inbox-clear-button:hover {
+  text-decoration: underline;
+}
+
+.ral-new-inbox-status {
+  display: inline-flex;
+  align-items: center;
+  min-height: 30px;
+  padding: 3px 10px;
+  border-radius: 999px;
+  background: #e8f2ff;
+  color: #0756a8;
+  font-weight: 700;
+  white-space: nowrap;
+}
+
+@media (min-width: 769px) {
+  .ral-new-inbox-table-wrapper .ndc-new-table {
+    min-width: 1180px;
+    table-layout: auto;
+  }
+
+  .ral-new-inbox-table-wrapper .ndc-new-table th:nth-child(1),
+  .ral-new-inbox-table-wrapper .ndc-new-table td:nth-child(1) {
+    min-width: 250px;
+    white-space: nowrap;
+  }
+
+  .ral-new-inbox-table-wrapper .ndc-new-table th:nth-child(2),
+  .ral-new-inbox-table-wrapper .ndc-new-table td:nth-child(2) {
+    min-width: 190px;
+  }
+
+  .ral-new-inbox-table-wrapper .ndc-new-table th:nth-child(3),
+  .ral-new-inbox-table-wrapper .ndc-new-table td:nth-child(3) {
+    min-width: 180px;
+  }
+
+  .ral-new-inbox-table-wrapper .ndc-new-table th:nth-child(4),
+  .ral-new-inbox-table-wrapper .ndc-new-table td:nth-child(4),
+  .ral-new-inbox-table-wrapper .ndc-new-table th:nth-child(5),
+  .ral-new-inbox-table-wrapper .ndc-new-table td:nth-child(5),
+  .ral-new-inbox-table-wrapper .ndc-new-table th:nth-child(6),
+  .ral-new-inbox-table-wrapper .ndc-new-table td:nth-child(6) {
+    min-width: 150px;
+    white-space: nowrap;
+  }
+}
+
+@media (max-width: 768px) {
+  .ral-new-inbox-search {
+    align-items: stretch;
+  }
+
+  .ral-new-inbox-search-fields {
+    grid-template-columns: 1fr;
+  }
+
+  .ral-new-inbox-search-actions {
+    justify-content: space-between;
+  }
+
+  .ral-new-inbox-search-button {
+    flex: 1;
+  }
+}
+
 .ral-property-details__non-legacy--hidden {
   display: none;
 }

package/src/pages/citizen/HomePageWrapper.scss

@@ -17,56 +17,51 @@
     }
   }
 .hero-banner-styles {
-  background: linear-gradient(140deg, #003C71 0%, #1A5CA8 100%);
+  background: linear-gradient(135deg, #4f65d8 0%, #00157a 100%);
   border-radius: 16px;
-  padding: 52px 40px 44px;
-  margin: 20px 0;
+  padding: 60px 40px;
+  margin: 24px 0;
   text-align: center;
   color: #fff;
-  position: relative;
-  overflow: hidden;
 }
 
 .hero-title-styles {
-  font-size: 36px;
+  font-size: 42px;
   font-weight: 700;
-  margin-bottom: 8px;
-  letter-spacing: -0.3px;
+  margin-bottom: 12px;
+  letter-spacing: -0.5px;
 }
 
 .heroSubtitleStyles {
-  font-size: 16px;
+  font-size: 18px;
   font-weight: 400;
-  margin-bottom: 28px;
-  opacity: 0.9;
+  margin-bottom: 32px;
+  opacity: 0.95;
 }
 
 .searchBarStyles {
-  max-width: 560px;
+  max-width: 600px;
   margin: 0 auto;
   background-color: #fff;
   border-radius: 12px;
-  padding: 12px 18px;
+  padding: 14px 20px;
   display: flex;
   align-items: center;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
 }
 
 .searchInputStyles {
   border: none;
   outline: none;
   width: 100%;
-  font-size: 14px;
-  margin-left: 10px;
-  color: #1F1F1F;
-  font-family: "Noto Sans", sans-serif;
+  font-size: 16px;
+  margin-left: 12px;
+  color: black;
 }
 
 .searchIconStyles {
-  color: #626A6E;
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
+  color: #9ca3af;
+  font-size: 20px;
 }
 
 

package/src/pages/citizen/citizenNewLogin.scss

@@ -189,6 +189,25 @@
   border-radius: 8px !important;
 }
 
+/* The shared Dropdown renders a wrapper and a text input. The wrapper owns the control border. */
+.location-wrapper .select-wrap .select,
+.location-wrapper .select-wrap .select-active {
+  box-sizing: border-box;
+}
+
+.location-wrapper .select-wrap .select input[type="text"],
+.location-wrapper .select-wrap .select-active input[type="text"] {
+  min-height: 0;
+  border: 0 !important;
+  border-radius: 0;
+  box-shadow: none !important;
+}
+
+.location-wrapper .select-wrap .select-active {
+  border: 1px solid #2563eb !important;
+  box-shadow: none !important;
+}
+
 .input-wrapper .submit-bar,
 .input-wrapper .submit-bar-disabled {
   width: 100%;