diff --git a/ui/src/pages/ProductionProductCostingHasCostDetail.vue b/ui/src/pages/ProductionProductCostingHasCostDetail.vue
index b351106..29e8e83 100644
--- a/ui/src/pages/ProductionProductCostingHasCostDetail.vue
+++ b/ui/src/pages/ProductionProductCostingHasCostDetail.vue
@@ -469,10 +469,15 @@
             </span>
           </div>
           <div class="sub-right pcd-sub-right-clickable" @click="toggleGroup(grp, gi)">
-            Grup Toplami TRY: {{ formatBarMoney(resolveGroupTRYTutar(grp, groupTotalsRevision)) }} | USD: {{ formatBarMoney(resolveGroupUSDTutar(grp, groupTotalsRevision)) }}
+            <span class="pcd-group-total-text">
+              Grup Toplamı TRY: {{ formatBarMoney(resolveGroupTRYTutar(grp, groupTotalsRevision)) }}
+              <span class="pcd-group-total-divider">|</span>
+              USD: {{ formatBarMoney(resolveGroupUSDTutar(grp, groupTotalsRevision)) }}
+            </span>
             <span class="pcd-group-debug">
-              | Tani: {{ resolveGroupIncludedCount(grp) }}/{{ rowsForGroupTotal(grp).length }} kalem
-              | Ham TRY: {{ formatBarMoney(resolveGroupRawTRYTutar(grp)) }}
+              Tanı: {{ resolveGroupIncludedCount(grp) }}/{{ rowsForGroupTotal(grp).length }} kalem
+              <span>|</span>
+              Ham TRY: {{ formatBarMoney(resolveGroupRawTRYTutar(grp)) }}
             </span>
             <q-icon
               :name="isGroupOpen(grp, gi) ? 'expand_less' : 'expand_more'"
@@ -2910,13 +2915,13 @@ function resolveGroupRawTRYTutar (grp) {
 
 function resolveGroupTRYTutar (grp, _revision) {
   return rowsForGroupTotal(grp).reduce((total, row) => (
-    total + (shouldIncludeRowInGroupTotal(grp, row) ? resolveRowTRYTutar(row) : 0)
+    total + (shouldIncludeRowInGroupTotal(grp, row) ? parseMoneyInput(row?.lTutar) : 0)
   ), 0)
 }
 
 function resolveGroupUSDTutar (grp, _revision) {
   return rowsForGroupTotal(grp).reduce((total, row) => (
-    total + (shouldIncludeRowInGroupTotal(grp, row) ? resolveRowUSDTutar(row) : 0)
+    total + (shouldIncludeRowInGroupTotal(grp, row) ? parseMoneyInput(row?.usdTutar ?? row?.lTutarUSD) : 0)
   ), 0)
 }
 
@@ -5630,8 +5635,8 @@ watch(
   justify-content: space-between;
   gap: 8px;
   padding: 8px 10px;
-  min-height: 42px;
-  height: 42px;
+  min-height: 46px;
+  height: auto;
   border-top: 1px solid #d6c06a;
   border-bottom: 1px solid #d6c06a;
   background: linear-gradient(90deg, #fffbe9 0%, #fff4c4 50%, #fff1b0 100%);
@@ -5653,7 +5658,9 @@ watch(
   display: flex;
   align-items: center;
   justify-content: flex-end;
-  flex-wrap: nowrap;
+  flex-wrap: wrap;
+  row-gap: 4px;
+  max-width: 70%;
 }
 .pcd-sub-header .sub-left {
   display: flex;
@@ -5670,15 +5677,32 @@ watch(
   user-select: none;
   display: inline-flex;
   align-items: center;
-  gap: 8px;
-  flex-wrap: nowrap;
+  gap: 6px 10px;
+  flex-wrap: wrap;
+}
+.pcd-group-total-text {
+  color: #2f2408;
+  font-size: 13px;
+  font-weight: 900;
   white-space: nowrap;
 }
+.pcd-group-total-divider {
+  margin: 0 4px;
+  color: #8d6d13;
+}
 .pcd-group-debug {
-  color: #b42318;
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 2px 7px;
+  border: 1px solid rgba(180, 35, 24, 0.35);
+  border-radius: 5px;
+  color: #8f1d14;
+  background: rgba(255, 255, 255, 0.78);
   font-size: 11px;
   font-weight: 800;
   text-transform: none;
+  white-space: nowrap;
 }
 .pcd-sub-mt-qty {
   flex: 0 0 auto;
@@ -5687,6 +5711,18 @@ watch(
   font-weight: 900;
 }
 
+@media (max-width: 900px) {
+  .pcd-sub-header {
+    align-items: flex-start;
+  }
+  .pcd-sub-header .sub-right {
+    max-width: 78%;
+  }
+  .pcd-group-debug {
+    flex-basis: auto;
+  }
+}
+
 .pcd-detail-table :deep(.q-table__middle) {
   overflow: visible !important;
 }