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>