style: refine shared UI primitives and management flows

src/app/(modules)/ticket/[ticketId]/components/actions/ClosedTicketAction.tsx

@@ -89,7 +89,7 @@ export function ClosedTicketAction({ ticket }: { ticket: TicketDetail }) {
       </CardHeader>
 
       <CardContent className="space-y-5">
-        <div className="space-y-4 rounded-xl border bg-muted/20 p-4">
+        <div className="space-y-4 rounded-lg border bg-muted/20 p-4">
           <MetaField
             label="Reviewed By"
             value={<PersonInfo person={reviewer} size="lg" />}

src/app/(modules)/ticket/[ticketId]/components/actions/RepairEvidenceForm.tsx

@@ -56,11 +56,11 @@ function MediaSectionHeader({
       </div>
       <Button
         type="button"
-        variant="outline"
+        variant="secondary"
         size="sm"
         disabled={disabled}
         onClick={onAdd}
-        className="h-8 shrink-0 border-primary/30 text-primary hover:bg-primary/5 hover:text-primary"
+        className="shrink-0"
       >
         <Plus className="size-3.5" />
         {addLabel}
@@ -71,7 +71,7 @@ function MediaSectionHeader({
 
 function MediaHint({ children }: { children: ReactNode }) {
   return (
-    <p className="rounded-md bg-muted/50 px-3 py-2 text-xs text-muted-foreground">
+    <p className="rounded-lg bg-muted/50 px-3 py-2 text-xs text-muted-foreground">
       {children}
     </p>
   );
@@ -182,7 +182,7 @@ function VideoThumbnail({
         </span>
       </div>
       {duration ? (
-        <span className="pointer-events-none absolute bottom-1.5 right-1.5 rounded bg-black/75 px-1.5 py-0.5 text-[10px] font-medium text-white">
+        <span className="pointer-events-none absolute bottom-1.5 right-1.5 rounded-lg bg-black/75 px-1.5 py-0.5 text-[10px] font-medium text-white">
           {duration}
         </span>
       ) : null}
@@ -382,7 +382,7 @@ export function RepairEvidenceForm({
               description="Tap to upload repair photos"
               disabled={isSubmitting}
               onClick={openImagePicker}
-              className="min-h-[104px]"
+              className="min-h-26"
             />
           ) : (
             <div className="flex min-w-min gap-3">
@@ -457,7 +457,7 @@ export function RepairEvidenceForm({
       </div>
 
       {error ? (
-        <div className="rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive">
+        <div className="rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive">
           {error}
         </div>
       ) : null}

src/app/(modules)/ticket/[ticketId]/components/actions/ReviewRepairAction.tsx

@@ -32,6 +32,7 @@ export function ReviewRepairAction({ ticket }: { ticket: TicketDetail }) {
         </div>
         <div className="grid grid-cols-2 gap-2">
           <Button
+            variant={'secondary'}
             disabled={!reviewComment || reviewRepairMutation.isPending}
             onClick={() =>
               reviewRepairMutation.mutate({

src/app/(modules)/ticket/[ticketId]/components/actions/TicketActionCard.tsx

@@ -22,7 +22,7 @@ export function TicketActionCard({
     <Card>
       <CardHeader>
         <CardTitle className="flex items-center gap-2 text-base">
-          <Icon className={cn('size-4 text-primary', iconClassName)} />
+          <Icon className={cn('text-primary', iconClassName)} />
           {title}
         </CardTitle>
       </CardHeader>