update draft klinik ruang dan cetak anjungan

components/common/PageHeader.vue

@@ -51,8 +51,8 @@ defineProps({
   },
   theme: {
     type: String,
-    default: 'primary', // 'primary', 'secondary', 'success', or 'accent'
-    validator: (value) => ['primary', 'secondary', 'success', 'accent'].includes(value)
+    default: 'primary', // 'primary', 'secondary', 'success', 'accent', or 'warning'
+    validator: (value) => ['primary', 'secondary', 'success', 'accent', 'warning'].includes(value)
   }
 });
 
@@ -69,6 +69,8 @@ $success-600: #009262;
 $success-700: #1B6E53;
 $accent-600: #8B5CF6;
 $accent-700: #7C3AED;
+$warning-600: #FF9800;
+$warning-700: #F57C00;
 $font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
 $font-weight-regular: 400;
 $font-weight-semibold: 600;
@@ -97,6 +99,11 @@ $font-weight-semibold: 600;
   box-shadow: 0 4px 16px rgba(139, 92, 246, 0.3);
 }
 
+.page-header-warning {
+  background: linear-gradient(135deg, #FF9800 0%, #F57C00 100%);
+  box-shadow: 0 4px 16px rgba(255, 152, 0, 0.3);
+}
+
 .header-content {
   display: flex;
   align-items: center;
@@ -159,4 +166,8 @@ $font-weight-semibold: 600;
 .add-btn-accent {
   color: $accent-600 !important;
 }
+
+.add-btn-warning {
+  color: $warning-600 !important;
+}
 </style>

components/features/queue/PatientCard.vue

@@ -49,6 +49,22 @@
               </v-chip>
             </div>
 
+            <div v-if="patient.tipeLayanan" class="info-row">
+              <span class="info-label">Tipe Layanan:</span>
+              <v-chip 
+                size="small" 
+                :color="patient.tipeLayanan === 'Pemeriksaan Awal' ? 'primary' : 'secondary'"
+                class="text-white"
+              >
+                {{ patient.tipeLayanan }}
+              </v-chip>
+            </div>
+
+            <div v-if="patient.ruang" class="info-row">
+              <span class="info-label">Ruang:</span>
+              <span class="info-value">{{ patient.ruang }}</span>
+            </div>
+
             <div class="info-row">
               <span class="info-label">Pembayaran:</span>
               <span class="info-value">{{ patient.pembayaran }}</span>